목록 전체 글 (221)
이롭게 현명하게
목차eslint 버전 8naver eslint 적용해 보기 [eslint 버전 8]이전 게시글에서는 ESLint의 개념과 필요성에 대해 살펴보았다.// 개념 url이 글에서는 ESLint를 설치하고 설정해 보면서 어떻게 동작하는지 보겠다. 폴더에 package.json을 생성해 준다.npm init저는 각 항목들은 스킵해 주었습니다. (항목들 모두 엔터)package name : 패키지 이름version : 프로젝트의 버전description ; 프로젝트에 대한 설명entry point(index.js) : 프로젝트의 진입점 파일test command : npm 스크립트를 정의하는 부분git repository : 깃 리포지터리keywords : 패키지를 설명하는 키워드author : 이 프로젝트의..
목차ESLint 패키지 : plugin과 config자바스크립트 환경에서 ESLint를 사용하는 이유ESLint 규칙의 예외 처리와 주의점ESLint의 코드 분석 방법ESLint 규칙 https://devyihyun.tistory.com/243 [JavaScript] ESLint 이론목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작devyihyun.tistory.com [ESLint 패키지 : plugin과 config]ESLint를 설치하면 eslint-config이나 eslint-plugin으로 시작하는 ESLint 관..
목차 개발자마다 다른 코드 스타일코드 작성 규칙을 지켜야 하는 이유ESLint란?ESLint와 Prettier 차이점ESLint 장단점ESLint와 Prettier 충돌 해결법 [개발자마다 다른 코드 스타일]개발자들마다 코드를 작성하는 스타일은 다르다.같은 기능을 구현하더라도 스타일차이로 인해 코드의 가독성과 유지보수성에 큰 차이가 발생할 수 있다. 여기 개발자 A와 B가 있다.숫자 배열을 받아 짝수만 필터링한 후 각 요소에 2를 곱해 출력하는 함수 개발자 A(일관된 스타일, ESLint/Prettier 적용)function processNumbers(numbers) { const evenNumbers = numbers.filter((n) => n % 2 === 0); const doubled = ..
목차on과 handle의 차이실제 코드 예시로 이해하기패턴 요약 및 정리마무리 - 팀 컨벤션으로 정착시키기 리액트를 사용하면서 onClick과 handleClick의 이름의 함수나 props를 사용하게 된다.처음에는 '줄 다 클릭 이벤트니까 이 코드에서 뭔지만 알면 되겠지?' 정도로만 생각했다.코드 리뷰를 받으면서 handle과 on의 코드 컨벤션이 있다는 것을 알게 되어 기록을 하게 되었다. [on과 handle의 차이]리액트에서 이벤트 핸들러를 사용할 때 두 가지 경우로 사용한다.on + EventName = 외부로부터 전달받는 이벤트handle + EventName = 내부에서 정의된 구현 함수 props 이름이나 JSX/TSX이벤트 속성을 표현할 때 사용버튼이 클릭되었을 때 실행할 동작을 외부에서..
[목차]들어가며이 책은 어떤 책인가?책 후기추천 대상마무리[들어가며]취업 준비를 하면서 내가 지금 잘하고 있는지, 어떤 것을 알아야 하고 어떤 것을 모르는지 걱정이 되기 시작했다.나의 불안감을 해결해 주기 위한 가이드가 필요하다고 느껴졌다.그러던 중 '안티프래질 프런트엔드'라는 책을 알게 되었다.이 책을 통해 나의 길을 다시 바로잡고자 한다. [이 책은 어떤 책인가?]제목 : 안티프래질 프런트엔드저자 : 김상철출판사 : 비제이퍼블릭출판일 : 2025년 9월 26일 더보기 1 변하는 것과 변하지 않는 것 _1.1 프래질과 안티프래질 __1.1.1 복잡계 이야기 __1.1.2 올리브 압착기 이야기 _1.2 프런트엔드 개발 생태계와 안티프래질 _1.3 안티프래질한 옵션 __1.3.1 오래 살아남은 것들은 안티..
[목차]들어가며이 책은 어떤 책인가?책 후기추천 대상마무리 [들어가며]개발하면서 매일 빠르게 변화하는 기술 속에서 '본질을 이해하는 일'이 얼마나 중요한지 점점 더 느끼고 있다.LLM을 공부하면서 기술의 사용법보다 원리를 이해하는 힘이 변화에 유연하게 대응할 수 있게 해 준다는 생각이 들었다.그러던 중 챗GPT의 구조가 궁금해졌고, 마침 서평단 모집글을 보게 되어 신청했더니 운이 좋게 선정되었다. [이 책은 어떤 책인가?]제목 : 그림으로 이해하는 챗GPT 구조와 기술저자 : [저자(글)] 나카타니 슈요, [번역] 박광수출판사 : 길벗출판사출판일 : 2025년 11월 5일 더보기 1장 챗GPT 1.1 챗GPT란 __1.1.1 챗GPT 시작 __1.1.2 챗GPT 활용 사례 1.2 편리한 챗GPT 기능 _..
