🔸 Config
- 스니펫은 무엇이고 어떻게 사용할 수 있는가?
: 자주 사용하는 코드 블록을 커맨드처럼 만들어놓는 것이 스니펫
: https://snippet-generator.app/ 사이트에서 쉽게 스니펫을 생성할 수 있음
: 생성한 스니펫은 VS Code 등의 코드 에디터에서 명령 팔레트 실행 후 'snippet'을 검색하여 원하는 프로그래밍 언어에 맞게, 혹은 전역으로 등록할 수 있음
npm-run-all패키지는 무엇이고 어떻게 사용하는가?: 다양한 패키지 실행 명령어를 한 번에 실행할 수 있도록 도와주는 패키지
: 명령어에 옵션으로-s를 삽입하면 한 명령어씩 순차적으로 실행
: 명령어에 옵션으로-p를 삽입하면 모든 명령어를 병렬적으로 실행
cross-var패키지는 무엇이고 어떻게 사용하는가?:
package.json파일의config아래에 등록해놓은 구성 변수를 Window와 Mac 등 OS에 구분하지 않고 사용할 수 있게끔 해주는 패키지
: 구성 변수를 사용할 때 원래 Window 환경에서는%를 사용하고, Mac 환경에서는$를 사용해야 정상적으로 동작하지만,cross-var명령어를 사용하면%,$중 하나만 사용해도 정상적으로 동작
onchange패키지는 무엇이고 어떻게 사용하는가?: Prettier를 사용할 때 변경된 내용을 지속적으로 관찰하여 포맷팅을 수행할 수 있게 해주는 패키지
: 명령어에onchange를 삽입하여 사용할 수 있음
🔸 HTML
- HTML 메타 태그 중
http-equiv어트리뷰트는 무엇을 의미하는가?: IE에서만 동작하는 비표준 어트리뷰트이머 페이지를 렌더링할 때 IE 버전을 선택할 수 있음
: 개발 과정에서 IE를 고려하지 않는다면 의미 없음
: 어트리뷰트의 값이"X-UA-Compatiable"일 때,UA는User Agent를 의미함
: 추가적으로 함께content어트리뷰트를 사용하여 어떤 IE 버전을 사용할지 명시할 수 있는데,"IE=edge"로 설정하면 최신 버전을 사용하겠다는 의미
🔸 Node.js
- Node.js 환경에서 사용할 수 있는
process는 무엇인가??:
process는 Node.js 환경에서 접근 가능한 전역 객체
:argv,env등의 프로퍼티에 접근하고 값을 참조할 수 있음
ex)const { argv } = require('node:process');
path모듈의 메서드join과resolve는 어떤 차이가 있는가?:
join은 명시한 경로를 병합해주는 메서드
:resolve는 명시한 경로의 절대 경로를 반환해주는 메서드
🔸 Git
- fetch 명령어는 어떻게 사용하는가?
:
git fetch <원격 레포지토리 이름> <브랜치 이름(옵션)>과 같은 방식으로 pull하기 이전에 한 번 확인할 수 있음
: 확인 후에는 원하는 브랜치의 결과물만git pull로 받아올 수 있음
