프리티어 (Prettier) 프리티어는 코드 포맷팅 도구로, 코드 스타일, 들여쓰기, 줄바꿈 및 기타 서식을 자동으로 표준화해주는 역할을 한다 코드 포맷팅의 주요 목적은 코드의 일관성을 유지하고, 가독성을 향상시키며, 협업을 더 효율적으로 만들어준다. 프리티어는 주로 코드베이스에 적용되며, 코드를 저장하거나 커밋할 때 자동으로 코드를 정리한다. 프리티어 설정 예시 // .prettierrc 파일 { "singleQuote": true, // 작은따옴표(') 사용 "semi": true, // 세미콜론(;) 사용 "trailingComma": "all", // 후행 콤마 사용 (예: { a: 1, b: 2, }) "tabWidth": 2, // 탭 너비 "printWidth": 80 // 줄 바꿈 문자 수..

📍WebPack (웹팩) 웹팩이란 자바스크립트 애플리케이션을 위한 정적 모듈 번들러이다. 알아듣기 어려운데 쉽게 말하자면 Application을 구성하고 있는 모든 자원들 즉, HTML, CSS, 이미지, 폰트등을 모듈로 보고 이를 하나의 의존성 그래프로 결합하여 번들링하는 방식으로 이루어 진다. 웹팩은 여러개의 구성 옵선을 제공하여 개발자가 필요에 따라 커스터마이징 할 수 있다. webpack.config.js 파일에 정의해 사용하며 코드의 관리와 성능을 향상시키는데 매우 유용하다. 📍Pritter 프리티어는 코드의 일관성과 가독성을 향상시켜주는 도구로, pritterrc.js 등 그 안에서 정의하여 사용할 수 있다. 🧑‍💻 설치방법 먼저 Visual Studio Code를 실행합니다. 왼쪽 사이드바에..