오늘도 공부를 하다보니 12시를 넘겨 7일에 작성하는 TIL이 되었다,,, 그래도 요즘 블로그 글 정리나 스터디 준비한다고 개인 공부를 좀 못했는데 오늘 많이해서 기분이 좋다 😁
👉 오늘 한 일
- 오늘은 아침에 스터디를 진행했다. 아직 틀이 잘 안 잡혔지만 진행하며 잘 맞춰야겠다!
- 스터디를 위해 깃헙 세팅한 내용을 공유해주고 어떻게 맞추는게 좋을지 얘기를 나눴다.
- 이번주 스터디 진행자가 알고리즘 개념을 설명하고 다른 사람들은 각자 이번 주에 풀어야하는 문제를 어떻게 풀었는지 공유했다. 다음부터는 미리 코드리뷰를 해볼까 한다.
- 다음 주 스터디를 위해 알고리즘 공부할 내용을 정하고 해결할 문제를 결정했다.
- 노마드코더 리액트 멤버쉽 강의를 들었다.
👉 공부한 내용
- 이번주 스터디를 준비하며 공부한 개념을 블로그에 정리했다. [알고리즘 개념] Stable Sort &Inplace
- 리액트 멤버쉽 강의를 들었다. 강의를 들으며 EsLint가 궁금해서 검색도 하고 styled-components를 검색해서 Css in JS에 대해 좀 더 알 수 있었다.
- Presenter부분 코드 작성을 따라하며 React 코드 작성법을 좀 더 알 수 있었다.
☕️ 잡담
TIL을 늦은 시간에 적다보니 초반처럼 개념을 많이 못 적고 있는데 추후 블로그에 천천히 포스팅 해보려고 한다. 아직 어떤 방식이 더 나을지 확신이 안 서서 이렇게 저렇게 작성 중이니 포스팅 내용이 갑자기 바뀔 수도 있겠다.😅
그리고 오늘의 간단한 팁은 VS Code의 Extension 추천이다. 나는 이번에 MacBook을 사서 VS Code 세팅을 하면서 Extension을 정말 많이 검색하고 유튜브 영상들도 많이 봤다.(성격상 최대한 여러 사람들이 어떤 걸 쓰는 지 궁금하고 많이 다운 받아서 편안하게 쓰고 싶어서다 ㅎㅎ) 그래서 추후 정리해서 내가 쓰는 Extension과 설정법을 공유할 계획인데 일단 하나 추천해본다.
이번에 추천할 Extension은 바로 Prettier이다. Prettier는 Code formatter로 코드를 정렬해주고 빠진 ;같은 것도 넣어준다. VS code로 받을 수도 있고 홈페이지에서 다운로드 방법을 확인할 수도 있다. 여기를 들어가도 된다.
추가로 설정하면 좋은 것들을 알려주겠다.
설치 한 후에
Mac:
⌘(command)+,(comma)
Window:Ctrl+,(comma)
를 누르거나
Mac:
⌘(command)+⇧(Shift)+P
Window:Ctrl+Shift+P
를 눌러 Setting 창을 키자.
save로 검색하고Editor: Format on Save를 키자! 코드를 저장하면 자동으로 Prettier가 작동한다👏
그리고prettier를 검색하고Tab Width를 4로 되어있으면 2로 변경하자. 4로 두면 Javascript나 Html에서 자식요소가 많아지면 코드가 옆으로 길어져서 가독성이 떨어진다.
다음으로quote로 검색한 후JavaScript,TypeScript의quote style을single로 변경하자
오랜만의 팁이었는데 도움이 되었으면 좋겠다 :)
📑 참고 사이트
