개발을개발로할태니

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..

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. 정규표현식으로 입력 순간 또..

더보기 https://youtu.be/PVYjfrgZhtU Scope 란 변수 이름, 함수 이름, 클래스 이름과 같은 식별자가 본인이 선언한 위치에 따라 다른 코드에서 자신이 참조될 수 있을지 없을지 결정하는 범위 선언 시점이 전역과 지역에 따라 다름 Scope Level 라떼는... val과 var을 썼었즤...ㅋㅋㅋㅋㅋㅋ js는 내부슬롯에서 상위 스코프에 대한 정보를 저장한다 js는 함수 호출 시 실행 컨텍스트에서 생성하면서 실행 컨텍스트 스택을 쌓음 -> 렉시컬환경 생성 -> 코드 실행이 끝나면 실행 컨텍스트 스택에서 POP됨 클로져 outer함수 실행 시 코드실행 된 다음 실행 컨택스트 스택에서 팝 되면서 라이프사이클 주기에서 마감하게 된다. 그러나! 코드 실행 시 여전히 값이 있다. Closur..

​ 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 ..

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 } }}

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. 뷰는 자바스크림트 기반의 프레..

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..

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 틀린 해석이나 잘못된 내용은 알..

https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html#the-concept Tutorial: Thymeleaf + Spring Preface This tutorial explains how Thymeleaf can be integrated with the Spring Framework, especially (but not only) Spring MVC. Note that Thymeleaf has integrations for both versions 3.x and 4.x of the Spring Framework, provided by two separate libraries c www.thymeleaf.org 틀린 해석이 있다면 알려주세요 ..

틀린 해석이 있다면 알려주세요 공식문서를 제일 1순위로 공부해야겠다고 짚어주셨던 부분 중 하나가 바로 이것이다 타임리프 href 사용 할때 혹시 th:href="@{|http://localhost:8080/test/order/details(orderId=${o.id})|}" 이렇게 사용해본 적 있는 사람?? 뭐가 잘못된건데 라고 한다면 바로 이 "|" 이걸 사용한 것이다 공식문서에 따르면 th:href 를 사용할 때 이런 방식을 사용하라고 알려주고 있다 view view view 나만 그렇다고 할 수 없는게 나도 블로그 포스팅 복붙하다가 쓰게된 방법이기 때문이다. | |