토스ㅣSLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code
- 날짜 : 08.10.화
Keyword
- 응집도: 같은 목적의 코드는 뭉쳐두자
뭉치면 쾌적: 당장 몰라도 되는 디테일
뭉치면 답답: 코드 파악에 필수적인 핵심정보 - 단일책임: 하나의 일을 하는 뚜렷한 이름의 함수를 만들자
- 추상화: 핵심 개념을 뽑아내자(추상화 수준을 섞어 놓으면 코드 파악 어려우니 추상화 단계를 비슷하게 정리하자)
생각
- 진짜 시간가는줄 모르고 들었던 세션. 역시 발표력이 어마어마 하시다..
- 클린 코드는 개발자의 시간을 단축해준다. 시간은 돈이다!!
- 코드리뷰의 중요성. 팀과 함께 공감대를 형성하자. 코드에 정답은 없다!!
토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기
- 날짜 : 08.10.화
Keyword
- 안 좋은 코드: 복잡한 코드, 노이즈가 많음(~일 때 ~한다), 실패 성공의 경우를 섞어서 처리, 비즈니스 로직 파악 어려움
- 보통의 리액트 비동기 처리 : SWR이나 React Query를 사용
- 웹 서비스의 코드 복잡도 낮추기: Hooks, React Suspense
- Recoil의 비동기 셀렉터(Selector Familly 라는 것도 있음)
- 성공하는 경우에만 집중해 복잡도를 낮춘다.
- 성공하는 경우 + 실패하는 경우 섞어서 처리하지 말기.
- 실제 처리를 부모 함수에 위임
- React Concurrent Mode
- useTransition
- useDeferredValue
생각
- 토스의 서비스들을 사용할 때나 심지어 채용 사이트를 들어갔을 때 항상 모든 인터렉션이 부드럽게~ 진행된다고 느꼈었는데.. 그 부드러움은 이런 비동기 처리 방식에서 나오는 건가!!
- 비동기 코드를 짤 때 에러 해결에 급급한 코드를 짜지 말고 경우의 수를 고려해서 코드를 짜야겠다.
- 이래서 유지 보수를 해보라는 거구나!
