2018/044 [Spring MVC] Java 네이버 로그인 연동 완벽정리(네아로) 1. 네이버 로그인 목적 요즘 회원가입 페이지에 네이버 아이디로 로그인 , 구글 아이디로 로그인, 페이스북 등등 개인정보를 연동하여 로그인 하는 방식이 늘고 있다. 장점은 새로운 페이지마다 회원가입을 하지 않고 진행 할 수 있는 장점이 있다. 하나의 아이디로 여러 홈페이지를 이용한다는게 개인정보 관리도 편하고 좋다고 생각한다. 필자도 홈페이지를 제작하는데 회원가입을 받는 페이지를 제작중이다. 로그인 방식을 구글로그인 방식을 쓰려했으나 국내는 네이버가 널리 알려져 있고 대부분의 사람들이 네이버 아이디가 존재한다. 네이버 아이디로 로그인 연동을 통해 개인정보를 수집하고 관리하기 위해 네이버 API를 사용 해 연동해보겠다. 2. 개발환경 저는 Spring MVC 를 이용해 웹을 개발 중입니다. HTML은 js.. 2018. 4. 18. [HTML + CSS] Jquery DataTables 를 이용한 테이블 만들기 DataTables 란 웹에서 여러 가지의 리스트의 값을 보여줄 때 태그를 많이 이용합니다. Android의 ListView가 있드시 특정 데이터를 한눈에 보기위한 Layout을 사용합니다. DataTable은 태그의 필요한 기능을 입혀 편리하게 사용하도록 만들어 주는 라이브러리입니다. 일반적인 은 페이징이나 검색기능을 따로 구현해 주어야하는데, jquery에서 제공하는 DataTables 라이브러리를 이용하면 Paging, Search, Sort기능이 포함되어 있기에 편리하게 사용이 가능합니다. 혼자서 페이징, 검색기능 추가하려하니 막막했는데 이런 라이브러리가 있다는게 저에겐 큰 행운인거 같습니다. 홈페이지에 가면 상세한 설명이 있습니다. 참고하세요. URL : https://datatables.net.. 2018. 4. 12. [Spring] Ajax란 무엇인가, 사용법 - Ajax(Asynchronous JavaScript and XML)는 비동기적인 웹 제작을 위한 기법이다. 간단히 설명하면 특정 페이지의 데이터 변화가 존재할 때, 페이지를 refresh 해야 적용이 된다. 데이터의 변화가 많다면 지속적인 새로고침기능을 수행해 주어야한다. 매우 불편한 진실이고 트래픽이 증가하게되어 비효율적인 로딩이 너무 많아진다. 데이터만을 바꾸고싶은데 다른 이미지라던지 View를 이루고있는 틀을 다시 로드한다는건 쓸데없는 자원낭비이다. 이것을 막기위해 Ajax라는것을 쓴다. 동적으로 페이지를 변화시켜주는 기능이라 생각하면 이해가 빠를 것이다. 예를들어 파일업로드 중 Progress Bar를 이용해 수치를 보고싶다고 가정하면, 1% 2% 될때마다 페이지를 reload 할것인가? 하... 2018. 4. 9. [Spring] MultipartHttpServletRequset을 이용한 다중 파일 업로드 ------------------------------------------------------------------------ 시작하기 전에 현재 클라우드 비슷한 웹 프로그램을 개발하고 있습니다. 현재 프로젝트가 파일 업로드 구현이 필수적인데 단일 파일 업로드는 예제가 많습니다. 제가 만드는 클라우드는 특성상 고용량, 많은 파일 업로드 기능이 필요하여 다중 파일 업로드 방식을 찾아 헤멨습니다. 예제를 보면 종류도 많고 사용법도 제각각이라 이것 저것 다 써봤는데 꼭 하나가 되면 하나가 불편한 현실이 다가오더군요 1. 파일업로드 기능은 되는데 다중선택이 안됨. 2. 다중 선택은 되는데 input file 태그를 추가시켜 수동으로 하나하나 파일 선택해야함. 3. 단일 파일업로드 + Progress Bar(.. 2018. 4. 4. 이전 1 다음
