비전공자의 코딩 일지/학원 수업 정리71 코딩 학원 60일차(AJAX를 활용한 입력 유효성 검사) 어제 내가 의문을 남겼던 JSON으로 id 중복 검사하는 방법을 배웠다. 일단 아이디 입력 인풋에 id를 부여해주고 인풋에 값을 입력하고 키보드가 떨어졌을 때 해당 인풋에 값을 가져와서 변수 id에 담아주고 그 아이디로 어제 만들었던 Member JSON을 get방식으로 요청하는데 가져온 값을 파라메터 값으로 넣고 조회한다. 어제 만든 JSON을 보면 member라는 배열안에 객체가 들어있는데 m_id가 DB에서 테이블 만들 때 primary key였기에 Id가 중복이라면 무조건 하나만 나올 것이다. 그래서 그 배열의 0번째 객체가 null이라면 이렇게 위쪽 td의 text와 color를 바꿔준다. 값이 있다면(중복이라면) 이렇게 나오게 그럼 이제 이걸 유효성 검사에서 잡아낼 수 있어야 한다. 아까 글씨.. 2022. 8. 30. 코딩 학원 59일차(AJAX) Back-end 웹 개발자는 우리 입장에서 볼 때 Spring을 주로 다루는 사람이라면 Front-end 웹 개발자의 주 업무는 AJAX이다. 에이잭스 아작스 뭐 여러 방식으로 불린 다는데 뜻은 통한단다. Asynchronous Javascript And Xml 혹은 Asynchronous J Aavascript Xml 라는데 아무튼 이건 비동기식 JS로 XML 파싱하는 기술이라 하셨다. 동기식 통신과 비동기식 통신이 있는데 동기식은 클라이언트가 서버에 요청을 하고 응답을 기다리는 시간 동안 프로그램이 멈춘다. 하지만 비동기식이라면 그런게 없다. 다만 저 응답을 기다리는 시간 동안 무언가를 진행하는게 문제라고 하셨다. 또한 이런 비동기식에 최적화된 것이 이벤트 기반 언어 JavaScript라고 하셨다. .. 2022. 8. 29. 코딩 학원 59일차(jQuery 기타 event) change는 select안의 선택지를 바꿨을 때 발생하는 것이다. 이때 타이밍 잡아서 뭐 이것저것 한단다. 브라우저 크기를 건들이면 현재 브라우저 가로 세로 길이가 찍힘. scroll이 요즘 sns에서 이용하는 스크롤이 바닥에 닿았을 때 새로운 게시물이 나오게 하는 것에 쓰인다고 하셨다. 위의 내용들을 응용해서 이런식으로 만들어진다. input에 무언가를 적고 enter 키 누르면 button 누른거랑 같은 기능이 되게 하는 방법 대충 인풋, 버튼 만들고 버튼 누르면 인풋에 써진거 알림으로 나오게 만든 다음 13이 enter키 아스키 코드고 해석하자면 input에서 키보드를 눌렀다 뗐을 때의 값(아스키 코드)이 13(엔터)면 알람 띄우기다. 그리고 버튼 누른 것과 같은 기능이 되기 위해서 쓰는 것이 t.. 2022. 8. 29. 코딩 학원 59일차(Spring, XML, JSON) AJAX에 대해 배우기전에 먼저 Spring을 통해 데이터를 XML과 JSON 형식으로 만드는 법을 배웠다, Spring MVC 프로젝트 하나 새로 만들어서 필요한 것들을 전부 세팅 했다. 그리고 대충 테이블 만들어서 값 넣고 그 값들 jsp에서 출력되게 하라 하셨다. 그래도 계속 썼다고 막히는 것 없이 하긴 했다. 이제 이 데이터를 외부에 제공하려면 어떻게 해야할까? String 하나로 만들어 주는데 대충 만들면 사용하는 사람이 파싱을 못하기에 정해진 형식으로 만들어주자 해서 나온 것이 HTML 모양으로 : XML JS 모양으로 : JSON 이 두가지다. XML/JSON Spring이 자동으로 해줄텐데 이 때 필요한 기본 규칙이 저 위의 jsp에 값을 출력하기 위한 과정들이다. 강사님 같은 경우 상품이.. 2022. 8. 29. 이전 1 2 3 4 5 ··· 18 다음
