Today, I Learned

• react 개발할 때 css 클래스 이름이 겹치면 어디서 겹쳤던지 항상 갑자기 문제를 일으키고는 했는데, 그러한 부분을 일절 발생하지 않게 해주는 모듈을 찾았다 => CSS module + 팀 프로젝트를 할 때도 다른 사람과 클래스 이름이 겹치도록 만들어줘도 전혀 오류가 발생하지 않도록 도와준다.
• CRA(Create React App)에서의 lint 설정 by ESlint => AirBnB 컨벤션 적용하기(참고 블로그)

  0) 기본적으로 eslint는 깔려있음(CRA 경우)
    ** 린트(lint) 또는 린터(linter)는 소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류, 의심스러운 구조체에 표시(flag)를 달아놓기 위한 도구들을 가리킨다
  1) yarn add eslint-config-airbnb
  2) package.json 설정하기 : 
  
  "eslintConfig": {
      "extends": [
        "airbnb",
        "prettier"
      ],
      "rules": {
        "react/prefer-stateless-function": 0,
        // state가 없는 컴포넌트를 클래스 컴포넌트로 발생하면 에러 처리
        "react/jsx-filename-extension": 0,
        // jsx문법을 썼는데, jsx확장자가 아니면 에러처리
        "react/jsx-one-expression-per-line": 0
        // 한 줄에 하나의 jsx 컴포넌트를 써야함 두줄이상 x
        
        // 없애고 싶은 조건을 이렇게 넣어줌 0을 넣으면 검사 x
        // 1을 넣어주면 검사 o
      }
    }
    3) Prettier 설치 및 설정 : npm install --save-dev --save-exact prettier
    // --save-exact option : package.json에 해당 버전 그대로 올림. 
    즉, 자동 업데이트 해서 올리는 것이 아닌 해당 버전 그대로 올리도록 하는 옵션
    4) .prettier.rc 설정하기 :
    {
    "singleQuote": true,
    "semi": true,
    "useTabs": false,
    "tabWidth": 2,
    "trailingComma": "all",
    "printWidth": 80
    }
    //default 설정
    5) eslint-config-prettier 적용: yarn add eslint-config-prettier

• react icons
• 어제부터 이어온 삽질... git commit 되돌리기 최종판(참고 블로그)

  1) git log로 여태까지 깃 커밋 이력을 조회함
  2) 조회할 때 나오는 깃 커밋 아이디를 통해서 돌아가고 싶은 커밋 기록을 설정
  3) 'git reset [commit id]' 명령어로 그 시점으로 돌아감(이 때, --hard 옵션을 주면 그 시점 이후의 모든 것을 삭제함)
  4) 삭제후 push 해주면 됨.

semi-final project Day-2 comment

시간 배분을 잘해야겠다.. 오늘 결국 2시반에 잠든다. 이러면 오래 못간다. 시간보다 퀄리티를 중요시하는 공부.. 하지만 시간도 어쩔 수 없긴하지ㅠ. 좀 더 자신있게 해보자! 파이팅