Web/front (10) 썸네일형 리스트형 [HTML mdn web docs] table 의 th에 id 쓰는 법 intellij 에서 테이블만 만들면 자꾸 th에 id나 scope attribute를 넣어라고 한다 왜 일까... 🤔 Table에서 id와 headers 속성을 이용하여 연결을 만든다 Purchase Location Date Evaluation Cost (€) Haircut Hairdresser 12/09 Great idea 30 … th 에 id를 추가해주고 td 는 headers 요소를 추가하고 공백으로 구분하는 것이다 제대로 작동하려면 테이블에 열과 행 머리글이 모두 필요하다. https://mdn.github.io/learning-area/html/tables/assessment-finished/planets-data.html Planets data Dwarf planets Pluto 0.014.. [mozilla WEB API Element] keydown_event https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event Element: keydown event - Web APIs | MDN The keydown event is fired when a key is pressed. developer.mozilla.org 찾아보니 keypress 는 삭제 keydown, keyup 을 이용할 수 있는 듯 하다. keydown, keyup 은 역시나 addEventListener 에서 사용한다 Keyboard events are only generated by , , and anything with the contentEditable or tabindex attribute. 정규표현식으로 입력 순간 또.. [Scope & Closure] 더보기 https://youtu.be/PVYjfrgZhtU Scope 란 변수 이름, 함수 이름, 클래스 이름과 같은 식별자가 본인이 선언한 위치에 따라 다른 코드에서 자신이 참조될 수 있을지 없을지 결정하는 범위 선언 시점이 전역과 지역에 따라 다름 Scope Level 라떼는... val과 var을 썼었즤...ㅋㅋㅋㅋㅋㅋ js는 내부슬롯에서 상위 스코프에 대한 정보를 저장한다 js는 함수 호출 시 실행 컨텍스트에서 생성하면서 실행 컨텍스트 스택을 쌓음 -> 렉시컬환경 생성 -> 코드 실행이 끝나면 실행 컨텍스트 스택에서 POP됨 클로져 outer함수 실행 시 코드실행 된 다음 실행 컨택스트 스택에서 팝 되면서 라이프사이클 주기에서 마감하게 된다. 그러나! 코드 실행 시 여전히 값이 있다. Closur.. [Vue.js] Template Syntax (2) Directives Directives are special attributes with the v- prefix. Vue provides a number of built-in directives, including v-html and v-bind which we have introduced above. Directive attribute values are expected to be single JavaScript expressions (with the exception of v-for, v-on and v-slot, which will be discussed in their respective sections later). A directive's job is to reactively apply .. [Vue.js] Template Syntax (1) https://vuejs.org/guide/essentials/template-syntax.html Template Syntax | Vue.js vuejs.org Text Interpolation Message: {{ msg }} 기본형태 {{}} 텍스트 보간 msg 태그 (속성 변경때마다 업데이트 됨) Raw HTML HTML이 아닌 일반 텍스트로 전환 v-html Using text interpolation: {{ rawHtml }} Using v-html directive: v- {{ var a = 1 }} {{ if (ok) { return message } }} [Vue.js] What is Vue? https://vuejs.org/guide/introduction.html Introduction | Vue.js vuejs.org Vue 를 공부해봐야지 :b Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be they simple or complex. 뷰는 자바스크림트 기반의 프레.. [Thymeleaf + Spring] 18 Appendix A: Expression Basic Objects https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#appendix-a-expression-basic-objects Tutorial: Using Thymeleaf 1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a www.thymeleaf.o.. [Thymeleaf + Spring] 8. Template Layout https://www.thymeleaf.org/doc/tutorials/3.1/usingthymeleaf.html#template-layout Tutorial: Using Thymeleaf 1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a www.thymeleaf.org 틀린 해석이나 잘못된 내용은 알.. 이전 1 2 다음
