HONG JI HUN
WEB
DEVELOPER
MVP 기반 업무의 우선순위를 나누며 애자일 중심 스크럼 회의 방식에 익숙합니다.
BEM 방법론과 SCSS 를 능숙하게 사용할 수 있습니다.
Antd, Bootstrap, styled-component, CSS Module 을 활용할 수 있습니다.
css 애니메이션과 js 애니메이션 사용에 익숙합니다.
Restful 한 네이밍 컨벤션을 지키려 노력합니다.
next.js 를 통한 SSR 방식의 컴포넌트 활용에 익숙하며 이를 통해 SEO 를 최적화할 수 있습니다.
전역 상태관리를 위해 redux 와 recoil 을 사용하는데 익숙합니다.
typescript, golang, javascript 를 사용하여 mvc 패턴의 서버를 만들어 REST API 를 활용할 수 있습니다.
typeorm, gorm, sequelize 를 통해 orm 을 자유롭게 사용할 수 있습니다.
eslint 와 prettier 를 통해 일관성 있는 코딩컨벤션을 적용할 수 있습니다.
Gitlab 의 CI/CD 를 활용할 수 있습니다.
반복적인 작업을 최소화하기 위한 자동화에 관심이 많아 Gitlab CI/CD 뿐 아니라 github actions 를 통해 자동 배포를 할 수 있습니다.
vitest 를 활용한 테스트 작성 경험이 있습니다.
WebRTC 기술을 활용해 화상 채팅 기능을 활용할 수 있습니다.
좋은 개발문화에 대해 항상 고민합니다.
AWS 의 EC2, RDS, S3 를 활용할 수 있습니다.
Figma 툴 사용에 익숙합니다.
01/03
CAREER UP
2023.11.10 ~ 2023.12.08
6인 팀 프로젝트
주니어 개발자를 위한 WebRTC 기반 1:1 화상 컨설팅 플랫폼입니다.언제 어디서든 쉽고 편리하게 화상 컨설팅을 받을 수 있는 환경을 제공하는 것을 목표로 사이트를 제작하였습니다.
WebRTC 기반 무료 오픈소스 플랫폼 Openvidu 를 next.js 에 도입하여 화상 회의 기능을 구현했습니다.
atomic design pattern 과 storybook 을 통해 컴포넌트 UI 작업현황 공유 및 chromatic 과 github actions 를 통한 배포 자동화를 구현했습니다.
전역 상태 관리를 위해 recoil 을 사용시 새로고침할 때마다 상태가 날라가는 것을 막기 위해 recoil persist 를 도입하여 전역 상태를 관리해주었습니다.
FEATURE
시니어 개발자와 주니어 개발자가 1:1 화상회의를 하며 웹캠이나 화면을 공유하거나 채팅을 하며 취업에 관한 컨설팅을 가능하게 합니다.
FRONTEND
next.js, recoil, storybook, github actions, typescript, MUI, styled-component, openvidu-browser.js
BACKEND
spring boot, jpa, docker, github actions, aws ec2, s3, route53
DEPLOYMENT
ec2, vercel, github actions
02/03
DO IT
2023.08.31 ~ 2023.09.14
4인 팀 프로젝트
개발자를 위한 스터디 모집 플랫폼 Do IT 입니다.OpenAI API 와 프롬프트 엔지니어링을 통해 CS 면접 연습 기능을 구현했습니다.
Sequelize 와 MVC 패턴을 통해 backend 코드를 구성했습니다.UX 를 고려하여 hover 애니메이션, 로그인 마우스 트래킹 애니메이션을 구상했습니다.
slack 의bolt.js 와 Webhook, SocketMode를 활용해 스터디 개설신청 알림과 그에 대한 운영진의 수락 시스템을 슬랙봇 기능을 통해 구현했습니다.
팀 프로젝트 내에선 slackbot 시스템, 스터디 상세페이지 로직 및 UI 구현, 웹 로그인 및 회원가입 마우스 트래킹 애니메이션, figma 디자인, alert 애니메이션작업을 담당했습니다.
FEATURE
개발자를 위한 플랫폼입니다. 스터디를 개설하거나 참여할 수 있고 GPT 면접관을 통해 CS 면접을 연습할 수 있습니다.
FRONTEND
Javascript, SCSS, BEM
BACKEND
sequelize, RDS, MySQL, MVC
DEPLOYMENT
EC2, pm2
03/03
BEAUTY LAB
2023.07.17 ~ 2023.07.23
4인 팀 프로젝트
부트캠프에서의 첫 팀프로젝트로 제작한 반응형 웹사이트 입니다. 20대 여성을 페르소나로 삼아 나에게 맞는 화장품을 추천해주는 서비스를 목표로 사이트를 제작하였습니다.
스크롤 인터렉션, 3d carousel 등을 이용한 애니메이션, scss 등을 이용하여 UI/UX 측면의 구현에 집중하였습니다.
CSS 애니메이션과 JS 애니메이션의 차이, 가독성을 위한 BEM 방법론을 고려하여 웹사이트를 만들었고 웹 사이트중 SEO 에 미치는 요소들에 대한 개념을 알게 되었습니다.
팀 프로젝트 내에선 첫 화면인 안내페이지를 담당하여 페이지에 적용되는 스크롤 인터렉션, transition 애니메이션, iframe background 등의 애니메이션을 js 애니메이션 방식으로 구현했습니다.
FEATURE
필터와 추천 유튜브 영상을 통해 나에게 맞는 화장품을 추천받을 수 있습니다.
FRONTEND
Javascript, SCSS, BEM
DEPLOYMENT
Netlify
LIFE OASIS
2022.07 ~ 2023.04
BACKEND, FRONTEND DEVELOPER
LIFE OASIS
2022.01 ~ 2022.06
BACKEND DEVELOPER - INTERN
CODINGON
2023.07 ~
KDT-WEB-8 WEB FULLSTACK
DESIGNED BY HONGJIHUN