TIL: 원티드 사전 과제 Refactor

앞으로의 과제

• Sass(scss)
• lint
• prettier
• git: branch, merge, rebase, cherry-pick

오늘의 keyword

• styleLint: styled-components lint를 사용하기 위해
  stylelinttrc.json에 아래와 같은 코드 추가 시
  scss에서는 작동하지 않는다 -> 동시 사용은 어려운 것 같음

"processors": ["stylelint-processor-styled-components"],

• styled-components/scss: styled-components에서 작동하던 코드를 그대로 scss에서 사용하니 원하는 데로 동작하지 않는 부분이 있었다 -> scss로 처음부터 다시 짜보는 방법을 생각해 봐야겠다
  props로 전달하던 숫자를 사용해야 한다면 inline-style 밖에는 방법이 없는지 고민해봐야 함

Refactoring

원티드 프리온보딩 사전과제를 리팩토링 하는 시간을 가졌다
사실 리팩토링이랄 것도 없이 prettier와 lint를 적용해서
scss로 만드는 것 뿐이었는데, 이것도 쉽지 않다

설정이나, 코드 컨벤션 등에 조금 더 익숙해져야 할 필요를 느꼈고
협업에서 이런 것들이 중요하게 작용하기 때문에 꼭 숙지해야 할 부분

사용해보니 더 좋은 코드를 작성하게 도와주는 것 같아서 힘들지만 기분이 조크든요