미리보기
- 직업
- 꿈을 현실로 만드는 개발자
- 이름
- 송인재
- 간단소개
- - 한 번 시작한 일은 최고가 되기까지 끝을 보고 성공시킵니다. - 계속해서 새로운 도전을 통해, 한 단계 성장해나가고 배워가는 과정을 즐깁니다. - 개인의 코드를 작성하는 것이 아닌, 팀의 목표를 위한 코드를 추구합니다. - 다양한 분야의 리더 경험으로, ‘함께 일하기’의 가치를 실현합니다. - 개발자가 힘들면 사용자가 편하다는 생각으로 개발에 임합니다. - 그저 한 번 타오르는 것이 아닌, 꾸준함의 가치를 실현합니다.
경력
- 회사명
- (주) 아이고고
- 직책 • 부서
- 풀스택 개발자 • 개발팀
- 근무 기간 (근무 형태)
- 2024.07. - 재직 중
- (4개월 | 인턴)
- 담당 업무
파트너 어드민 페이지 초기 개발 (대시보드 / 판매내역 / 리뷰 관리 / 정산 정보 / 공지사항)
환불 기능 구현으로 CS 75% 감소
이미지 최적화 작업을 통한 이미지 비용 40%감소
주소 : https://app.igogo.kr
부모님과 선생님들을 연결해주는 교육 플랫폼에서 유저들이 사용하는 웹앱 페이지,
교육 서비스를 제공하는 파트너들을 위한 페이지, 사내 관리자들이 사용할 어드민 페이지, 서버를 개발 및 유지보수했습니다.
[기능 개발]
[주요 기술 스택]
React
Typescript
Sass
NestJS
Redis
Docker
MongoDB
- 회사명
- (주) 혜성이엔지
- 직책 • 부서
- 근무 기간 (근무 형태)
- 2023.12. - 2024.04.
- (5개월 | 프리랜서)
- 담당 업무
회사 소개 / 제품 소개 / 연구 개발 / 고객지원 페이지 및 API 개발
CI/CD 파이프라인 구축 및 SEO 개선
https 포트 포워딩 적용
회사에서 판매하고 있는 변압기에 대한 정보들을 확인하고 문의를 할 수 있는 변압기 회사 홈페이지를 제작 및 서버를 개발, 배포했습니다.
[기능 개발]
[주요 기술 스택]
React
Typescript
Emotion
NodeJS
프로젝트
- 프로젝트명
- 파트너 어드민 개발
- 소속/기관명
- (주) 아이고고
- 프로젝트 기간
- 2024.09. - 진행 중
- (2개월)
- 프로젝트 설명
프론트엔드 기술환경 세팅 및 CI/CD를 구축하고, 의존성 캐싱을 통한 CI 시간 단축
API 요청을 관리하기 위해, Axios Instance, Interceptor를 활용한 공통 에러 핸들링
네트워크 개선을 위하여 필터 및 검색 기능에 디바운스 훅을 만들어 API 최소화
효율적인 데이터 수집을 위해, 병렬 요청을 사용하여 API 호출 시간 단축
다양한 디바이스에서 사용자 친화적인 인터페이스와 UX를 제공하기 위한 반응형 디자인 적용
Web:
React
Typescript
Tanstack-Query
ChartJS
Yarn Berry
Server:
NestJS
AWS S3
AWS CloudFront
Github Actions
Description.
서비스가 발전됨에 따라 파트너들이 서비스를 이용하여 상품을 관리 및 발전시킬 수 있도록 한 프로젝트
Experience.
Tech Stack.
- 프로젝트명
- 환불 기능 개발
- 소속/기관명
- (주) 아이고고
- 프로젝트 기간
- 2024.07. - 2024.08.
- (2개월)
- 프로젝트 설명
유저 / 파트너 / 어드민 페이지 환불 UI 및 API 개발
환불의 각 단계에 관련한 사용자들이 정보를 받을 수 있도록 환불 알림톡 개발
환불 관리자가 환불 요청이 되었을 때 알림을 받을 수 있도록 슬랙 봇 제작
환불 신청 후, 일정 시간 내에 환불 취소할 경우 알림톡 취소를 위한 스케줄링 구현
다양한 케이스들에 대한 에러핸들링
Web:
React
Typescript
Tanstack-Query
Zustand
Yarn
Server:
NestJS
AWS Lambda
Amazon EventBridge
Description.
UX개선과 CS 리소스 축소를 위해 기존 전화를 통해 환불을 받는 시스템에서, 서비스를 통해 유저가 환불을 신청하고 파트너가 해당 환불을 승인/반려를 거쳐 관리자가 환불할 수 있도록 한 프로젝트
Experience.
Tech Stack.
- 프로젝트명
- 변압기 회사 홈페이지 제작
- 소속/기관명
- (주) 혜성이엔지
- 프로젝트 기간
- 2023.12. - 2024.04.
- (5개월)
- 프로젝트 설명
코드 스플리팅 및 Observer API를 이용한 이미지 Lazy Loading을 적용하여 LCP 53% 개선
정적 리소스 비용 절감을 위한 AWS CloudFront 배포
검색엔진 최적화를 위해, Semantic Markup 및 Meta 태그를 등을 적용하여 SEO 24% 개선
클라이언트와의 업무 진행도 공유를 위해, Github Action을 이용한 CI/CD 파이프라인 구축
공통 컴포넌트를 구현하여 중복코드 제거(Modal, LazyImage, Pagination 등)
Web:
React
Typescript
Tanstack-Query
npm
Server:
NodeJS
Nodemailer
MongoDB
AWS S3
AWS CloudFront
AWS LightSail
Description.
고객들이 회사에서 판매하는 변압기들에 대한 정보를 확인하고 문의를 하게 되면, 관리자는 메일을 통해 문의 내용을 확인할 수 있고, 고객들이 확인해야하는 사항들과 회사에 대한 정보를 업로드할 수 있도록 한 프로젝트
Experience.
Tech Stack.
- 프로젝트명
- 동아리 관리 시스템
- 소속/기관명
- 프로그래머스
- 프로젝트 기간
- 2023.10. - 2023.12.
- (3개월)
- 프로젝트 설명
유효성 검사를 위해, React-hook-form을 이용하여 에러 핸들링
(ex. 신청시간과 행사 시간 설정에 대한 유효성 검사 etc.)Google Form과 같은 폼 커스텀화를 위해, 공통 컴포넌트 구현 및 Zustand 상태관리 라이브러리를 적용
API 요청을 최소화하기 위해, Tanstack query를 이용하여 캐싱 전략 적용 및 에러핸들링
Web:
React
Typescript
Tanstack-Query
Emotion
Zustand
npm
Description.
동아리에서 행사들을 생성 및 관리하고, 사람들을 모집할 수 있는 동아리 플랫폼
Experience.
Tech Stack.
깃허브: https://github.com/Space-Club/Frontend
배포: https://spaceclub.vercel.app/
교육
- 소속/기관
- 세종대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 지능기전공학부 스마트기기전공
- 재학 기간 (재학 상태)
- 2018.03. - 2024.02. (졸업)
대외활동
- 활동명
- 프로그래머스 데브코스 프론트엔드 4기
- 소속/기관
- 프로그래머스
- 활동 연도
- 2023
- 활동 상세 설명
알고리즘, Javascript, TypeScript, Vue, React 등 강의 수강
여러번의 개인프로젝트 & 팀프로젝트를 진행하며, 멘토 및 팀원들간의 코드리뷰 진행
기초부터 다시 탄탄하게 쌓아감으로서, 기초의 중요함 인식
함께 공부하고 함께 성장하는 즐거움 경험
총 3번의 프로젝트간 멘토 및 팀원 익명 리뷰에서 모두 협업스킬 '상' 평가 획득
활동내용
결과
자기소개
- 자기소개
Semantic Markup을 적용하여 작업합니다.
CSS 속성 컨벤션에 맞춰 스타일을 작성합니다.
Emotion이나 SASS(SCSS)와 같은 css in js와 css in css의 차이를 알고 사용합니다.
SEO를 위해 favicon, robots.txt, 메타태그 등을 적용해본 경험이 있습니다.
ES6 이후의 JavaScript 문법에 익숙합니다.
Vanilla JavaScript를 통해 웹페이지를 만들어본 경험이 있습니다.
Observer API를 사용하여 무한스크롤 및 지연 로딩을 적용해본 경험이 있습니다.
Typescript를 이용한 React 코딩에 익숙합니다.
문법을 활용하여 적절한 타입을 사용합니다.
React Hooks를 사용하여 적절하게 데이터를 분배합니다.
효율적인 데이터 구조를 작성하여 유지보수 용이하게 Folder Structure를 구성합니다.
Redux, Context API, Zustand과 같은 상태 관리 패턴을 적절한 경우에 사용합니다.
Atomic Design으로 컴포넌트의 재활용성을 높여서 활용합니다.
Life Cycle을 이해하여 적절하게 활용합니다.
StoryBook을 사용한 컴포넌트 주도 개발을 할 수 있습니다.
NodeJS나 NestJS를 활용하여 RESTful API를 작성할 수 있습니다.
라우팅 규칙을 적절하게 사용하여 경로를 작성합니다.
단일 책임 원칙을 최대한 지키도록 Interceptor, Pipe, Guard를 적극적으로 사용합니다.
AWS S3, CloudFront, Rout53, LightSail을 이용하여 배포한 경험이 있습니다.
GitHub Action을 이용한 자동 배포 구축 경험이 있습니다.
동료들과의 커뮤니케이션을 통해 집단 시너지를 높일 수 있습니다.
어려운 도전이 있어도, 포기하지 않고 끝까지 해내 성공시킨 경험이 여러번 있습니다.
어떠한 상황에 쳐해 있어도, 하나라도 더 배워가기 위해 노력합니다.
사람들과의 커뮤니케이션을 즐깁니다.