프로젝트 관련 문의가 있으시면 편하게 연락 주세요!
도스트11에서 풀스택 개발 중 · SQA 출신
Rails + React + TypeScript 환경
궁금하실 수 있는 점들
사용하는 주요 기술과 도구
동적인 프론트엔드 개발을 위해 ES6+ 이상의 최신 EcmaScript를 사용했습니다. CommonJS와 ESM을 사용하는 설정 파일을 다룰 수 있습니다.
도스트11에서 react-on-rails 기반으로 도프켓의 카테고리 트리, 캐러셀, 블로그 CMS 등 다양한 컴포넌트를 개발 중입니다. 하이드레이션, 커스텀 훅, Context API를 실무에서 활용하고 있습니다.
서버를 공격으로부터 보호하기 위해 next api를 프록시로, next auth 세션을 인증방법으로 사용해 민감정보의 브라우저 노출을 피했습니다. SEO 등 최적화를 위해 서버사이드 렌더링과 정적 사이트 생성, 앱 라우터의 레이아웃을 활용했습니다.
마크업 태그를 이용한 LCP 단축, 스크립트 로드 조절, 무한 스크롤 요소 선택 등으로 활용했습니다.
궁금하실 수 있는 점들을 정리했어요.