2023-10-23 본 캠프 13일차 / 32일차 TIL

2023-10-23 본 캠프 13일차 / 32일차 TIL 

 

주요진행사항

- 개인과제 제출 마감 및 해설영상

- 자바스크립트 종합반 3주차 강의 복습

 

- 개인과제 해설 

1. reset.css 파일 나누기

reset.css 파일은 검색하면 많이 나온다.

https://meyerweb.com/eric/tools/css/reset/

CSS Tools: Reset CSS

2. 프리티어 기본 셋팅
.prettierrc를 통한 프리티어 규칙 필요
협업 시 동일한 코드 포맷팅을 실시해야 충돌 x

1) 확장프로그램 prettier 설치

2) settings.json 설정

윈도우 기준 ctrl + , => setting.json 파일 수정
settings.json 에 아래 코드 삽입 시 html 파일에서도 프리티어 동작

"editor.formatOnSave": true,
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
"[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
"[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

3) .prettierrc 파일 만들기
{
    "printWidth": 120,
    "tabWidth": 2,
    "useTabs": false,
    "semi": true,
    "singleQuote": false,
    "bracketSpacing": true,
    "trailingComma": "none"
}


3. 크롬 개발자도구 DOM 선택시 콘솔에서 $0로 확인가능

추가로 내일부터는 팀과제를 진행할 예정이다.

개인과제를 통해 배운내용들을 토대로 팀과제는 더 좋은 코드를 작성하려 노력해야겠다.