일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- DOM
- Vite
- React
- 차이
- 프론트엔드
- 백준
- csr
- TypeScript
- 코딩테스트
- 비동기
- error
- React Query
- dynamic import
- 개발자
- html
- 알고리즘
- Git
- 취업
- 서버
- 취업준비
- Browser
- JavaScript
- SSR
- css
- http
- 공부
- Next.js
- 에러
- 코딩
- Sass
- Today
- Total
목록TypeScript (2)
minTech

리팩토링을 하게 된 이유프로젝트가 끝나고, 리팩토링 하는 과정에서 조금 더 도전해보고, 알아보고 싶었던 부분 중 하나가 바로 drag and drop 부분이었다. 왜냐하면 프로젝트를 진행하면서 시간이 부족하여 dnd에 대해 많은 라이브러리를 조사해보지 않고, 바로 react-dnd가 있구나! 하고 해당 라이브러리를 이용해 무작정 구현부터 시작했기 때문에 이러한 부분에서 다양한 라이브러리를 사용해보고, 어떠한 라이브러리를 사용하는 것이 좋은지, 내가 사용했던 react-dnd 라이브러리와의 차이점에 대해서 알아보고 싶었다. 물론 라이브러리 없이 순수 나의 힘으로 이 부분의 기능을 구현해보고 싶지만,, 이 부분은 정말 많은 시간과 노력, 지식이 필요할 것 같아 다른 라이브러리를 사용해보면서 이미 완성된 코드..

vscode에서 분명 에러가 생겼는데 빨간줄이 뜨지 않을 때 setting.json 의 옵션을 수정해야한다. 실행 순서 1. 먼저 settings.json 파일을 들어간다. ctrl+shift+p 를 눌러 settings.json을 친다.여기서 User Settings를 들어가야한다. 2. 먼저 settings.json 파일을 들어간다. eslint.enable 옵션이 false로 되어있는지 확인 후에, true로 바꿔준다. 아래에 있는 코드를 추가해준다. 💡 그래도 타입스크립트 실행 시 타입 오류가 뜨지 않는다면 다음 방법을 시도해보세요! 1. vscode의 extentions을 들어간다. 2. 검색창에 "@builtin typescript" 를 쳐서 TypeScript and JavaScript La..