유혁스쿨

[예시 1. null] useEffect(()=>{ let params = {params: {"test":null}} axios.get('/test', params) .then((response)=> { console.log(response) }) .catch((error) => { console.log(error); }) }) @GetMapping("/test") public void test(String test) { System.out.println(test.equals("null")); } [예시 2. undefined] useEffect(()=>{ let params = {params: {"test":undefined}} axios.get('/test', params) .then((respons..

자바스크립트 jQuery와 Ajax를 통한 데이터 통신에서 서버와 클라이언트 간에 이동되는 데이터들을 JSON 형태로 파싱해주는 라이브러리 입니다. pom.xml에 등록합니다. com.fasterxml.jackson.core jackson-databind 2.9.8

SELECT COUNT(*) FROM mvc_user where account=#{account} priamrykey인 아이디를 기준으로 조회했을대 count를세어서 1이나오면 DB에 저장되어 있으므로 이미 가입된 아이디 아이디고 만약 0이 라면(primarykey이기때문에 1이상이 나오지않음) DB에 저장이 안됬으므로 사용가능한 아이디라는 유효성 검증 기준을 내릴수 있습니다. @RestController @RequestMapping("/user") public class UserController { @PostMapping("/checkId") public String checkId(@RequestBody String account) { System.out.println("/user/checkId: P..

클라이언트 영역 JSP단 JavaScript단 AJax() 통신처리 jQuery와 JavaScript문법을 통해 클릭시 이벤트를 발생시킵니다. 클릭을 했을때 이벤트 내용으로는 입력받은 아이디와 비밀번호, 이름을 자바스크립트 객체에 담고 ajax()함수를 통해 담은 데이터 정보인 객체를 서버 컨트롤러에게 전송을 합니다. 이때 전송방식과 요청정보, 전송할 데이터형식, 서버로부터 받을 응답데이터형식, 그리고 통신성공시 성공되었다는 내용을 받는 성공 콜백함수, 에러콜백함수 등을 지정해줘야합니다. 이때, 코드상에서 const user 라는 이름의 자바스크립트 객체 변수에 담긴 key값이 VO와 일치하게 넘겨줘야 컨트롤러단에서 객체로 묶어 받을 수 있게됩니다. 앞서 Map과 객체는 JSON데이터형식에서 {"key"..

클라이언트 에서 서버에게 JSON데이터 형태로 데이터전송하기. REST방식은 다양한 디바이스 장치로부터 서버에 데이터와 작업을 요청하고, 결과를 받는다는 점에서 유용하지만, 일반적인 웹 페이지와는 달리 화면을 제작하지 않는 형태로 처리되기 때문에, 브라우저로 결과를 체크할수가 없습니다. 최근에는 여러 종류의 REST클라이언트 테스트 프로그램이 존재합니다. 좀더 쉽게 결과를 테스트하기 위해서 크롬 브라우저의 앱으로 존재하는 Advanced REST Client나 PostMan등의 프로그램을 사용하여 테스트를 할 수 있습니다. PostMan 프로그램을 사용하여 클라이언트로부터 JSON데이터를 받은후 DB에 저장하는 과정을 포스팅 하겠습니다. 구글에 POSTMAN검색후 64비트 다운로드를 받으신 후 실행시켰을..

서버에서 클라이언트에게 JSON형태로 데이터 전송하기. @GetMapping("/hello") public String hello() { return "Hi!"; } 일반적인 방식의 메서드에서 return값이 문자열일 경우에는 뷰파일을 찾지못해 오류가 날것입니다. 뷰 리졸버가 동작하기 때문입니다. 뷰리졸버가 동작하고 Hi! 라는 jsp파일을 찾게되는데 해당 파일이 없어 오류를 띄우게 되는것입니다. 하지만 Rest API는 목적이 어떤 페이지를 여는것이 아닌, 데이터 전송에 대한 목적입니다. 바로 클라이언트쪽에 JSON방식으로 데이터를 주기위한 목적입니다. 서버에서 클라이언트에게 JSON방식으로 데이터를 주기 위해서는 @ResponseBody 라는 어노테이션을 사용합니다 @ResponseBody retur..

REST API란? Representational Transfer의 약자입니다. Restful이라는것은 자원을 표현할 떄, http를통해 자원들을 식별할 때 uri를 crud규칙에 맞게 구현하는것을 RestAPI라고 부릅니다.(백엔드로직) 왜 쓰게 되었는가? 웹사이트를 만들 떄 웹에서만 돌아가게 만들면 사용성이 제한이됩니다 웹브라우저 뿐만아니라 모바일도 중요하고 pc프로그램으로도 사용될수있게되어 클라이언트가 점점 다양해지므로 그 요구에 맞춰 백엔드를 하나로 통합하여 모든 클라이언트에 붙이기 위해서는 어떻게 해야하는가 와 같은 요구사항들이 생기기 시작합니다. 배달 관련 어플리케이션에서, 사용자들로는 메뉴와 가격을 올리는 업주, 음식을 시키는 일반고객, 홈페이지 관리자 이런 사람들이 사용하는 어플리케이션을 ..