Recent Posts
Recent Comments
Archives
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- Next
- TypeScript
- 자주 까먹는
- 초기셋팅
- 리터럴
- OAuth
- nextjs
- React
- vscode
- 셋팅
- domain
- git
- 코테
- vercel
- 모던 자바스크립트
- 프로젝트 셋팅
- js
- 코딩테스트
- 내일배움캠프
- 구글 로그인
- array정적메서드
- 소셜 로그인
- 모던자바스크립트
- useRouter
- world it show
- deep dive
- 코드카타
- WIS
- 프로그래머스
- 스파르타코딩클럽
- Today
- Total
목록2024/11/01 (1)
하루 기록
기존 react 프로젝트에 typescript 도입하기
1. 설치하기npm i typescript @types/react @types/react-dom 2. 최초 설정하기npx tsc --init 생성된 tsconfig 파일에서 "jsx" 옵션을 줘야함: jsx가 자바스크립트 파일에서 내보내지는 방식을 제어하는 옵션 preserve: jsx를 변경하지 않고 .jsx 파일을 내보낸다.react: React.createElement 호출로 변경된 jsx로 .js 파일을 내보낸다.react-native : preserve와 같이 jsx를 변경하지 않지만 .js 파일을 내보낸다. 3. 기존 파일 확장자 변경하기- js 파일들 tsx/ts 확장자로 변경 4. 문제 생긴 부분 수정 + 필요하면 lib 추가 설치- js 파일들 tsx/ts 확장자로 변경 5. 끝! 프로..
Today I Learned/in dev
2024. 11. 1. 00:47