용어 모음

[프레임워크(framework)]

개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구

 

[라이브러리(library)]

자주 사용되는 기능들을 모아 재활용할 수 있도록 정리한 기술 모음집

 

[Vue.js]

화면단 라이브러리이자 프레임워크

 

[돔(dom)]

HTML 문서에 들어가는 요소의 정보를 담고 있는 데이터 트리

HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리

 

[돔 리스터(DOM Listener)]

돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치

 

[뷰(View)]

사용자에게 보이는 화면

 

[데이터 바인딩(Data Binding)]

뷰(view)에 표시되는 내용과 모델의 데이터를 동기화

 

[모델(Model)]

데이터를 담는 용기. 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장

 

[깃허브(github)]

소스 버전 관리가 가능한 공개 형상 관리 툴.

전 세계 개발자들의 소스 코드를 볼 수 있으며 개인 및 기업이 모두 사용할 수 있음

 

[케밥 기법]

변수가 단어의 조합으로 이루어져 있을 때, 단어와 단어 사이를 -로 잇는 변수 명명 방식

(예: my-project)

 

[타입스크립트(typescript)]

기존 자바스크립트에 엄격한 타입 체크를 도입한 언어로 앵귤러2의 표준이 됨

 

[ES6]

자바스크립트의 최신 스펙으로, 이크마 스크립트(ECMAScript) 2015와 동일한 용어

 

[WebPack(웹팩)]

웹 모듈 번들러로 최신 프런트엔드 프레임워크에서 권고하는 필수 웹 성능 개선 도구

 

[MVVM 패턴]

MVVM이란 Model-View-View-Model 패턴으로, 마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨어 디자인 패턴.

즉, 프론트엔드와 관련된 로직과 백엔드의 데이터베이스 처리 로직을 분리하여 더 깔끔하게 코드를 구성함

 

[라이플 사이클]

모바일 앱을 비롯하여 일반적으로 애플리케이션이 가지는 생명 주기

 

[커스텀 로직]

개발자가 임의로 작성한 추가 로직

 

[트리]

컴퓨터 자료 구조 중 하나로, 노드끼리의 연결이 부모 - 자식의 구조를 따름

 

[사용자 정의 태그]

HTML 표준 태그들 이외에도 웹 개발자가 직접 정의하여 사용할 수 있는 태그

 

[common.js]

자바스크립트를 브라우저뿐 아니라 서버 쪽 프로그램이나 PC 용 프로그램에서도 사용하려고 조직한 자발적인 워킹 그룹. 즉, 자바스크립트 코드를 별도의 모듈 파일로 분리시키고 필요할 때 불러와 사용할 수 있는 방식으로 정리한 것

 

[npm]

npm이란 Node Package Manager의 줄임말로, 다른 프로그래머가 미리 개발하여 올려둔 패키지를 찾아 설치하는 방법을 제공함