해당 포스트는 원티드의 프리온보딩 프론트엔드 챌린지 강의 내용 복습 겸 정리 입니다.
마지막 강의 입니다.
Week 2-2. 프론트엔드 개발자를 위한 필수 개념
필수적으로 알면 좋은 개념들 설명과 키워드를 알려주셨습니다. ( 모르는 개념이 많아서 추가 공부하기 )
Server-Side Rendering vs Client-Side Rendering
➡️ 바로가기
Frontend MSA
하나의 프로젝트를 작은 단위로 나누는 것
Monolithic vs MSA
하나가 다 처리하느냐
여러개로 나눠서 처리하느냐
어느정도 규모(?)가 있는 서비스가 아니라면 MSA는 무의미함
Backend for Frontend
Backend를 Frontend에 맞추는 것
MSA(Micro-service Architecture)가 주목 받으면서 등장함
Web, Mobile, Desktop 등 프론트엔드의 니즈에 맞게 서버를 따로 구축함
참고 : https://fe-developers.kakaoent.com/2022/220310-kakaopage-bff/
프론트엔드 디자인패턴
요즘은 거의 atomic + react-query
최선의 디자인 패턴은 없음
필요에 맞게
컨벤션에 맞게
'요즘 이게 힙하니까 이걸 따른다'는 하지 않아도 됨
테스트코드
Unit Test
- 함수, 컴포넌트가 독립적으로 잘 작동하는지 확인하는 것
Integration Test
- 여러 함수들 또는 여러 컴포넌트들이 같이 잘 동작하는지 확인하는 것
E2E test
- 사용자인것마냥 테스트 하는 것
2주간 짧은 교육을 마치며
역시 공부는 해도해도 끝이 없다... 하지만 그 만큼 새로 알게 될 것도 많기에 배움의 즐거움 느끼며 지식을 쌓아보자 👨🏻💻