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시반에 잠든다. 이러면 오래 못간다. 시간보다 퀄리티를 중요시하는 공부.. 하지만 시간도 어쩔 수 없긴하지ㅠ. 좀 더 자신있게 해보자! 파이팅

profile
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자

0개의 댓글