# directive

9개의 포스트

[Vue] v-if, v-show (directive)

v-if는 dom구조 자체를 변경\-> dom구성을 전부 하지않음. 조건에 맞는것만 (lazy 함)\-> 즉, 초기비용이 크지 않음\-> 조건이 바뀔때 dom구조를 바꾸므로 렌더링 비용이 큼\-> 변경이 자주 일어나지 않는 곳에 적합 ( ex - 로그인 상태 여부 )v

2022년 6월 19일
·
0개의 댓글
·

[Vue] v-for (directive)

array 배열\[] v-for="값, 인덱스 in 배열" key=""object 객체{} 둘다 표현 가능하다.v-for="값, 키 in 객체" key=""

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

[Vue] 기본 디렉티브

v-text , {{ }}innerText 속성에 연결됨. 태그 문자열을 HTML 인코딩하여 나타내기 때문에 화면에는 태그 문자열이 그대로 나타남.v-htmlinnerHtml 속성에 연결됨. 태그 문자열을 파싱하여 화면에 나타냄.XSS 공격 등에 취약하여 꼭 필요한 경

2022년 6월 17일
·
0개의 댓글
·
post-thumbnail

ARM Instruction Set Architecture (1)

대부분의 어셈블러는 source file을 두 번 읽는다.1\. First pass : symbol table을 만든다. 각 symbol에 대해 second pass에서 사용할 value를 계산하고 기록한다 \- symbols : global variables, fu

2022년 4월 19일
·
0개의 댓글
·
post-thumbnail

Basic

vue 기본 정보

2021년 8월 5일
·
0개의 댓글
·

[WEB] JSP 기본 구성요소 (HTML/JS Tag & JSP Tag)

1. HTML/JS Tag 1-1. view > 리스트, 테이블 구성을 이야기 함 1-2. 요청하기 (request) > - Anchor <table class="colorscripter-code-table" style="margin:0;padding:0;borde

2021년 3월 8일
·
0개의 댓글
·
post-thumbnail

Angular directive

출처: https&#x3A;//www.edureka.co/blog/angular-directive/Angular Essentials 디렉티브 정리HTML attribute 처럼HTML 요소, 컴포넌트에 특정 속성, 기능을 추가할 수 있다. 마치 attribute 처럼!

2020년 9월 24일
·
0개의 댓글
·
post-thumbnail

이미지 지연 로딩 구현하기 (feat. custom-directive vs component)

custom-directive와 component방식으로 구현하는 이미지 지연로딩에 대해 간단히 비교해보자

2020년 3월 14일
·
1개의 댓글
·
post-thumbnail

Vue List Image Lazy Loading 구현해보자

1. Vue project 만들기 뷰가 설치되어 있지 않다면 설치합니다. $ yarn global add @vue/cli $ vue create vue-lazy-loading $ cd vue-lazy-loading 서버 실행 $ yarn serve or npm run serve 스크린샷 2019-08-29 ᄋ...

2019년 8월 29일
·
0개의 댓글
·