728x90 자바스크립트8 node.js를 이용한 서버 만들기 node.js란 서버 사이드 자바스크립트 실행환경을 의미함 1. node.js 다운로드해서 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 윈도우에서 cmd 혹은 PowerShell 실행하고, node -v 명령으로 버전을 확인함으로서 node.js가 제대로 설치되어 있는지 확인이 가능함 3. 에디터 설치 (Visual Studio Code나 Atom 에디터를 선택해서 설치) Visual Studio Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Rede.. 2021. 10. 8. 타임리프 (Thymeleaf) 정리 (2) 5 Setting Attribute Values * 속성의 값을 설정할 수 있음 : action 속성값을 설정 * 콤마(,)로 구분하여 여러개의 속성값을 한번에 설정이 가능함 : src, title, alt 속성값을 설정 * th:attr="속성명=값"의 형태를 간단하게 th:속성명="값" 형태로 사용 가능함 * 축약해서 사용할 수 있는 속성명들이 많으므로 Thymeleaf 3.0 문서의 31p 참조할 것 th:abbr th:accept th:accept-charset th:accesskey th:action th:align ... 생략 * 여러 속성의 값을 하나의 값으로 설정이 가능함 : th:attr="속성명=값"의 형태로 축약하면 아래와 같이 나타낼 수 있음 : title, alt 속성의 설정값이 .. 2021. 10. 7. 타임리프 (Thymeleaf) 정리 (1) * Thymeleaf 3.0 문서를 참고하여 정리함 https://www.thymeleaf.org/documentation.html Documentation - Thymeleaf Articles Quick glimpses into what Thymeleaf can bring to your project. Introductions With Spring Comparisons www.thymeleaf.org 1 Introducing Thymeleaf 2 The Good Thymes Virtual Grocery 3 Using Texts * 타임리프의 문법 형태는 HTML5 문법 형태로 변경이 가능함. 세미콜론(:)을 하이픈(-)으로 변경하면 됨 : th:text -> data-th-text * th:text :.. 2021. 10. 6. JSON (JavaScript Object Notation) 정리 1. Object에서 JSON으로 변경 : JSON.stringify 사용 var json = JSON.stringify(obj); 2. JSON에서 Object로 변경 : JSON.parse 사용 var obj = JSON.parse(json); * 크롬의 개발자도구(F12)의 Console탭에서 아래 소스를 입력하며 테스트 // 테스트할 obj 객체 생성 var obj = {'1':'apple', '2':'banana', '3':'mango'}; obj // 객체 확인 {1: 'apple', 2: 'banana', 3: 'mango'} // Object => JSON var json = JSON.stringify(obj); json // json으로 변환된 모습을 확인할 수 있음 '{"1":"appl.. 2021. 10. 6. 이전 1 2 다음 728x90
