본문 바로가기

npm4

생산성 향상을 위한 Hygen 도입 컴포넌트 제작 생산성을 높이고 싶을 때는 컴포넌트 제너레이터 Hygen을 도입해보자 1. Hygen 이란? 1-1. 특징 1) 디자인 시스템과 코딩 컨벤션이 그라운드룰로 정해져있는 경우 유용함 2) 자바스크립트 기반의 코드 제너레이팅 툴 3) 특정 프레임워크나 라이브러리에 의존적이지 않음 1-2. 장점 1) 같이 개발하는 사람들과 컴포넌트 구성요소 및 디렉터리 구조를 통일 시킬 수 있다. 2) 반복적으로 작성해야 하는 코드를 쉽게 만들어 개발 생산성을 향상 시킬 수 있다. 3) 약간의 node.js 지식을 가지고 있으면 쉽게 템플릿 생성자를 만들 수 있다. 1-3. 단점 1) react snippet extension 을 추가하는 것 처럼 명령어를 추가로 기억해야한다. 2) 코딩 컨벤션이 바뀌게 되면 지.. 2022. 12. 14.
웹 개발 시 React 를 선택해야하는 이유 ES6 문법을 익히고나서 React를 공부하기 위해 포스팅을 시작하게 되었습니다. 기본적인 React에 대한 설명과 앱을 설치하고 실행해보는 방법에 대해서 설명하도록 하겠습니다. 1. React 란? React는 페이스북에서 제공하는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. React 는 왜 프레임워크가 아니라 라이브러리일까? React 는 왜 프레임워크가 아니라 라이브러리일까? React에 관한 글을 작성하다가 React는 왜 라이브러리일까? 그리고 프레임워크와 라이브러리의 차이점은 무엇일까? 에 대한 해답을 얻기위해 포스팅을 작성하게 되었습니다. 1. React 는 프레임워크 canoe726.tistory.com 2. 그렇다면 React 왜 써야 할까? React를 사용해 .. 2020. 9. 15.
타입스크립트 설치 및 타입 정의해보기 이번 포스팅에서는 타입스크립트 소개와 간단한 사용법에 대해 알아보겠습니다. 1. 타입스크립트란? Javascript의 변수에 형(Type)을 부여해주고 그와 관련된 문법 검사를 해주는 것 특징 1) Javascript에 타입 기능을 추가하는것 (string, boolean, int 등) 2) 실시간 에러 처리 3) 오픈소스이며 정적타입 추가에 가장많이 사용되는 툴 4) 브라우저, OS에 독립적 5) .js 코드나 .ts 코드는 결과적으로는 동일하게 작동함 2. 왜 사용해야 할까? 1) Javascript에는 변수에 타입을 명시 할수있는 기능이 없다는 단점을 해결 가능함 ex) 함수나 변수명만으로는 그 타입을 한번에 알기 어렵다 2) 에디터에서 코드를 작성하면서 동시에 자동으로 문법오류 체크가 가능함 3... 2020. 8. 31.
Jest 시작해보기 Javascript 테스트 도구인 Jest에 대해서 학습하였고 그에 대해서 포스팅을 하였습니다. 1. Jest 란 무엇일까? Jest는 단순성에 초점을 둔 Javascript 코드 테스팅 프레임워크 입니다. 2. 왜 Jest를 써야할까? Javascript로 작성한 코드가 올바르게 작동하는지 테스트를 하기위해서 사용합니다. Jest 의 공식 홈페이지에 따르면, 문서화가 잘 되어있고 간단한 설정을 통해 테스트 요구사항을 달성할 수 있다고 합니다. 3. Jest 설치하기 Jest를 시작하기 전에 테스팅을 실행할 디렉토리에 package.json 파일을 생성합니다. npm init -y 그 후 Jest를 개발 의존성으로 설치합니다. npm install --save-dev jest 설치가 완료 되었으면 pac.. 2020. 8. 20.

티스토리툴바