본문 바로가기
728x90

frontend3

[React] React 프로젝트에 prettier & eslint 설치하기 PrettierPrettier란?Prettier는 코드 포매터로, 소스 코드를 일관되게 포맷팅해주는 도구임. 여러 개발자들이 협업할 때 코드 스타일이 통일되지 않으면 가독성 이 떨어지고, 코드 리뷰가 복잡해질 수 있음. Prettier를 사용하면 다음과 같은 장점이 있음:일관성: 팀 내 모든 코드가 동일한 스타일로 포맷됨.생산성 향상: 코드 스타일에 대한 논의나 고민을 줄여줌.자동 포맷팅: 파일을 저장할 때 자동으로 포맷팅할 수 있어 편리함.https://prettier.io/docs/ What is Prettier? · PrettierPrettier is an opinionated code formatter with support for:prettier.io 설치 명령어Prettier를 설치하는 방법은.. 2025. 2. 18.
React + Typescript 설치 오류 해결 React + Typescript 프로젝트를 연습해보기 위해 아래 글을 참고하여 프로젝트를 만들어봤다.https://time-memorizer.tistory.com/203 React 설치 오류(react@19.0.0 관련)React JS를 공부해보려고 인터넷을 찾아 설치하려고 하는데 오류가 발생했다.npx create-react-app first-appCreating a new React app in /Users/hyosukjung/git/react-app/first-app.Installing packages. This might take a couple of minutestime-memorizer.tistory.com npx create-react-app [프로젝트 이름] --template types.. 2025. 1. 25.
자바스크립트(JavaScript) 필터(filter) (chatGPT를 통한 정리내용) filter filter는 자바스크립트 배열(Array)의 내장 메서드 중 하나로, 배열에서 특정 조건을 만족하는 요소들만 추출하여 새로운 배열을 반환합니다. 원본 배열은 변경되지 않고, 조건을 만족하지 않는 요소들은 제외됩니다. filter 메서드의 특징콜백 함수 사용: filter는 콜백 함수를 사용하여 각 배열 요소를 조건에 따라 평가합니다.새로운 배열 반환: 조건을 만족하는 요소들만 포함된 새로운 배열을 반환합니다.원본 배열 변경 없음: filter는 원본 배열을 수정하지 않습니다.조건이 true인 요소만 포함: 콜백 함수에서 true를 반환하는 요소들만 최종 배열에 포함됩니다. filter 문법 callback각 배열 요소에 대해 실행할 함수입니다.element.. 2025. 1. 24.
728x90