본문 바로가기

Vite3

[React] GDSC 2차 프로젝트 CI/CD 1차 프로젝트 때 같은 팀 프론트 분이 하셨던 github 레포지토리 배포(?)를 이번 프로젝트 하면서 적용해보고 싶어져서 새벽에 프로젝트 시작하면서 하는 김에 같이 해보았다. 헛짓을 좀 많이 해서 오래 걸리긴 했지만 정상적으로 일단 돌아가는 걸 확인해서 했는 걸 정리해보려 한다. 지난 글에서 했던 프로젝트 세팅에 이어서 작업을 해주었는데, github 레포지토리에 아직 연결을 안해둬서 연결 작업 부터 해주었다. echo "# test" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/krokerdile/xxx.git git.. 2023. 7. 21.
[React] GDSC 2차 프로젝트 - 개발환경 세팅 활동 중에 있는 GDSC 2차 프로젝트를 진행 하면서 React + TypeScript + Vite로 진행 하는 과정을 대충이나마 정리해보려고 한다. vite를 통해서 리액트 프로젝트를 시작하는 방법이 여러 개가 있겠지만 이번에는 "yarn create vite"로 시작을 해보았다. 이전에는 아마 typescript를 지정해서 만들어주는 식으로 해주는 걸 주로 사용했었던 거 같은데, 보통은 이렇게 생성을 하는 것 같다. 기본 package.json을 바탕으로 라이브러리를 설치할 수 있도록 "yarn install"을 해주면 일단 프로젝트 생성은 끝이다. 짤막하게 하면서 계속 글을 올려볼까 하는데 언제 올릴지는.. 😅 2023. 7. 21.
[GDSC] Vite binding error 시험기간이 끝나고 간만에 다시 프로젝트를 진행하다가 생긴 에러에 대해서 적어두려고 합니다. 비슷한 에러가 나신 분들이 참고하시면 좋겠네요. 그냥 프로젝트 해둔 거 돌아가는지 확인하려고 "npm run dev"를 쳐뒀는데 실행이 안되서 에러를 확인해봤는데요?전에도 한번 이런 적이 있어서 그때는 그냥 다시 실행하고 되서 그냥 넘어갔던 것 같은데, 이번에는 다시 실행을 해도 에러가 계속 발생을 해서 이참에 해결 방법을 좀 찾아볼까 해서 찾아봤습니다. Vite.js 공식 깃헙에서 관련 파트에 이슈 부분을 읽어보다가 정확하게 똑같은 에러에 대한 부분이 작성되어 있어서, 해당 이슈를 읽어봤습니다. 전체적인 이슈에 대한 이유는 아마 버전에 관한 문제인 것 같습니다. 같은 환경에서 진행한 분이 계셔서(저도 인텔에 버전.. 2023. 5. 4.