간단한 명령어들과 터미널 내에서 파일을 수정하고 github에 반영까지 하는 방법을 살펴보겠습니다. 📌 Shell Command 명령어 | 의미 | 설명 ---|:---:|--- $ cd | change directory | 디렉토리 이동 $ mkdir | mak
리액트 팀 프로젝트 진행시 그리고 인프런 강의에서도 리액트 스타일 라이브러리를 styled-components로 사용을 해야해서 설치를 하려고 시도해보았습니다..VS Code 터미널에서 설치 명령어인 npm install styled-components 를 입력하니 뭔
module bundler 웹개발에 필요한 파일들을 병합+압축 새로운 폴더 생성 후 폴더 안에서 npm init -y 로 시작 다음으로는 webpack 관련 패키지들 설치 npm i -D webpack webpack-cli webpack-dev-server 여기서 -
eslint는 코드를 실행하지 않아도 정적 분석을 통해 문법적 에러를 찾아주는 역할을 합니다. prettier는 일관성있는 코드를 작석할 수 있게 포멧화 시켜주는 역할을 합니다. 📌 eslint & prettier 터미널에 npm i -D eslint 를 입력해
CORS는 Cross-Origin Resource Sharing 의 약자로, 직역하면 교차 출처 리소스 공유입니다. 출처가 다른 자원들을 공유한다는 뜻으로 다른 출처의 리소스 공유에 대한 허용/비허용 정책입니다.이때 출처란? 위 URL 구성요소 중에서 Protocol(
주소창에 https://www.naver.com 와 같은 다양한 URL을 검색하면 어떠한 동작 원리로 화면이 보여지는지 알아보겠습니다. 👩🏻💻 브라우저란 웹 브라우저는 HTML과 CSS, JavaScript 언어를 해석하여 내용을 화면에 보여주는 응용 소프
프로젝트 코드의 통일성을 위한 lint-staged와 husky 라이브러리의 설치, 설정하는 방법을 간단하게 정리한 내용입니다.Lint-staged와 Husky는 깃 커밋 전에 eslint와 prettier를 미리 돌려주어 코드를 균일하게 맞춰주고, .husky 파일에