새오의 개발 기록

템플릿 DOM을 구축하는 방법으로 템플릿을 주로 사용함 HTML을 기반으로 하는 템플릿 구문을 사용하여 텍스트 에디터와 함께 쉽게 사용 가능 엔지니어와 디자이너가 공동 작업하기 쉬움 템플릿과 로직을 연결할 때 템플릿 내부에 독자적인 속성으로 '디렉티브' 기능 사용 데이터 바인딩 데이터 바인딩: 데이터와 랜더링을 동기화하는 구조 프레임워크는 자바스크립트 데이터와 이를 사용하는 위치를 연결해서 데이터 변경이 있을 때 자동으로 DOM을 업데이트 함 라이브러리 없이 자바스크립트로만 특정 요소의 텍스트를 변경하고 싶은 경우에 UI가 복잡해지면 코드도 굉장히 많아지고 정확도 떨어짐 v-로 시작하는 디렉티브 v- 로 시작하는 속성을 디렉티브라고 부름 주로 데이터 바인딩과 관련된 처리를 함 디렉티브의 값은(v-로 시작..

프레임워크란? 여러 기능이 결합된 애플리케이션을 만들다 보면 어떻게 데이터를 구성하고, 어떻게 기능을 연계하는 것이 가장 좋을까 에 대한 고민하게 됨 이러한 설계에 대한 고민은 코드의 가독성과 유지보수성을 비롯한 많은 것들이 연관되는데 이를 도와주는 게 프레임워크 프레임워크의 기능 애플리케이션의 뼈대가 되는 기본적인 기능과 규칙을 제공 프레임워크와 라이브러리의 차이점 라이브러리는 부품을 조합해서 전체를 만들어 나감 -> 호출하는 쪽을 만드는 것 프레임워크는 프레임워크가 사용할 부품을 우리가 만들어 나감 -> 호출되는 쪽을 만드는 것 프레임워크의 장점 프레임워크의 규칙에 따라서 필요한 코드를 추가하면 되므로 적은 코드로도 만들고 싶은 것을 쉬우면서도 효율적으로 만들 수 있음 규칙이 정해져 있어서 코드를 일..

진입 장벽이 낮고 학습 비용이 적음 webpack 등의 번들러와 프리 컴파일러가 필요 없음 파일 하나만 읽어들이면, 코드 작성을 곧바로 시작할 수 있음 스케일의 유연성 standalone 버전을 사용하면, 페이지의 일부만을 인터렉티브하게 만드는 등의 단순한 목적으로 쉽게 사용 가능 확장 기능과 개발 지원 도구가 많이 제공되어 큰 규모의 단일 페이지 애플리케이션을 만들 수 있음 한국어 문서 라이브러리 자체와 관련된 문서 뿐만 아니라, 스타일 가이드 등도 한국어로 번역되어 있음 Ways of Using Vue | Vue.js vuejs.org 참고: 고양이도 할 수 있는 Vue.js

let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split(' '); let num = Number(input); for (let i = 1; i