### F-lab 수강 [2022.03.08 ~ 2022.10.04] 단순히 사용 용도로만 공부를 끝내지 않고, 공부를 하고자 하는 기술에 대하여 내부적으로 "구동 방식이 어떻게 돌아갈까?"에 대해서 많이 생각하면서 공부를 하였습니다. 자바를 공부할 때는, 내부적으로 데이터가 어떻게 저장되는 지 궁금하여 Runtime Data Area에 대해 깊게 공부해보았고, 자주 사용되는 자료구조인 HashMap의 코드를 직접 들어가서 분석해보았습니다. 스프링을 공부할 때는, 제일 핵심이 되는 DispactherServlet이 흐름이 어떻게 되는 지 궁금하여 HTTP 요청이 생긴 후, 응답까지의 흐름을 코드 레벨로 분석해보았습니다. # Link -> https://www.notion.so/jnam/849b1d6d6dfd4f70adff2cbb30194908#80277cf61d8746798bbdeb6b7d539ba2

更多

### 주요 업무 내용 - NestJs 사용 [Typescript] - 서비스, 어드민 API 기능 추가 및 버그 수정 - 쿼리 최적화 - 코드 리팩토링 ### 주요 경력 및 활동 1. SQL 쿼리 최적화 - EXPLAIN ANALYZE 사용 - N+1 문제 `DataLoader` 를 통해 최소화 - 가장 시간을 줄인 쿼리 속도 [ 3.2초 → 0.8초 ] - 대부분의 쿼리 한 번씩 쿼리플랜 확인 후, 쿼리 최적화 및 인덱스 설정 [ 평균 0.2초 줄임 ] 2. 유지보수 - 코드 리팩토링 [ 로그 개선, 센트리 error capture 개선 - Test Code 작성 [ Jest,supertest사용 / unit, e2e 테스트 ] - slow query 확인 및 slack을 통한 알림 - 자주 사용되는 데이터들은 Redis 사용 [ 캐시 ] ### 사용했던 Tech - NestJs, Prisma[Legacy에서 사용], TypeORM, bullJS [redis 기반 Queue] - PostgreSQL, Redis - GithubActions, Docker, Serverless [스케쥴러 용도의 함수로만 사용]

更多

### 주요 업무 내용 - 클라이언트 리브랜딩을 위해 프로젝트를 새로 짜고 사수님이 도와주시면서 코드를 처음부터 작성하였습니다. - 빠른 리렌더링 속도를 위해 ReactJs 의 최적화를 신경썼습니다. - useMemo, useCallback 등을 활용하여 불필요한 리렌더링 제거 - 그 외 서비스 서버, 백오피스 서버의 유지보수 및 기능추가를 담당하였습니다. ### 주요 경력 및 활동 1. 웹 프론트 전체 페이지 리브랜딩 - 기존 웹페이지를 새로운 디자인으로 모두 리브랜딩 [ SCSS 사용 ] - react, rematch 사용 2. 관리자 서버/클라이언트, 웹 서버/클라이언트 유지보수 및 기능 추가 - 레거시 코드 리팩토링 - Sequelize.js 사용 - DB Query 수정 - 프론트엔드단에서 디자인 변경 시 보여주어야 할 데이터가 달라져 일부 API 수정 및 추가 3. 웹 클라이언트 개편 [ 구조부터 다시 잡으면서 ] - NextJs 사용 - reduxToolkit 사용 ### 사용했던 Tech - React, SCSS, Rematch, ReduxToolkit, NextJs - ExpressJs, Sequelize, MySQL, Docker

更多