웹 개발

카카오 로그인 https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#req-user-info * 모든 언어에서 API 통신 언제든지 가능. 사용하는 언어만 다를뿐. * 위 흐름을 알아야 프로그램 코드를 짤 수 있음. # login.html (로그인 페이지) * 로그인 페이지에서 로그인 버튼을 누르면 카카오 로그인 api 를 요청함. ( 보내야할 데이터를 get방식 중 쿼리스트링 방식으로 붙여가지고 요청을 보냄) * uri=http://127.0.0.1:8484/user/kakao 이와같이 요청에 대한 응답을 우리서버(컨트롤러)에 /user/kakao 요청으로 가도록 해주었다 # 컨트롤러 (사용자의 정보를 받는 과정) 1. 로그인 페이지에서 카카..

* img 태그의 src 속성에 경로를 적는 것은 사실 서버에 데이터를 요청하는 방식과 같다 . ex) src =" http:// 경로" -> 풀경로임. 그래서 우리는 controller 로 보내는 요청을 src에 담을것. # productList.html 페이지 * 이미지 수정 버튼을 누르면 메서드 실행. - 우선 a링크의 고유한 이벤트(화면이동)를 중지시킴. e.preventDefault(); //a링크의 고유이벤트 중지 - 페이지 내에서 해당하는 해당 상품에대한 이미지 데이터를 분류해오기 위해 pk 값인 prod_id 값을 구해옴. //1. 클릭한 대상의 prod_id값 var prod_id = $(e.target).closest("td").next().html(); -..

#로그인 기능 -> 2가지 1. 인터셉터 (쉬움) 2. security (어려움) * 쿠키는 클라이언트에서 저장 * 세션은 서버에서 저장 * login 페이지 - form 형식으로 입력값을 넘긴다. * 컨트롤러 - 아래 보면 요청이 /login 으로 똑같은 곳이 2군데 있다. 하지만 getMapping 과 PostMapping 은 똑같은 요청이지만 서로 요청방식에 따라서 다르게 적용된다. ( form 방식으로 요청했으면 PostMapping, get 방식 요청이면 GetMapping 으로 ) -아래서 로그인 기능 부분(PostMapping) 1. 전달받은 id 와 pw 값을 통해서 서비스 영역에서 //select * from 유저 where id =? and pw = ? 해당 id, pw 에 해당하는 유..

보호되어 있는 글입니다.

깃허브 JQUERY 프로젝트 확인: https://github.com/BigJadeStone/JQUERY GitHub - BigJadeStone/JQUERY Contribute to BigJadeStone/JQUERY development by creating an account on GitHub. github.com -자바스크립트 1. javaScript vs Jquery 2. Jquery사용법 * JQuery 는 자바스크립트르 ㄹ더 간편하게 사용하게 해주는 자바스크립트 라이브러리이다. *Jquery 다운받기 - 제이쿼리 홈페이지 가서 다운로드. 다운로드 누르고 나오는 창에서 마우스 오른쪽 누르고 다른 이름으로 파일 저장 후 아래와 같이 파일을 프로젝트에 갖다 놓은 후 . 페이지에서 스크립트를 걸어준다..

* REST API 를 이용하면 서버간에 통신을 할 수 있다. (핵심) * 네트워크는 객체를 모름. 따라서 객체를 문자열로 바꿔서 주거니 받거니 하게 됨. 이 문자열 형태 중 대표적으로 xml , JSON 이 2가지 방식을 사용. 즉, 자바의 객체를 보내거나 받을 때 xml이나 Json 형식으로 바꿔서 보내고 받는다. * 서버간 데이터 통신방식은 양방향 방식 * 기본적으로 클라이언트 (페이지)에서 넘어온 값을 컨트롤러에서 받는 기본적인 방법은 HttpServletRequest 인데 다른방법으로도 넘어오는 데이터를 받을 수 있는 이유는 Argument Resolver에서 내부적으로 처리를 해주기 때문. # REST API의 특별한 어노테이션 * @RequestBody - Json 으로 넘어오는 값을 자바 ..