재밌고 어려운 IT를 이해해보자~!

카카오 로그인 API 의 흐름 카카오 로그인의 흐름은 간단하다. 리소스 오너(사이트)가 카카오 로그인 창을 클라이언트에게 보여주면, 클라이언트는 로그인을 시도하고, 동의 항목을 체크하여 카카오 API 서버에 넘긴다. 전달받은 정보를 가지고 카카오 API 서버는 데이터를 식별하고 클라이언트가 인증에 성공한 데이터를 통해 5~6시간 로그인을 유지할 수 있는 토큰을 발급해 준다. 우리는 단순하게 이 토큰을 활용하면 됩니다. 먼저 카카오 개발자 사이트에서 애플리케이션을 세팅을 한 후 사이트 코드를 작성하면 된다. 만든 앱을 클릭하여 들어간 후 앱 설정의 플랫폼을 클릭하고, 카카오 로그인을 사용할 url을 등록한다. (우리가 사용하는 로컬서버 http://localhost:8088로 등록) url 등록 후 다음 ..

사용자가 회원가입 할 시에 전화번호 인증에 필요한 문자 API! 사용하기 위해서 사용하는 언어에 대한 SDK를 다운로드 해야 한다. Coolsms- https://developer.coolsms.co.kr/SDK_Java_Getting_Started_ko 1. 먼저 coolsms에서 회원가입을 하고 사용하기 위한 api_key와 api_secret을 발급받아야 한다. 2. 그 다음 REST-API SDK JAVA를 다운받으면 된다. coolsms 에서 제공하는 예젝 코드 public class SendExample { public static void main(String[] args) { /* * 서버에서 받은 API_KEY, API_SECRET를 입력해주세요. */ String api_key = "N..

이쁜 alert 를 위해 sweetAlert를 사용했다. CDN(Content Delivery Network) CDN 이란...? 여러분들이 사용하고자 하는 누군가의 js 파일을 사용하고자 한다면, 코드를 직접 다운 받거나 복사하여 우리 프로젝트에 맞게 적용시키는 과정이 필요하다. 하지만 CDN를 이용하여 JS 파일을 다운로드 받으면, 단 한 줄의 코드로 파일을 다운로드 할 수 있게 된다. https://www.jsdelivr.com/ jsDelivr - A free, fast, and reliable CDN for JS and Open Source Optimized for JS and ESM delivery from npm and GitHub. Works with all web formats. Serv..

게시글이 많아지면 한 화면에 전체 게시글을 출력해 주는 것이 아닌 정해진 게시글 수 만큼 출력해주고 다음 게시글은 페이지 버튼을 통해서 볼 수 있도록 페이지 버튼을 만들어 준다. pagination.js /** * 일반검색 & 필터검색 JS파일 */ // 필요한 변수 및 함수 선언 var jsonFilteredBoardDatas; // 필터링된 게시글 데이터를 저장할 변수 var loadReviewData; // 데이터를 로드하는 함수 const dataContainer = document.getElementById('dataContainer'); // 데이터 컨테이너 요소를 가져옴 const jsonBoardDatas = JSON.parse(dataContainer.getAttribute('data-j..

요청하는 헤더(Header)가 너무 발생해서 발생하는 현상으로, 서버 환경설정(server.xml)에서 maxHttpHeaderSize 옵션을 높이면 된다. ..라고하는데 왜 요청이 너무 발생했던것일까 ? 평소에 써보지 않았던 GET방식 데이터 parsing이 문제가 있던 것 같기도 하다. 서버 설정을 바꿔주자. sever.xml에 maxHttpHeaderSize="30000" 을 추가~

filterSearch.js /** * 페이징처리 JS 파일 */ // 최소 가격 range input 값 표시를 담당하는 변수 및 이벤트 핸들러 등록 const minPriceInput = document.getElementById('minPrice'); const minPriceOutput = document.getElementById('minPriceOutput'); // 최대 가격 range input 값 표시를 담당하는 변수 및 이벤트 핸들러 등록 const maxPriceInput = document.getElementById('maxPrice'); const maxPriceOutput = document.getElementById('maxPriceOutput'); var isFiltered ..

CameraReviewSelectAllPageAction.Java package controller.board; import java.io.IOException; import java.util.ArrayList; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.google.gson.Gson; import controller.front.Action; import controller.front.ActionForward; import model.board.BoardDAO; import model.board..

ChangeNickName.java package controller.async; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import model.member.MemberDAO; import mode..