반응형 전체 글90 [ Vanilla JS] 자바스크립트만으로 To do List 만들기 우선 바닐라 자바스크립트란 자바스크립트 라이브러리 등을 사용하지 않고, 순수하게 자바스크립트 언어로만 프로그래밍을 하는 것이다. 워낙 제이쿼리같은 문법 라이브러리를 많이 사용하는해온 터라, 사실 처음에는 긴가민가하면서 문법을 사용하다가 차츰 익숙해지기 시작했다. 바닐라 자바스크립트를 사용하는 까닭은 속도가 빠르기 때문이라고 한다. 근데 Thymeleaf template layout은 자바스크립트와는 관련 없는 스프링부트 템플릿 엔진이니까 바닐라라고 할 수 있겠지..? 테이블 형태로 만들었고, 그래서 약간 애를 먹었다 TT - 가벼운 TodoList - + 소요 시간 : 약 6시간 + 특징 1. ul-li가 아니라 table 요소를 이용한 TodoList (웹표준에 따르면 table 요소는 간단한 페이지처.. 2021. 1. 16. [JS] 변수 선언 : var / let / const의 차이점[ES6] 특징 var let const 변수재선언 재선언가능 재선언불가능 재선언불가능 변수재할당 재할당가능 재할당가능 재할당불가능 var >> let >> const 갈수록 엄격해지는 특징 1. 변수 재선언 / 재할당이 가능한 var의 문제점 var test = "first"; console.log(test) // first var test = "second"; console.log(test) // second test = "third" console.log(test) // third yes = "third"; var yes; 변수 재선언 / 재할당 가능 이미 test라는 이름이 존재해도 전혀 에러가 나지 않을 뿐더러, 기존 변수에 재할당하는 것도 가능하다. 또한, 해당 코드의 yes는 호이스팅 되어 var를 쓰.. 2021. 1. 15. [CSS] 웹화면의 정중앙 / 가운데 정렬하는 css 소스 HTML CONTENTS CSS body { width:100%; height:100%; } #box{ width:300px; height:300px; margin:0 auto; } 2021. 1. 14. [Thymeleaf] Thymeleaf template layout으로 초기 세팅하기2 JSP에서 include를 써보았다면 같은 맥락으로 이해하면 좋은 라이브러리, thymeleaf template layout를 통해 편리하게 구역을 나눌 수 있다. 이 템플릿엔진을 통해 구역을 나눠주면 화면을 관리하기에 훨씬 편해서 사용해보기로 했다. 1. 디렉토리 구성과 전체 구상도 전체 디렉토리 구조 : 이런식으로 폴더를 추가해주는데 자신의 용도에 따라 레이아웃을 구분하고 구현 할 수 있으며 쓰는 용도에 따라 nav 등을 추가할 수 있다. 전체 구상도 : 이렇게 세가지 구역으로 나눌 것이고, header와 footer는 고정하고, content영역만 바꿔낄 수 있게 해줄 예정이다. 2. 디펜던시 추가 nz.net.ultraq.thymeleaf thymeleaf-layout-dialect 2. 전체 코.. 2021. 1. 11. 이전 1 2 3 4 5 6 7 8 ··· 23 다음 반응형
