이롭게 현명하게

목차리액트 기본 폴더 및 파일src 내부 폴더 구조[번외] package.json [리액트 기본 폴더 및 파일]프로젝트를 진행하다 보면 관리해야 할 파일들이 늘어난다.파일들을 효율적으로 관리해야 하기 때문에 폴더의 구조를 잘 잡아야 한다. 24년 가지는 CRA를 사용하여 프로젝트를 구성했다.하지만 2025년 2월 14일 리액트 공식 블로그에 CRA 사용을 중단한다는 글이 올라왔다.그래서 vite를 사용하여 리액트 환경을 구성한다. 이 글에서는 타입스크립트를 기준으로 설명하겠습니다.https://devyihyun.tistory.com/230 [React] vite로 리액트 설치하기목차 create-react-app 지원 종료vite를 사용하는 이유vite 시작하기 https://devyihyun.tist..

목차경고 내용원인해결방법 [오류 내용]회원가입 폼 기능을 만들면서 warning이 발생했다. [DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) flex [원인] 이 경고는 HTML 접근성 및 보안 관련 경고이다.비밀번호 입력 태그에 속성이 명시되지 않았다. [해결 방법]new-password새 비밀번호 입력 시 브라우저가 자동완성하지 않도록 함회원가입/ 비밀번호 변경current-password브라우저가 저장된 계정 비밀번호를 자동완성하도록 유도로그인현재 회원가입을 구현중이므로 new-password가 적합하다. 또는 잘못된 정보..

목차오류 내용원인해결방법 [오류 내용]리액트 공부를 하기 위해 npx create-react-app을 실행하였다. Creating a new React app in C:\Users\samsung\Desktop\campinggo\web.Installing packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...added 1315 packages in 1m261 packages are looking for fundingrun npm fund for detailsInitialized a git repository.Installing template dependen..

[목차]들어가며이 책은 어떤 책인가?책 후기추천 대상마무리 [들어가며]사이드 프로젝트를 진행하면서 프론트엔드 개발 리더를 맡고 있다.아직 경험이 많지 않은 연차로 동료들을 어떻게 이끌어야 할지 고민이 많다.단순히 기술을 잘 아는 것을 넘어 팀의 방향을 제시하고 소통을 주도하는 리더십을 갖누는 것이 나의 과제라고 생각한다.그러던 중 '리드 개발자로 가는 길' 서평단을 모집한다는 소식을 접하게 되었고 망설임 없이 지원하였다.운 좋게도 선정되어 고민에 직접 해답을 줄 수 있을 것 같아 기대가 크다. [이 책은 어떤 책인가?]제목 : 리드 개발자로 가는 길저자 : [저자(글)] 셸리 벤 호프 / [번역] 차건회출판사 : 제이펍출판일 : 2025년 10월 23일https://product.kyobobook.co...

목차오류 내용원인해결방법 [오류 내용]node_modules와 package-lock.json 파일을 삭제하기 위해 명령어를 입력하니 오류가 발생했다. rm -rf 폴더 or 폴더명rm -rf node_modules package-lock.json Remove-Item : 매개 변수 이름 'rf'과(와) 일치하는 매개 변수를 찾을 수 없습니다.위치 줄:1 문자:4+ rm -rf node_modules package-lock.json+ ~~~ + CategoryInfo : InvalidArgument: (:) [Remove-Item], ParameterBindingException + FullyQualifiedErrorId : NamedParameterNotFoun..

목차 vite 다운그레이드 시 생긴 오류 [Vite 다운그레이드 시 생긴 오류]Create-React-App 지원을 종료한다는 소식을 듣고 CRA를 사용하던 입장에서 어떤 방식으로 React 개발 환경을 구성해야 할지 막막했다.그러던 중 여러 문서를 찾아보며 vite라는 빌드 도구를 알게 되어 간단하게 사용해 봤었다.그 당시에는 vite 6.3.5 버전으로 환경 구성을 하고 실행까지 잘 되는 것까지 확인하였다. 프로젝트 진행을 하기 위해 vite를 사용해 react 환경을 구축하는 과정에서 오류가 발생했다.최신 버전인 vite 7.0.0에서 node의 버전이 맞지 않아 설치가 불가능했다.node를 업그레이드하기보다는 안정성을 위해 vite를 조금 낮은 버전이 6.5.0로 설치해 보자는 결론을 내렸다.이..