이롭게 현명하게

목차오류 내용원인해결방법 [오류 내용]캠핑장 안내 프로젝트를 진행하면서 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은 모든 구성 요소 렌더링에서 정확히 동일한 순서로 호출되어야 합니..

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

목차 JSDoc이란?사용하는 이유 [JSDoc이란?]코드 리뷰를 받으면서 JSDoc을 알게 되었다.JSDoc은 자바스크립트에서 소스 코드와 함께 문서 주석을 직접 추가할 수 있는 방식이다./** * 두 숫자를 더합니다. * * @param {number} a 첫 번째 숫자 * @param {number} b 두 번째 숫자 * @returns {number} 합계 * * @example * const result = add(2, 3); * console.log(result); // 5 */export function add(a: number, b: number): number { return a + b;} 자바스크립트에서 라이브러리의 API를 문서화하기 위해 사용한다.JSDoc을 사용하여 모듈, ..

문제풀이코드 설명코드후기 [programmers - 42579] Lv3 베스트 앨범 / JavaScript[🔗문제🔗]https://school.programmers.co.kr/learn/courses/30/lessons/42579 프로그래머스SW개발자를 위한 평가, 교육의 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr [제한사항][입출력 예시]genresplays출력["classic", "pop", "classic", "classic", "pop"] [500, 600, 150, 800, 2500] [4, 1, 3, 0] [풀이]해시 알고리즘 여기서 장르별로 가장 많이 재생된 노래를 두 개씩 모아 앨범을 만든다. 장르별 총재생 횟수로 pop..

문제풀이코드 설명코드 [programmers - 42578] Lv2 의상 / JavaScript[🔗문제🔗]https://school.programmers.co.kr/learn/courses/30/lessons/42578 프로그래머스SW개발자를 위한 평가, 교육의 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr [제한사항][입출력 예시]번호입력출력 [ ["yellow_hat", "headgear"], ["blue_sunglasses", "eyewear"], ["green_turban", "headgear"] ] 5 [ ["crow_mask", "face"], ["blue_sunglasses", "face"], ["smoky_makeup", "fac..