이롭게 현명하게

목차 create-react-app 지원 종료vite를 사용하는 이유vite 시작하기 https://devyihyun.tistory.com/168 [React] 리액트 시작하기 / 리액트 설치 / 개발환경목차 작업환경 준비하기Node.js 설치하기yarn 설치하기vscode 설치하기git for windows 설치하기리액트 환경설정 리액트 환경을 설치하는 CRA가 2025년 2월 14일에 종료되었습니다.npx create-react-app 대신 vitedevyihyun.tistory.com [Create-React-App 지원 종료]npx creat-react-app은 리액트를 시작하게 해 준 간편한 도구였다.복잡한 설정 없이도 바로 개발을 시작할 수 있게 해 줬고 초보자에게는 진입 장벽을 낮춰주는 역할..

목차오류 내용원인해결방법 [오류 내용]사이드 프로젝트가 next.js 15에서 진행하고 있다.라이브러리 사용법이 이해가 가지 않아 라이브러리를 익히기 위해 동일한 환경에서 학습해 보려고 했다.그래서 next.js 공식문서 보면서 프로젝트 설치를 진행 중이었다. yarn create next-app@latest명령어를 입력하였다. 하지만 무슨 이유에서인지 오류가 발생하면서 설치가 되지 않는 상황이 발생했다.C:\Users\samsung\Desktop\Project\Front-Study\Zustand>yarn create next-app@latest yarn create v1.22.19[1/4] Resolving packages...[2/4] Fetching packages...[3/4] Linking d..

문제풀이코드 설명코드후기 [programmers - 42587] Lv2 프로세스 / JavaScript[🔗문제🔗]https://school.programmers.co.kr/learn/courses/30/lessons/42587 프로그래머스SW개발자를 위한 평가, 교육의 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr[제한사항][입출력 예시] priorities location return [2, 1, 3, 2] 21 [1, 1, 9, 1, 1, 1]05 [풀이]큐(Queue)실행 대기 큐가 있다.실행 대기 큐에는 프로세스 A,B,C,D가 있다. 실행대기 큐의 우선순위이다.이 프로세스는우선순위가 있어 우선순위가 높은 것부터 실행된다. location..

목차오류 내용원인해결방법 [오류 내용]캠핑장 안내 프로젝트를 진행하면서 api에 있는 캠핑장의 이미지를 사용자에게 제공하기로 했다.API를 연결 후 이미지를 화면에 출력하던 중 Warning이 발생했다. WARNING : img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text[번역]경고 : img 요소는 의미 있는 텍스트가 포함된 대체 소품 또는 장식 이미지 jsx-a11y/alt-텍스트를 위한 빈 문자열을 가져야 합니다 [원인] 웹 표준에 따라 img 태그에는 alt를 작성해야 한다. [해결 방법] 잘못된 정보는 댓글에 남겨주..

[목차]오류 내용원인해결방법 [오류 내용]공공데이터포털에서 API를 사용해 데이터를 보여주는 프로젝트를 진행 중이었다. API에서 제공하는 위치 데이터를 지도에 표시하는 과정에서 예외 처리를 시도하던 중 오류가 발생했다. React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return?[번역]React Hook "useEffect"는 조건부로 호출됩니다. React Hook은 모든 구성 요소 렌더링에서 정확히 동일한 순서로 호출되어야 합니..

목차깃 커밋 메시지란?커밋 메시지를 작성해야 하는 이유커밋 메시지 컨벤션이 중요한 이유커밋 메시지 구조커밋 메시지 유형커밋 메시지 옵션 이번 게시글은 정답이 없습니다.회사마다 팀마다 사람마다 기준이 다릅니다.그래서 이 게시글은 가이드라인의 정도라고 생각하시고 봐주시면 감사하겠습니다. [깃 커밋 메시지란?]커밋 메시지는 깃에 내가 작성한 코드를 저장할 때 함께 작성하는 설명문이다.이 코드가 어떤 코드인지 왜 이렇게 수정했는지 어떤 작업을 했는지 기록한다. [커밋 메시지를 작성해야 하는 이유]커밋 메시지를 작성하는 이유는 코드 변경사항에 대한 기록을 남겨 협업 효율성을 높이기 위해서다.문제가 발생했을 때 코드 히스토리를 추적하며 빠르게 해결하기 위해서다.협업 효율성 증가커밋 메시지를 잘 작성한다면 팀원들은 ..