ajax3 [node.js] 프로젝트 개발 일지 - 댓글 CRUD + ajax [지금까지]- 설명에 대한 댓글쓰기, 보기(C / R) 기능은 구현되어져있음 - Update / Delete 기능 구현하기 : C, R과 마찬가지로 ajax 서버콜 [조건]- 작성한 유저와 현재 유저가 같을 때 : user_id(유저를 구별할 수 있는 고유값)로 비교한 후 => comment 테이블 레코드마다 user_id를 가지고 있음 => 업데이트, 삭제 쿼리를 날릴 때 WHERE 2개 조건 : AND 조건(유저가 맞고, 삭제하려는 코멘트의 id가 맞아야함) [구현하기]1) 댓글 레이아웃 수정 : 이름 / 내용 / 버튼 2개(수정하기 토글, 삭제 버튼) 2) 수정하기 토글 : 클릭하면 댓글 내용 수정할 수 있도록 DOM 교체 : /comment 컨트롤러 내 함수 만들기 => 토글 클릭 : 댓글 작성한.. 2017. 8. 11. [node.js] AJAX API 서버 만들기 [먼저 읽어봐야할 게시글]- API 서버, JSON에 대한 개념 필요1) [자바스크립트] JSON 객체 : http://jinbroing.tistory.com/1562) [node.js] express로 REST API 서버 개발 : http://jinbroing.tistory.com/1453) [자바스크립트] Ajax 통신: http://jinbroing.tistory.com/99 [AJAX란]- 자바스크립트 XMLHttpRequest 객체를 사용해서 서버와 비동기적으로 통신하는 것을 말함- 비동기 통신의 결과로 XML을 받았으나 데이터가 많아지면 그만큼 태그가 많아져 용량이 무거워져 경량 데이터 포멧 JSON을 사용함 [XMLHttpRequest 객체]- 자바스크립트 코드에서 HTTP 통신을 쉽게하고.. 2017. 6. 17. [자바스크립트] Ajax 통신 [목표]- 모던웹 구현에 필요한 Ajax 개념알기- Ajax 직접 구현해보는 것 마음먹기 [먼저 보면 좋은 게시글]1) HTTP 프로토콜 자세히 알기 : http://jinbroing.tistory.com/962) 싱글쓰레드 자바스크립트 엔진은 비동기처리를 어떻게 하는가 : http://jinbroing.tistory.com/98 [Ajax란]- 자바스크립트를 이용해서 비동기적으로 브라우저와 서버가 데이터를 주고 받는 방식을 말함- 새로운 언어나 프레임워크, 라이브러리가 아님, 네트워크 통신 방식을 말함- Asynchronous Javascript and XML : 자바스크립트로 비동기 통신을 하고, XML 형식으로 데이터 리턴을 받는다는 뜻- XML 데이터보다 JSON 데이터 포멧을 훨씬 더 많이 사용.. 2017. 4. 22. 이전 1 다음
