개발일기

[TIL] 시차 적응 중입니다

synun 2022. 12. 10. 22:24

알고리즘 문제풀이

programmers / level2 / 올바른괄호

 

GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다.

코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub.

github.com

효율성 체크에서 생각할 거리가 있었던 문제.

불필요한 반복과 연산되는 부분이 어디인지 어느 조건인지 생각해볼 수 있었다.

Redux-toolkit 시작하기

 

[React] Redux-toolkit 입문하기

redux로 구성되어 있던 카운터 프로젝트를 redux-toolkit으로 바꿔보면서 무엇이 다른지 알아보겠습니다. 🔍카운터 코드로 비교하기 // Action Value const ADD_NUMBER = "ADD_NUMBER"; const MINUS_NUMBER = "MINUS_NUMBER";

synuns.tistory.com

ESLint + Prettier 설정하기

팀프로젝트를 시작하면서 먼저 ESLint와 Prettier를 세팅했다.

// .prettierrc

{
  "singleQuote": true,
  "trailingComma": "all",
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "printWidth": 100,
  "arrowParens": "always",
  "bracketSpacing": true
}
// .eslintrc.js

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    'airbnb',
    'airbnb/hooks',
    'plugin:react/recommended',
    'plugin:import/recommended',
    'plugin:eslint/recommended',
    'plugin:prettier/recommended',
    'prettier',
  ],
  plugins: ['react', 'import'],
  rules: {
    'no-unused-vars': ['off'], // 사용하지 않는 변수가 있을때 빌드에러가 나던 규칙 해제
    'no-console': ['off'], // 콘솔을 쓰면 에러가 나던 규칙 해제
    'react-hooks/exhaustive-deps': ['warn'], // hooks의 의존성배열이 충분하지 않을때 강제로 의존성을 추가하는 규칙을 완화
    'react/jsx-props-no-spreading': [1, { custom: 'ignore' }], // props spreading을 허용하지 않는 규칙 해제
  },
}

 

 

[ESLint / Prettier] 레퍼런스 모아보기

🔮ESLint + Prettier시작하기 // npm환경이 존재하는 cra같은 경우에는 사용할 필요 없음 $ npm init -y // eslint 설치 $ npm install eslint prettier --save-dev // or $ yarn add -D eslint prettier // eslint 시작 설정 $ npx eslint -

synuns.tistory.com

👻코멘트

이번 주차 팀프로젝트를 위해서 준비하는 시간을 가졌다.

Redux-toolkit, Thunk, ESLint, Prettier 등등

배울 건 너무 많고 시간은 부족하다

 

어느새 새벽이 익숙해졌다.

나는 지금 항해 시차 적응중