오늘 내가 진행한 것

깃에서  나의 브랜치를 바꾸고 싶다면....

 

branch  -m 명령어를 이용해봅시다.

> git branch -m <새 브랜치 이름>

 

---

프로젝트 계획을  다음과 같이 잡았습니다. 

 

https://fresh-border-4d5.notion.site/Todo-Calender-789e797d0bcf4c959975795cfd5dafd0

Todo Calender | Notion

---

 json-server  시작 명령어 간편화  &  실행 점검 

 

제가  블로그에 작성했던 글을  참고하였습니다.

 

[1] 다음과 같이 등록한 이유는  json-server 실행 명령어를 일일이 타이핑하는 것을 방지하기 위해서 다음 명령어를 

 사용했습니다.

 

그리고  db.json를  안하면  안됩니다. 그러면  다음과 같이  님  db.json 왜 없노 이라고  빨간색 문자를 던집니다. 

 

그러니 다음과 같이 db.json를 추가해줍시다.  root directory 에 추가해줍시다. 

{
  todo : [ ]
}

 

[ 2 ]  등록을 했다면  끝이 아니죠 , 여기서 잘 실행될까를  확인해야 합니다.  => 결과는 잘 실행됩니다.!!!!

 

---

prettier 해줍시다.

 

다음 화면은 prettier가  설정되지 않은 화면입니다. 

 

여기를 참고하여  만들었습니다.  

https://velog.io/@xmun74/Next.js-TS%EC%97%90%EC%84%9C-ESLint-Prettier-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

Next.js + TS에서 ESLint, Prettier 설정하기 (+ styled-components, airbnb, husky, lint-staged)

 

(1) prettierrc 관련 파일을  루트 디렉토리에  추가해줍니다. 

 

(2)  .prettierrc  파일에 다음과 같이  작성합시다.

{
  "printWidth": 80,
  "semi": true,
  "singleQuote": false,
  "trailingComma": "all",
  "tabWidth": 2,
  "bracketSpacing": true,
  "endOfLine": "auto",
  "useTabs": false,
  "arrowParens": "avoid"
}

 

(3)  .prettier 적용 전에  VsCode의  Settings.json 에  들어가서  Default Formatter에 등록해줍시다.

  그리고 우리가 정한  이 포맷터를  계속 사용하고 싶다면 ..... 다음과 같이 설정 해주세요

 

 

(4)  그리고  세팅을 했으면   적용이 잘되는지 테스트를 해봅시다. 저는  코드를  다음과  같이  어질러보았습니다.

 

윈도우 기준으로  ctrl +  s 를  합시다.

오호......  역시  끝내주군요!!!!! , 이거 세팅안했으면  저의 코드는   스파케티 코드가 되었겠군요..... ㅠㅠㅠ