2017년 IT 업계에 들어와 2019년부터 본격 프론트엔드 개발을 시작했습니다.
TypescriptReactNext.jsAWSDatabaseReact Native를 사용하여 웹 및 앱 프로덕션 서비스를 개발하고 있습니다.
유지 보수성이 높고 재사용이 가능한 컴포넌트를 구축하는 것에 관심이 많습니다.
개발자의 가치란 비즈니즈를 파악하여 최대한의 가치를 구현하는데에서 나온다고 생각합니다.
능동적이고 적극적인 커뮤니케이션을 통해 문제를 해결하고 제품을 발전시키는 데 주력하고 있습니다.
팀워크를 중시하며, 지식과 경험을 공유하고 협업하는 것에서 큰 즐거움을 느낍니다.
✨ 프론트엔드에 주력하지만, 백엔드와 인프라 분야에도 관심이 많습니다. ✨
Work Experiences
지나인.
- 2021.4~현재
- 엔지니어링팀 / 프론트엔드 / 팀원
회사소개
지나인은 Talk To Me In Korean(톡투미인코리안)이라는 한국어 교육 브랜드를 운영하는 회사입니다.
전 세계 한국어 학습자들이 언제 어디서나 체계적으로 한국어를 배울 수 있도록 웹/앱 LMS를 제공하고 있습니다.
딥xxx.
- 2019.11 ~ 2021.3
- 플랫폼개발실 / 프론트엔드 / 주임
회사소개
딥xxx는 의사 주도의 의료 영상 AI 모델 연구를 효율적으로 진행할 수 있게 지원하는 오픈 플랫폼인 DEEP:PHI를 제공하는 회사입니다.
담당업무
복잡한 AI 솔루션 개발을 별도의 코딩 없이 할 수 있는 의료 AI 연구 플랫폼 [DEEP:PHI] 를 만들었습니다.
DEEP:PHI는 환자의 이미지 데이터(X-ray, MRI)를 업로드 한 뒤 AI 모듈(이미지 프로세싱, 뉴럴네트워크) 과 연결하여 각 이미지의 질병의 유무를 판단하는 의료 연구 플랫폼입니다.
파xx.
- 2017.9 ~2019.11 (약 2년 2개월)
- 서비스개발팀 / 퍼블리셔 / 사원
회사소개
차량번호 조회로 내 차에 맞는 수입차 부품을 조회 및 구매가 가능한 서비스를 웹과 하이브리드 앱으로 제공합니다.
소비자에게는 차량 부품구매과 엔진오일 교체, 정비소 예약 등의 서비스를 제공하고 (B2C), 정비소 사장님들에겐 예약 및 고객 관리 admin 페이지를 제공합니다.
담당업무
개발팀에 소속되어 프론트 개발자와 함께 PC, Moblie UI 개발을 담당했습니다.
회사가 크게 B2C, B2B로 나뉘어 B2C는 웹과 모바일을 따로 제공하는 적응형 UI를 사용했고 (모바일의 경우는 웹뷰를 그대로 모바일에 띄우는 Web Base였습니다.) , B2B는 Bootstrap Template를 구매해 반응형으로 제작했습니다.
SideProjects
그린다이브 홈페이지 개발Latest
Parallax Scrolling 기법을 활용한 그린다이브 홈페이지 개발
Features
- Html + Scss + Javascript
- 스크롤 인터랙션 구현 원리와 구현
- 고해상도 비디오 인터랙션과 스크롤 액션 연동
자기소개 페이지 개발
Nextjs + AWS + Vercel을 이용한 자기소개 페이지 제작
Features
- 오늘의 날씨 : API 조회 후 서울의 날씨에 맞는 날씨 효과 보여주기
- DarkMode 적용
- 회원가입 & 이메일 인증 & 로그인 기능 구현
- gestbook : 로그인 유저의 피드 추가 기능 구현
- post : 동적 라우팅을 통한 MDX 컨텐츠 렌더링
Skills
React&Next.js
- 재사용 가능한 로직을 효율적으로 관리하기 위해, 커스텀 Hooks를 자유롭게 활용합니다.
- 다양한 최적화 기법을 적용하고, 여러 컴포넌트 디자인 패턴에 익숙합니다.
이를 통해 효율적이고 유연한 사용자 인터페이스를 구현할 수 있습니다. - Next.js를 사용한 앱 라우팅에 숙련되어 있으며, 클라이언트 측 렌더링(CSR)과 서버 측 렌더링(SSR)을 구분하여 적절한 컴포넌트와 API를 설계할 수 있습니다.
- Jest와 같은 테스팅 라이브러리를 사용하여 견고하고 신뢰할 수 있는 테스트 코드를 작성합니다.
Typescript&Javascript
- TypeScript의 강력한 타입 시스템을 적극적으로 활용하여 애플리케이션을 개발하는 것을 선호합니다.
제네릭(Generic), 추론(Infer), 인터페이스(Interface)와 같은 고급 타입 기능을 통해 코드의 안정성과 유지보수성을 높이는 데 능숙합니다. - ES6를 포함한 JavaScript의 다양한 문법에 익숙하며, 최신 개발 트렌드와 기술 동향을 지속적으로 학습하고 적용합니다.
- Vanilla JavaScript를 활용해 DOM을 직접 조작할 수 있습니다.
React Native&Expo
- React Native를 사용하여 크로스플랫폼 앱을 개발할 수 있습니다.
- iOS와 Android 스토어 배포를 위한 앱 빌드 및 패키징이 가능합니다.
- 앱스토어와 구글플레이스토어의 심사 가이드라인을 준수한 개발을 할 수 있습니다
- 푸시알림, 인앱결제 등 네이티브 기능을 구현할 수 있습니다.
- 배포 자동화 및 CI/CD 파이프라인 구축이 가능합니다.
AWS&Terraform
- AWS 서비스인 S3, CloudFront, Route 53을 사용하여 정적 웹사이트를 호스팅할 수 있습니다.
이러한 서비스를 코드화(Infrastructure as Code, IaC)하여 구현할 수 있습니다. - AWS의 핵심 서비스인 EC2, IAM, VPC, Lambda의 개념을 이해하며, 이를 적절하게 활용할 수 있습니다.
- WAF(웹 애플리케이션 방화벽)를 활용하여 웹 애플리케이션의 보안을 강화한 경험이 있습니다.
- RDS를 사용하여 데이터베이스 관리 및 운영에 대한 경험을 보유하고 있습니다.
- AWS CLI를 활용하여 GitHub을 통한 배포 프로세스를 자동화하는 솔루션을 도입했습니다.
이를 통해 효율적이고 지속적인 통합 및 배포 환경을 구축했습니다.
HTML&SCSS
- 웹 접근성 표준을 준수하면서도, 의미론적(Semantic) 마크업을 구현하는 데 능숙합니다.
- Flexbox와 CSS Grid와 같은 최신 CSS 레이아웃 기술을 활용하여 복잡하고 다양한 UI 레이아웃을 자유롭게 구현할 수 있습니다.
이러한 기술을 통해 효율적이고 반응형 웹 디자인을 실현합니다. - CSS의 Transition 속성을 활용하여 매끄럽고 동적인 애니메이션 효과를 웹 페이지에 구현할 수 있습니다.
Others
- Git을 숙련되게 사용하며, GitFlow와 Trunk-Based 개발 방법론을 이용한 프로젝트 경험이 있습니다.
- Pull Request, Merge, Rebase를 활용하여 깔끔하고 체계적인 커밋 히스토리를 유지할 수 있습니다.
- Figma와 Storybook을 이용하여 디자이너와 긴밀하게 협업할 수 있습니다.
- Slack, ClickUp, Jira와 같은 다양한 업무 관리 및 커뮤니케이션 도구를 효과적으로 사용합니다.
Educations
- 2017.02 ~ 2017.07 (NCS)모바일UI/UX디자인실무 수료
- 2018.08 ~ 2018.09 React 기반의 프론트엔드 구축실무 향상과정
- 2019.08 ~ 2019.09 한국소프트웨어인재개발원 노드JS(Node.js)프로그래밍 과정
- 2020.03~2020.05 타입스크립트 스터디 참여
- 2020.11.01 입문자를 위한 웹팩 : 입문과 중급 사이 강의 수강
- 2023.12.01~ 2024.3.1 모던자바스크립트 Deep Dive 스터디 참여