생성형 AI를 사용하여 만든 사진입니다.

✉️ 연락처

• Email : [email protected]
• P.H : 010-9489-7110
• Github : https://github.com/kang98kang
• 개인 사이트: 프로필 / 3D 포트폴리오

💻 기술 스택

FE(Front End)

• HTML5 / CSS3

  기초적인 HTML 지식을 갖추고 있고, Media Query를 사용하여 여러 접속 환경에 맞는 반응형 페이지 제작 및 애니메이션 제작이 가능합니다.

• JavaScript

  Vanilajs를 활용한 개발이 가능한 수준의 JavaScript 지식을 갖추고 있습니다.

• TypeScript

  코드의 안정성을 추구하고 작업 시 이슈의 발생 위험을 낮출 수 있습니다.

• React.js

  SPA을 작업할 수 있으며, Component 단위의 작업 경험으로 개발자들과의 협업 및 기획자, 디자이너들과 프로젝트를 경험해보았습니다.

• Redux

  React 작업 시 전역 상태 관리와 이에 대한 action의 처리가 가능합니다.

• Next.js

  SSR(Server Side Rendering) 과 SSG(Static Site Generation)를 활용하여 SEO 최적화와 퍼포먼스 향상을 경험하였고, Dynamic Routing을 통한 페이지 구성 경험이 있습니다.

• Three.js

  3D 그래픽을 웹에 구현하며, 3D 모델을 활용한 웹 페이지 제작 경험이 있습니다.

• Sass(Scss)

  css와 비슷한 문법으로 구조화 시킬 수 있고 가독성과 재사용성이 높아 유지보수를 쉽게 할 수 있습니다. 또한 변수를 사용해 중복된 css 값을 관리할 수 있다는 장점이 있습니다.

• Tailwind CSS

  빠른 UI 작업과 협업 시 스타일 일관성을 유지하며 효율적으로 작업할 수 있습니다.

• Ant Design

  UI 컴포넌트 라이브러리를 활용해 디자인 시스템을 구축한 경험이 있습니다.

BE(Back End)

• Node.js

  RESTful API 설계를 기반으로 데이터 처리 및 서버 사이드 로직을 구현할 수 있습니다.

• Express.js

  경량화된 백엔드 프레임워크로, API 서버를 개발하거나 클라이언트와의 데이터를 연결하는 작업을 수행했습니다.

• Sequelize

  Node.js 기반 ORM으로, 데이터베이스 작업을 효율적으로 처리하였습니다.

• MySQL

  데이터베이스 스키마 설계와 쿼리 작성이 가능하며, Sequelize를 활용한 ORM 개발 경험이 있습니다.

Infra & Tool

• AWS
• Cloudflare
• Postman
• Git / Github
• Figma
• Notion

📂 프로젝트

몬스테라텍(리뉴얼)

Link

2024.11.04 ~ 2024.11.15

• 몬스테라텍에서 근무하며 맡은 홈페이지 리뉴얼

  • **기획, 디자인, 개발(FE)**에 참여하였습니다.
  • 몬스테라텍에서 진행되는 개발 부트캠프 강의들의 리스트 페이지를 최신화하고 디테일 페이지를 제작했습니다. 또한 인증받은 유저만 볼 수 있는 동영상 강의 페이지를 위해 이메일 인증코드 발송 및 인증코드 작성 시 잠금이 해제되는 기능을 구현했습니다.
  • 미디어 쿼리를 활용한 반응형 CSS 구현을 통해 다양한 화면 크기에 대응할 수 있었습니다. 또한, Nodemailer를 사용해 백엔드에서 인증 코드를 생성 및 발송하고, 인증 완료 시 코드를 파기하는 기능을 구현하며 프론트엔드와 백엔드 기술 역량을 한 단계 발전시킬 수 있었습니다.
  • React.js, Scss, Node.js, Nodemailer

  

3D Asset

Link

2024.10.14 ~ 2024.11.01

• 3D 모델 거래 페이지

  • **기획, 디자인, 개발(FE)**에 참여하였습니다.
  • 메인페이지 제작 (3D 모델 렌더링) 과 모델 디테일 페이지, 장바구니 페이지, 프로필 페이지등 주로 FE를 맡았습니다. 버튼, 슬라이더 등의 컴포넌트들을 제작하여 재사용할 수 있었습니다.
  • 빠른 페이지 로딩 속도와 이미지 최적화를 위해 Next.js를 도입하고, lazy-loading으로 페이지 성능을 유지했습니다. 또한, Three.js 라이브러리를 활용하여 3D 모델의 시야, 조명 방향, 애니메이션을 세밀하게 설정하며 원하는 형태로 렌더링해 사용자 경험을 극대화했습니다.
  • Next.js, Three.js

  

부장님의 취향

(대상 수상작)

GitHub

2024.08.01 ~ 2024.09.30

• 회식 장소 정하기 힘든 신입들의 고충 해소 웹 어플리케이션

  • **기획, 디자인, 개발(FE, BE, Infra)**에 참여하였습니다.
  • 메인 페이지, 회사 정보 입력 모달, 식당 디테일 페이지 제작했습니다.
  • React를 활용하여 컴포넌트 재사용으로 작업 효율성을 높였고, 상태 관리를 통해 다양한 플로우를 처리할 수 있도록 설계했습니다. 특히, 다수의 모달이 필요한 상황에서 상태 관리의 복잡함을 전역 상태 관리로 해결하며 효과적으로 문제를 해결한 경험이 있습니다.
  • NAVER API를 활용하여 네이버 로그인을 구현하고 ID/PW 검증, 세션처리를 맡았습니다. 네이버 맵을 사용했습니다.
  • MySQL을 통해 DB를 관리하고, Sequelize로 보다 효율적으로 개발을 진행했습니다. RestAPI를 직접 작성하여 많은 양의 식당 DB를 관리하고 활용했습니다.
  • 두 명의 기획자, 두 명의 개발자로 진행하며 다양한 협업 툴을 사용했보았고 비개발자와 소통 방식을 배울 수 있었습니다. 짧은 프로젝트 기간으로 인해 반응형 css를 넣진 못하였지만, 실제 데이터를 제외한 모든 기능을 완성시킨 저의 첫 번째 프로젝트입니다.
  • React.js, Redux, Ant Design, Node.js, Bcryptjs, Cors, Axios

  

💼 경력 및 교육