본문 바로가기

[Jquery]CheckBox검사 및 속성 값 얻기 # CheckBox 체크된 영역의 속성 값 읽기 Why ? 팀 프로젝트 진행 중 테이블형 게시판List에서 체크박스가 체크되어진 값에 대해 속성 값을 얻어야 하는 기능 작업. Refer 참고 1 - 스택오버 플로우 참고 2 - 스택오버 플로우 How ? 로직 : 버튼 클릭 -> (여러개)체크박스 체크 된 Tr의 Id값 얻기. .is(:checked) 를 통하여 체크여부 확인. .each 반복문을 사용하여 체크된(여러개 가능) 영역에 해당하는 곳에서 속성 값 얻기. 반복문을 통하여 값을 얻어야하므로 배열에 값을 담는다. // 삭제버튼 클릭이벤트 발생. $('#deledteCamera').on('click', function(){ // CheckBox 검사 if ($('input:checkbox[name=".. 더보기
[JS] Json알아가기(Hashmap, List, Array, Value) # Json에 대해 알아보자. Why? Client(Javascript) Spring(Server) 사이에서 데이터를 주고받기위해 Json방식으로 사용하는데 정확히 무엇인지 개념을 짚고넘어가자. Refer Json의 개념알고가기 (난이도 : 쉬움) 생활코딩 - Json ~ Ajax So json은 JavaScript Object Notation 의 약자로서, 의미그대로 해석하면 JavaScript에서 객체를 만들 때 사용하는 표현식을 의미한다. json은 클라이언트와 서버간의 데이터를 주고받을 때 사용할 수 있는 표현의 하나이다. 자바 스크립트는 객체를 { } 대괄호 로 표현한다. 그래서 Json데이터의 구조의 첫 시작은 { 로 시작하며(객체이다) “Key값(name)” 과 “Data(value)” 로 .. 더보기
[Nodejs] Express를 사용한 HTML 라우팅(Routing) / Webstrom개발환경/ Express / # Express를 사용한 HTML 라우팅(Routing) Why? 프로젝트 방향이 Node는 웹 화면을 띄우기위한 웹 서버 역활로 확정. 데이터는 Spring서버를 이용하기로 결정. 따라서 Node에서의 역할은 라우터를 이용하여 주소별로 웹을 나뉘어주는 역할. How ? Server / Route / View로 구성하여 역할을 구분. Server - ‘Express’ 사용, EJS사용 , 라우터 경로 설정 Router - 접속경로( 회사 / 고객페이지) 에 따라 경로구분. View - Html기반의 화면소스 (+부트스트랩) Problem 생활 코딩 및 블로그에서는 화면부분에 HTML이 아닌 EJS를 사용하여 출력을 하는데, 그렇게되면 현재 html로 제작된 페이지를 모두 ejs로 변환해야한다. 라우터(.. 더보기