Web
- 시선을 사로잡는 유저 인터페이스 및 애니메이션 구현을 좋아합니다.
- Search Engine Optimization 경험이 있습니다.
- 다양한 OS, 브라우저 및 디바이스를 지원할 수 있습니다.
- LightHouse 점수를 높이기 위해 최선을 다합니다.
- 웹 표준을 지키려 노력하고, Semantic Markup를 우선적으로 사용하기 위해 노력합니다.
안녕하세요!
저는 정필모입니다.
효율적인 성장
을 위해 항상 고민합니다.
성장을 최우선 가치로 두고, 매주 회고하며 성장 기회를 찾습니다.
빠르게 학습하고, 새롭게 알게 된 지식을 활용하는 것을 좋아합니다.
주변 지인과 블로그에 지식을 나누며 함께 성장하는 것을 좋아합니다.
빠르게 학습하고, 새롭게 알게 된 지식을 활용하는 것을 좋아합니다.
주변 지인과 블로그에 지식을 나누며 함께 성장하는 것을 좋아합니다.
사용자 경험
을 중요하게 생각합니다.
소프트웨어의 가치는 가치 있는 사용자 경험에서 나온다고 믿습니다.
아름다운 UI/UX를 항상 탐색하고, 이를 구현하는 일을 좋아합니다.
아름다운 UI/UX를 항상 탐색하고, 이를 구현하는 일을 좋아합니다.
Work Experience
IBK시스템
서울, 대한민국2024. 11. - 현재계장
전세자금대출용 권리조사 업무시스템 개발
2024. 11. - 현재W&W Concept Inc.
Vernon, CA, USA2018. 10. - 2019. 10.IT Intern
ERP - PLM Data Sync API
2019. 07. - 2019. 10.사용 중이던 외부 PLM의 데이터를 받아 가공하여 신규 개발 중이던 Cloud-based ERP에 연동하는 REST API를 설계하고 개발했습니다.
What did I do?
- Sequelize ORM을 활용해 PostgreSQL에 입력될 데이터의 모델 작성
- Logging, Error Handling을 위한 Middleware 작성
- 받아 온 데이터를 가공/통합한 뒤 저장하기 위한 라이브러리 작성
- API Endpoint별로 연동 작업을 수행하기 위한 컨트롤러 작성
- Swagger를 활용한 API Endpoint 문서화
- Typedoc을 활용한 라이브러리 문서화
- Gulp로 Pug/SCSS/Typescript 컴파일 자동화
Tech Stack
Skills
Javascript (Typescript)
- Javascript와 Typescript 문법에 익숙합니다. Typescript 사용을 선호합니다.
- CommonJS, ES Modules의 모듈 시스템에 대해 이해하고 상황에 맞게 적절히 사용할 수 있습니다.
- Node.js 생태계의 툴링에 익숙합니다.
- pnpm 사용을 선호합니다.
React
- React hooks를 이해하고 있고, 필요한 hook을 작성해서 사용할 수 있습니다. Hook을 이용해 공통 비즈니스 로직을 분리할 수 있습니다.
- Next.js, Remix.js와 같은 리액트 프레임워크에 익숙하고, Server Side Rendering에 대해 이해하고 있으며 적용할 수 있습니다.
- Zustand를 사용한 클라이언트 상태 관리와 Tanstack Query를 사용한 서버 상태 관리를 할 수 있습니다.
- Framer-motion을 사용해 인터랙티브한 유저 인터페이스를 구현하는 것을 좋아합니다.
- Storybook을 사용한 컴포넌트 주도 개발을 실천할 수 있습니다.
- Vitest와 같은 Testing Library를 사용하여 테스트코드를 작성할 수 있습니다.
Vue
- Vue3를 사용할 수 있고, Composition API 사용을 선호합니다.
- MVVM 패턴에 대해 이해하고 있습니다.
Java
- 객체지향 프로그래밍에 대해 이해하고 있고, 객체지향의 설계 5원칙인 SOLID를 준수하려 노력합니다.
- JVM의 동작 원리에 대해서 파악하고 있습니다.
- 제네릭을 사용하여 타입을 일반화하여 공통 로직을 보다 효율적으로 작성하기 위해 노력합니다.
Spring
- Spring의 핵심인 POJO에 대해 이해하고 있으며, IoC와 DI, AOP 및 PSA에 대해 이해하고 있고 설명할 수 있습니다.
- MVC 패턴에 대해 이해하고 있고, Spring MVC의 다양한 기능을 적재적소에 활용할 수 있습니다.
- JPA, MyBatis 등의 ORM을 사용하여 데이터를 안전하게 제어할 수 있습니다.
- Spring Boot를 사용하여 RESTful API를 구현할 수 있습니다.
- Spring Data JPA를 사용하여 데이터베이스와 연동할 수 있습니다.
- Spring Security를 사용하여 인증 및 권한 관리를 할 수 있습니다.
DevOps
- AWS EC2, S3, CloudFront등을 이용해 어플리케이션 레이어를 구성할 수 있습니다.
- Jenkins, GitHub Actions등의 도구로 CI/CD 파이프라인을 구축할 수 있습니다.
- 도메인을 등록하여 원하는 경로로 페이지를 연결해 사용할 수 있습니다.
- Docker 컨테이너 환경을 이해하고 있으며 적재적소에 활용할 수 있습니다. Docker Compose 문서를 작성해 활용하는 것을 선호합니다.
- 라즈베리파이를 활용해 리눅스 환경의 홈 서버를 운영하고 있습니다.
ETC
- Git을 활용하여 프로젝트 관리를 하며, git-flow 혹은 github-flow를 지키도록 노력합니다.
- Linux 환경에서 개발하는 것을 선호하고 CLI 사용에 능숙합니다. MacOS 혹은 WSL2 환경에서 주로 개발합니다.
- Notion, Jira, Confluence등 다양한 협업 툴 사용에 익숙합니다.
- Figma를 사용하여 디자이너와 협업하며, 디자인 시스템을 구축하는 것을 좋아합니다.
Projects
2024. 04. - 2024. 06.프론트엔드 리더 & 인프라
미션과 보상을 통해 자녀의 올바른 습관 형성을 만들어주기 위해 제작한 서비스입니다. 부모는 아이에게 좋은 습관을 형성하는 데 기여하고, 포인트(용돈)를 부여하여 체계적으로 자녀의 활동을 관리할 수 있으며, 스마트폰이 익숙한 ZALPHA 세대 자녀는 부여된 미션을 하나씩 수행해나가며 포인트를 모아 직접 사용하는 등의 행위를 통해 기초 경제 관념을 배워나갑니다.
What did I do?
- Portainer를 이용한 EC2내 도커 서버 환경 구성
- Nginx Proxy Manager를 활용한 Reverse Proxy 구성
- CI/CD 파이프라인 구축을 위한 Jenkins 셋업
- 백엔드/프론트엔드 배포 파이프라인 스크립트 작성
- Gerrit을 활용한 코드 리뷰 시스템 구축
- Zustand를 활용한 클라이언트 상태 관리
- TanStack Query를 활용한 서버 상태 관리
- Figma를 활용한 디자인 시스템 구축 및 페이지 디자인 총괄
- Storybook 도입을 통한 컴포넌트 주도 개발
- PandaCSS를 활용한 디자인 시스템 구축
- React Hook Form과 zod를 활용한 form validation 처리
- Husky를 활용한 coding/commit convention 설정
Tech Stack
2024. 02. - 2024. 04.프론트엔드 리더
주어진 키워드가 들어간 가사를 입력해 점수를 얻는 실시간 대전 웹 게임입니다. JTBC 예능 <아는 형님>의 코너 중 하나였던 <전국노래자랑>에 영감을 받아 제작하였습니다. WebSocket과 STOMP 프로토콜로 실시간으로 데이터를 송수신 하였습니다.
What did I do?
- Figma를 활용한 디자인 시스템 구축 및 페이지 디자인 총괄
- Inkscape를 이용한 게임 아바타 제작
- SVG 포맷을 활용한 아바타 파츠 제작
- Storybook을 이용한 컴포넌트 주도 개발
- StompJS를 활용한 WebSocket 통신
- React Context API를 활용한 Stomp 및 게임 데이터 관리
- Zustand를 활용한 클라이언트 상태 관리
- TanStack Query를 활용한 서버 상태 관리
- TailwindCSS/CVA/tailwind-merge/clsx를 이용한 컴포넌트 디자인
- Framer Motion을 이용한 인터랙티브 컴포넌트 작성
- React Hook Form과 zod를 활용한 form validation 처리
- Husky를 활용한 coding/commit convention 설정
Tech Stack
2023. 12. - 2024. 02.팀장
친구, 가족, 지인 등 주변 사람들과 함께할 수 있는 폐쇄형 SNS 서비스로, 정해진 기간 동안 그룹 내 특정 1인의 마니또가 되어 랜덤으로 제공되는 질문에 익명으로 답변을 남겨 상대방에 대한 속마음을 전할 수 있는 PWA 형태의 웹 어플리케이션입니다.
What did I do?
- Portainer를 이용한 EC2내 도커 서버 환경 구성
- Nginx Proxy Manager를 활용한 Reverse Proxy 구성
- CI/CD 파이프라인 구축을 위한 Jenkins 셋업
- 백엔드/프론트엔드 배포 파이프라인 스크립트 작성
- Figma를 활용한 디자인 시스템 구축 및 페이지 디자인 총괄
- Push Notification에 필요한 Spring REST API 작성
- PWA 대응을 위한 manifest 작성
- Firebase Cloud Messaging을 활용한 Push Notification 구현
- Push Notification 수신을 위한 service worker 작성
- Husky를 활용한 coding/commit convention 설정
Tech Stack
2023. 05.개인 프로젝트
Web Speech API를 활용해 제작한 음성인식 산성비 게임입니다. HTML과 CSS, Vanilla Javascript만 활용하여 프로젝트를 수행해보고자 제작했습니다. SPA를 적용하여 한 페이지에서 모든 게임이 진행됩니다.
What did I do?
- Web Speech API의 SpeechRecognition 인터페이스를 활용해 음성 데이터를 텍스트로 변환
- 변환한 텍스트를 단어 단위로 분리하고, 분리한 데이터를 임의 시간 간격으로 화면에 렌더링
- 화면에 출력된 단어가 화면 아래로 떨어지는 기능
- 화면에 출력된 단어가 화면 바닥까지 내려갔을 때 게임이 종료되는 기능
- 사용자가 화면의 단어를 정확히 입력했을 때 점수가 주어지며 화면에서 사라지는 기능
- 페이지 디자인 및 화면 전환 기능
Tech Stack
Education
삼성 청년 SW 아카데미 10기
2023. 07. - 2024. 06.Java 전공반 (우수 수료생)
Javascript, Java 등의 웹 개발 주요 언어들과 Vue, Spring 등의 프레임워크를 학습하고 기획부터 배포까지 도맡아 하는 실무 기반의 프로젝트를 수행하였습니다.
한국공학대학교
2014. 03. - 2018. 02.컴퓨터공학심화 공학사 (최우등 졸업)
컴퓨터공학과에서 4년간 공부하며 객체지향언어, 컴퓨터구조, 논리회로, 알고리즘, 컴퓨터 네트워크, 웹 프로그래밍 등의 과목을 우수한 성적으로 이수하였습니다. 공학교육인증(ABEEK)을 이수하여 공학사 학위를 받았습니다.
Activities
Tech Blog
2023. 07. - 현재Author, Maintainer
itsmo.dev라는 이름의 개인 기술 블로그를 운영하며 비정기적으로 제가 새롭게 배우게 된 내용 등을 글로 작성해 공유하고 있습니다. Vercel을 통해 배포하고 있습니다.
Languages
ETS TOEIC
2023. 04. - 2025. 04.885 / 990
ACTFL OPIc (영어)
2023. 10. - 2025. 10.Intermediate Mid 2
Certificates
SQL 개발자 (SQLD)
2023. 10. - 2025. 10.한국데이터산업진흥원
정보처리기사
2018. 05.한국산업인력공단