Tool Chain

Tool Chain

[Eslint] single quotes가 필요한 이유

JS로 개발하는 대부분의 개발자는 Eslint를 사용할 것이다.많은 분들이 알고 있겠지만, Eslint에는 single quote(단일 인용부호) 옵션이 있다.이 옵션이 왜 필요할까?// .eslintrc{ "rules": { "quotes": ["error", "single"] }}이 설정에 따르면 ESLint는 문자열 리터럴에 단일 인용부호(single quotes)를 사용하도록 강제하며,만약 개발자가 이중 인용부호(double quotes)를 사용하면 ESLint에서 오류를 발생킨다.singlequote가 필요한 이유ESLint에서 singlequote 규칙을 사용하는 주된 이유는 코드의 일관성과 가독성을 향상시키기 위해서이다.JavaScript에서는 문자열을 표현할 때 작은따옴표(')와 ..

Tool Chain

[Webpack] 웹팩이란? (+ 기본 구성)

회사에서 공부해왔던 프론트엔드와는 무관한 ACS 시뮬레이션 업무를 해오며,본의 아니게 코드를 놓은지 거의 3개월째이다.경각심을 느껴, 제로초의 web-game 강의로 다시 리액트 감을 좀 끌어올리는 겸공부한 내용을 정리하려한다. 툴체인에 대한 이해가 많이 부족하다고 생각하는데,툴체인패키지 매니저 (package manager)번들러 (bundler)컴파일러 (compiler)포멧터 (formatter)린터 (linter)테스트 러너 (test runner)미니마이저 (minimizer)서버 (server)그중 첫번째로, 번들러중 하나인 Webpack에 대해 정리해보려 한다.1. Webpack이란?현대의 웹사이트는 수많은 HTML, CSS, JavaScript, 이미지들이 모여 구성되는데, 이 때, 수많은..

개발자참치
'Tool Chain' 카테고리의 글 목록