우기의 알 블로그 저자 한승욱이라고 합니다.
스스로 알을 깨고 나오는 새처럼
언젠가 알을 깨고 온전한 나 자신이 되었을 때, 그때를 기다리며 제 속에서 솟아 나오는 것을 글로써 표현하고자 합니다.
'개발 기술블로그'를 위주로 저 한승욱의 다양한 관심사, 생각, 철학 등을 포스팅합니다.
예전에 Eslint, Prettier를 설정하면서, 제대로 알지 못하고 무지성으로 설정한 경험이 있다. 최근에 우연하게도 React 파트를 맡게되는 일이 생겼고, 다시 한번 이를 설정할 기회가 생겼다. 무엇이 Best Practice인지 고민하면서 아래의 글을 정리할 수 있었다. Eslint는 linter로써 문법상 오류를 방지하기 위한 것, Prettier는 formatter로써 코드 스타일을 통일하고 교정하기 위함입니다. VSCode 익스텐션 마켓플레이스에서 ESLint 를 검색 후 설치 VSCode 익스텐션 마켓플레이스에서 Prettier - Code Formatter 검색 후 설치 eslint prettier 설치 / 연동 yarn add --dev eslint prettier yarn add -..
본 포스팅은 https://www.youtube.com/watch?v=WkILRTAcRdU 영상을 보면서 공부한 자료 입니다. eslint 추가 vscode extension에서 설치 린터로써 오류를 잡아주는 것 ecma script 코드의 문법을 사전에 검사해줌 npx install-peerdeps --dev eslint-config-airbnb 에어비앤비에서 만든 linter를 추가 # package.json에 추가된 것 확인 가능 "devDependencies": { "eslint": "^7.2.0", "eslint-config-airbnb": "18.2.1", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jsx-a11y": "^6.4.1", "eslin..
기술개발/React, Frontend 2022. 4. 10. 20:07
예전에 Eslint, Prettier를 설정하면서, 제대로 알지 못하고 무지성으로 설정한 경험이 있다. 최근에 우연하게도 React 파트를 맡게되는 일이 생겼고, 다시 한번 이를 설정할 기회가 생겼다. 무엇이 Best Practice인지 고민하면서 아래의 글을 정리할 수 있었다. Eslint는 linter로써 문법상 오류를 방지하기 위한 것, Prettier는 formatter로써 코드 스타일을 통일하고 교정하기 위함입니다. VSCode 익스텐션 마켓플레이스에서 ESLint 를 검색 후 설치 VSCode 익스텐션 마켓플레이스에서 Prettier - Code Formatter 검색 후 설치 eslint prettier 설치 / 연동 yarn add --dev eslint prettier yarn add -..
기술개발/React, Frontend 2021. 2. 26. 14:10
본 포스팅은 https://www.youtube.com/watch?v=WkILRTAcRdU 영상을 보면서 공부한 자료 입니다. eslint 추가 vscode extension에서 설치 린터로써 오류를 잡아주는 것 ecma script 코드의 문법을 사전에 검사해줌 npx install-peerdeps --dev eslint-config-airbnb 에어비앤비에서 만든 linter를 추가 # package.json에 추가된 것 확인 가능 "devDependencies": { "eslint": "^7.2.0", "eslint-config-airbnb": "18.2.1", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jsx-a11y": "^6.4.1", "eslin..