사용되는 주요 기술들을 명시합니다.
자바스크립트 (
Javascript) 는 프로그래밍 언어입니다. 인터넷 브라우저에서 HTML과 CSS를 통해 웹페이지의 구조와 디자인을 명시할 수 있고, 자바스크립트를 통해서는 웹페이지의 동작을 프로그래밍 할 수 있습니다.
노드 JS (
Node.js) 는 기존의 브라우저 안에서만 작동하던 자바스크립트라는 언어를 브라우저 바깥에서 사용할 수 있도록 C++ 로 코딩된 V8 엔진이라는 프로그램을 통해서 자바스크립트를 작동시켜주는자바스크립트 런타임입니다. (자바스크립트 런타임: 자바스크립트로 이뤄진 프로그램의 실행을 돕는 소프트웨어)
타입스크립트 (
Typescript) 는 기존 자바스크립트에 규격 명시를 좀 더 명확하게 해줄 수 있는 컴파일 언어입니다. 타입스크립트는 빌드(Build) 라는 과정을 통해서 자바스크립트로 변환된 결과물을 가지며, 자바스크립트와 완전히 호환됩니다. 타입스크립트를 이용하면 VSCode(Visual Studio Code) 라는 이름의 IDE(Itergrated Development Environment) 에서 Intellisense 라는 이름의 타입 추론 및 자동완성 제안을 받으면서 자료형이나 설계가 맞지 않아 발생하는 오류들을 미연에 방지할 수 있습니다.
뷰 (
Vue) 는 VDOM 기술을 응용해서 DOM을 더욱 더 쉽고 빠르게 변형시킬 수 있게 해주는 라이브러리입니다. HTML 안에서 JS와 CSS를 쉽게 연동하고 컴포넌트 체계를 통해 DOM을 체계적으로 관리할 수 있게 해줍니다.
넉스트 (
Nuxt) 는 뷰를 USSR 모드로 사용할 수 있게 해주는 프레임워크입니다. 기존의 뷰에 USSR를 더한 것 이외에도 뷰 전용 서버를 구성하고 관리하는데 필요한 여러가지 편리한 모듈들을 제공합니다.
컴포지션 API (
Composition API) 는 뷰3 에서 공식적으로 적용된 뷰의 새로운 생명주기 모듈이자 기존 뷰의 Props 및 Data 제어를 더욱 더 반응형 프로그래밍적이게 구성할 수 있게 도와주는 모듈입니다. 뷰2에서도 설치해서 사용할 수 있습니다.
뷰 스테이트 스토어 (
vue-state-store) 는 뷰에서 컴포지션 API 와 타입스크립트를 최대한 이용하면서 상태를 관리를 할 수 있게 돕는 상태 관리 모듈입니다.
테일윈드 CSS (
Tailwind CSS) 는 CSS를 여러 크기에 맞춰서 반응형 레이아웃으로 쉽게 구성할 수 있도록 사전에 구성된 스타일 클래스들을 제공해주는 모듈입니다.
스토리북 (
Storybook) 은 컴포넌트를 보다 더 쉽게 사용할 수 있도록 미리 입력한 컴포넌트에 옵션에 따라 컴포넌트 사용 예시코드를 조합해서 책자형태로 정리할 수 있게 돕는 모듈입니다.
QA울프 (
QAWolf) 는 웹페이지의 기능들을 크롬을 통해서 자동으로 테스트할 수 있게 돕는 모듈입니다. QA 울프를 사용하면 크롬에서 페이지를 직접 마우스나 키보드등을 통해 조작하는 행위들을 모두 매크로로 녹화한 후, 이를 바탕으로 테스트 코드를 자동으로 작성해줍니다.