전체 글 53

vuejs 디렉티브

vuejs 공식문서 - https://kr.vuejs.org/v2/guide/syntax.html#%EB%94%94%EB%A0%89%ED%8B%B0%EB%B8%8C html 테그에 사용하며 표현식의 값이 변경될 때 반응적으로 DOM 을 변경하는 기능. v-if v-show v-for v-bind v-on 과 같이 v- 접두사를 붙여 사용하며 v-if 는 해당 테그를 렌더링 할지 아닐지 결정 v-show 는 해당 테그의 display 속성을 결정 v-for 는 해당 테그를 렌더링할 때 반복문을 이용해 복수의 테그를 생성 v-bind 는 html 요소값을 변경 (단방향 바인딩???) / 약어는 : (ex 'v-bind:href' == ':href' ) v-on 은 DOM 이벤트를 하는 디렉티브 / 약어는 @..

공부 링크

(논)블로킹, (비)동기 비교 및 둘의 조합 예시들 : https://sujinhope.github.io/2021/06/13/Network-%EB%8F%99%EA%B8%B0vs%EB%B9%84%EB%8F%99%EA%B8%B0,-%EB%B8%94%EB%A1%9C%ED%82%B9vs%EB%85%BC%EB%B8%94%EB%A1%9C%ED%82%B9%EC%9D%98-%EC%B0%A8%EC%9D%B4.html async 함수에서 await(promise) 이후 로직은 실제로 then 구문으로 트랜스파일 된다. : https://yorr.tistory.com/20 Promise 직접 구현해본 사람 : https://blog.hyunmin.dev/14 렌더링 최적화2 : https://velog.io/@wiostz9..

Promise vs Observable

Promise vs Observable https://betterprogramming.pub/observables-vs-promises-which-one-should-you-use-c19aef53c680 Observables vs. Promises — Which One Should You Use? Comparing key features of Observables and Promises betterprogramming.pub 1. callback 프로세스 전후의 코드 실행 순서가 다름 2. Promise 는 1개의 결괏값만, Observable 은 N개의 결괏값을 3. Promise 는 쿼리가 끝나야만 함 (쿼리가 성공하던 실패하던 간에), Observable 은 능동적 쿼리 취소 가능 -> Promis..

MVC MVP MVVM

MVC, MVP, MVVM 디자인 패턴은 "화면 렌더링" 에 초점을 둔 디자인 패턴이다! MVC, MVP : SSR 이고 MVVM : CSR 인듯?? MVC - https://catsbi.oopy.io/f52511f3-1455-4a01-b8b7-f10875895d5b - 요약 Model - View 를 그리기 위한 데이터들이 담긴 "화면이 실체화 되기 이전의 모델 -> 그림 그릴때 보고 그리는 '그 모델' 이라고 생각하자. 그림 그릴 때도 모델(포즈, 키, 얼굴 등의 데이터)을 보고 그림을 그리지 않는가!(View)" View - Model 을 보고 그림을 그린 결과물 "화가가 모델을 보고 그려서 완성한 그림" Controller - 그림 도구 및 그림 그리는 주체(화가 그 자체). 화가는 무엇을 그려야..