typescript

React로 라이브러리 만들어보기

사용기술 prettier, eslint, rollup, ts, storybook 기존 기술 스택에 babel도 포함되어 있었으나 생각을 해보면 웹페이지로 띄우는 게 아니고 react에서 사용하는 ui라이브러리 이기 때문에 하위 호환성을 생각해서 변환해줄 필요가 없다. Pacakge.json 패키지를 만들때 기본적인 정보와 설정 내용을 package.json파일에 적어둔다 { "private": false, // 배포를 하기위해서는 false로 설정되어야 한다. "main": "dist/cjs/index.js", // 기본적인 진입경로를 설정한 파일이다. 번들이 된 파일을 지정한다. 여기서는 commonJs파일의 진입 파일을 설정한 것이다. "module": "dist/esm/index.js", // 기본..

JS 프로젝트 TS로 마이그레이션하기

알고리즘 텀 프로젝트에서 간단하게 js로 작업을 하였는데 TS를 배우면서 한번 적용해 보고 싶어졌다 그래서 무작정 시작하는 JS프로젝트 TS로 마이그레이션 하기! 기본 세팅 일단 타입스크립트도 라이브러리다 설치하자 npm i typescript 기존 프로젝트에 tsconfig파일 설정하기 npx를 통해 간단하게 설정 파일을 만들 수 있다. npx tsc --init 타입스크립트의 핵심은 타입!! 타입 또한 설치해 주어야 한다 각 프로젝트에 필요한 라이브러리들의 타입을 설치해주자 내가 사용했던 타입은 jest, node, react, react-dom, styled-components의 타입을 설치해 주었다 npm i @types/react ...등등 eslint 또한 typescript에 맞춰서 다시 i..