엠오브에스에 입사한 후 3개월이 지났다. 지금까지의 행보를 간단하게나마 기술하고, 어떤 것을 정리해 내 것으로 만들지 생각해봐야해서 회고를 하려고 한다.

전체 과정

1. 입사
   간단한 소개 및 인사, 계약 등을 하고 어떤 일을 주로 맡을 지 정했음
2. 프로젝트 진행 전 준비
   Next.JS 13.4 App Router, Google Material UI 등 프로젝트에 들어가기 앞서 필요한 정보 공부 및 실습
3. 프로젝트 진행 전 세팅
   • 믿을 만한 라이브러리인지, 써드파티 라이브러리를 사용할지 안 할지, 왜 사용하는지, 사용해서 뭐가 좋은지, 사용하지 말아야하는 이유 등을 따져 라이브러리들을 추가하고, 사용법을 익힘
   • 파일명, 함수명, 상수명 등 네임 컨벤션 및 코드 컨벤션 세팅 파일 제작.
   • 규칙에 맞게 기본적인 디렉토리 만듦. 디자인 페이지를 먼저 보고 어떻게 라우팅될 지 폴더 및 파일 디렉토리 짜는 것도 포함.
4. 프로젝트 개발 중(진행 중)
   • 빠르게 클라이언트의 필수 요구사항에 맞는 MVP(Minimum Viable Product) 모델을 만들기
   • 퍼블리싱 : 기본적인 UI 및 버튼, 상호작용 이벤트 등 요구사항에 맞게 구현
   • API 연결 : 네트워크 호출 API 코드 관리 및 타입 관리
   • 클라이언트 데이터 - 서버 데이터 관리
5. 프로젝트 유지 / 관리
   • 리팩토링 진행 : 클린 코드를 지향하기 위해 중복 코드 함수화 및 컴포넌트화
   • 클라이언트 고도화 : 실제 운영 중 수집한 사용자 애로사항 반영
     • 불편한 UI-UX 수정
     • 성능 최적화 : 이미지 최적화, 자원 압축, 코드 번들링 등
     • 웹 접근성
     • 버전 및 써드파티 라이브러리 관리 : 외부 라이브러리와 종속성의 버전 관리
     • 보안 : 사용자 입력을 검증, 보안 헤더 등

블로그 글로 쓸만한 주제들 선정

예나, 선정이 딸이에요.

1. 외부 라이브러리를 언제 써야하는가? 왜 써야하는가? 어떤 걸 써야하는가? 에 대한 기준 : UI Kit, Statement Manage(Server, Client) 및 다른 라이브러리 등
2. 전체를 아우르는 컨벤션 관련 글 작성 : 변수, 함수, 파일 이름, 테일윈드 CSS 컨벤션, 코드 컨벤션, 함수 설명 주석 등
3. 아키텍쳐 실제로 적용해보기 : UI와 비즈니스 로직을 나눠 컴포넌트-함수화 해보기(리액트 쿼리, useMemo, useToast 등) : MVC, MVP, MVVM
4. Fetch API 정리 : Next.JS 사용법, Interceptor, 중복 코드 함수화 처리 등
5. 변수명 짓기 기준 : 15자 이내, Abbreviation 등
6. 리액트쿼리 실제 사용 적용기 : useQuery, useQueries, useInfiniteQuery, useMutation 등
7. Toast 레이아웃 구현 및 커스텀 Hook화 적용기
8. Next.JS App Router 꿀팁 및 실제 구현기
9. 주니어로서 다가가야할 프로젝트 개발 방법론
10. WYSIWYG Editor 적용기 : CK Editor, Draft.JS, Editor.JS 등 고르기, 꿀팁
11. 재사용, 추상화를 위한 리팩토링 기준에 대한 고찰 : 2개 이상이면 무조건 분리하여 만들어야할까? 개발 초기에 그러한 분리화에 대한 남용 위험성 등
12. S3로 Next.JS App Router 정적 배포하는 방법(generateStaticParams)

이제 일주일마다 1개 씩 다양한 주제에 대해서 깊은 고찰을 써보도록 하겠다. 횟수가 줄은 만큼 조금만 더 높은 양질의 글을 싸질러보고 싶다.