반응형 TypeScript3 [React/ typescript] eslint, prettier 설정하기 수많은 오류가 엄청 많이 났었다 ㅠ 우선 오류를 다 찾아보고 최대한 오류 안나는 부분까지 고친 부분인데 이게 우선 오늘의 내가 최선이다 !! #npm npm install eslint@^7.2.0 eslint-plugin-import@^2.22.1 --save-dev npm install eslint-plugin-jsx-a11y@^6.4.1 eslint-plugin-react@^7.21.5 --save-dev npm install eslint-plugin-react-hooks@^4 eslint-config-prettier --save-dev npm install eslint-plugin-prettier eslint-config-airbnb prettier --save-dev npm install @typ.. 2022. 4. 21. [Next.js] Next.js + Redux + TypeScript 사용중 state값 proxy로 나올때 해결법 import { current } from '@reduxjs/toolkit' ... extraReducers: (builder) => { builder.addCase(logIn.fulfilled, (state, action) => { console.log(current(state)) }); }, console.log(state)했을 때 proxy값으로 나오면 import {current} 해서 아래처럼 입력해주면 값이 제대로 나온다. 2022. 2. 17. [TypeScript] 타입스크립트에 대해서 알아보자 typescript는 자바스크립트의 엄격한 규칙이 없어 사용하고 쉽고 우리가 원하는 방향으로 수정하기도 편하지만 큰 프로젝트를 하거나, 팀으로 일을 한다거나 버그를 최소화 하고 싶을 때는 단점이 되기 때문에 탄생하였다. 오류로부터 코드를 보호함 type language는 어떤 종류의 변수와 데이터 인지 설정을 해줘야 함. • 타입스크립트와 자바스크립트의 차이 자바스크립트에서는 오류 X 타입스크립트에서는 오류 O 그 이유는 3 arguments가 있는데 2개만 가지고 있다고 친절하게 설명해준다. 이것이 typescript가 보호해 주는 방법이다. gender에 ?를 붙일 경우 function파라미터에 arguments가 뭔지 알 수 있다. 설정을 모두 변경하면 저장할때 마다 아래에서 그대로 나온다. 신기하.. 2021. 7. 29. 이전 1 다음
