구버전
-
[Vite] ESlint 와 Prettier, Package.json 초기설정구버전/React 2023. 10. 2. 22:27
https://velog.io/@navyjeongs/vite%EB%A1%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-1-with.-typescript-eslint-prettier-husky-%EC%A0%88%EB%8C%80%EA%B2%BD%EB%A1%9C 위 블로그를 참고해서 초기설정을 해보자~ 절대경로 설정 간에 트러블 슈팅 1. eslint의 설치 과정에서 에러 test용 project에서 절대경로 설정이 성공하였다. 차이점: eslint 설정 간에 차이가 있다. 성공작 : eslint를 설정하는 과정에서 npx eslint ..
-
[Why?] CRA => Vite구버전/CS Study 2023. 10. 2. 20:49
Vite를 사용하면서 우리가 누릴 수 있는 이점 vite란? - 2세대 번들링 툴로써 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다. - 기존 webpack에 비해 뛰어난 성능을 자랑한다. 번들링이란? - JS 파일을 하나로 합쳐주는 방식으로써 번들링 툴이랑 같이 사용해야 한다. - 작성한 소스코드나 설치한 라이브러리의 용량이 매우 크므로 묶어주는 작업이라고 생각하면 된다. (압축?) 1세대와 2세대 비교 1세대 : webpack(대표적인 번들링 툴) - 자체의 문제점이 있었다 - 라이브러리가 많아지면 번들링이 매우 오래걸리는 문제점이 있었다 - 번들링이 오래걸리면 미리보기 (개발환경) 에서 불편함이 많다 - 소스코드 수정 or 라이브러리 install시에 새롭게 번들링을..
-
[제로초 Slack 클론 코딩] 백엔드 준비 + 초기설정 (Day-1)구버전/React 2023. 9. 29. 15:09
백엔드 준비과정과 관련되어서는 안되면 다시 한번 영상을 보는 것이 좋을 것 같다. 처음 초기설정 및 세팅을 수동으로함으로써 어떠한 부분이 어떠한 역할을 하는지 알 수 있었다. 아래 내용은 그 중 궁금한 사항 및 새롭게 알게 된 내용을 간단히 정리해보았다. 1. package.json vs package.lock.json package.json은 라이브러리를 설치하게 되면 dependencies에 추가되게 되는데 이와 관련되어서 dependencies에 추가 된 라이브러리가 사용하고 있는 또 다른 라이브러리에 대해서 package.lock.json에 나타나게 된다 => 부모와 자식같다고 생각함 될 것 같다. 연관성 많고 package.lock.json 없으면 안되겠다는 생각이 들고 이거는 엄청 길어질것 같..
-
[Seoulvival] Trouble shooting구버전/항해 99 2023. 9. 14. 13:41
문제점 부연설명 해결방법 middleware에서 cookies().set() 이나 기타 비동기 함수의 사용 가능 여부 cookies() 의 경우 route 와 server 내에서 사용 가능하며 middleware에서 비동기 함수를 사용했을 때 비동기처리가 끝나기 전에 강제로 종료가 되는 듯한 모습을 보였다 middleware에서 토큰을 통해 사용자 구별을 하려했지만 server-component나 app-route 부분에서 처리하기로 하였다 좋아요 버튼과 ref를 사용한 입력창 props로 내리기에는 보기가 싫어서 전역적으로 ref를 관리해서 사용하면 어떨까라는 생각을 하게 되었다. 근데 ref객체 자체를 담아보니 답이 없이 에러가 뜨면서 current는 readonly니깐 변경하지말라는 에러가 뜬다 r..