사용자 경험을 개선하며 가치를 만들어내는 개발자입니다

</aside>

$\color{4169E1}{About}$ $\color{4169E1}{Me}$

저의 궁극적인 목표는 어떤 웹페이지든지 구현해낼 수 있는 UI/UX 프론트엔드 개발자이며, 사용자들에게 색다른 경험을 선할 수 있는 서비스를 만들고 싶다는 꿈을 가지고 있습니다. 일상 속에서 찾아낼 수 있는 소소하지만 중요한 변화, 그리고 그 변화를 통해 고객들이 느낄 수 있는 새로운 사용자 경험을 제공하고 싶습니다.
배우고 싶은 것도 많고, 그 만큼 열정도 가득합니다 !!
그 누구보다 끈기와 책임감이 강합니다 !!
INFJ

$\color{4169E1}{Education }$

한서대학교 항공소프트웨어공학과 | 졸업
경기과학기술대학교 자동차과 | 졸업

$\color{4169E1}{Experience}$

다운로드 (4).png

코드잇 - 클라우드 기반 풀스택 엔지니어 부트캠프 | 수료

2025.01 ~ 2025.08
Javascript, React, Typescript, Next.js, Git, AWS 등 프론트엔드 및 백엔드 개발자에게 필요한 심화 기술 학습
총 3회의 팀 프로젝트를 통해 팀원들과 협업하며 실무 경험을 쌓았고, 약 7개월간 서비스 기획부터 배포까지 전 과정을 수행
프로젝트 기반 학습을 통해 React Query, JWT 인증, Prisma ORM, Jest 테스트 등 실무 기술 스택 활용 경험

$\color{4169E1}{Projects}$

프로젝트

$\color{4169E1}{Skills}$

$\color{4169E1}{Stack}$

<aside> <img src="attachment:f39caf3c-04c3-4d5e-9162-7988ff868420:image.png" alt="attachment:f39caf3c-04c3-4d5e-9162-7988ff868420:image.png" width="40px" /> Typescript

</aside>

<aside> <img src="attachment:a91e631c-2e56-4afc-8f5d-ddb8cbb8cdaa:image.png" alt="attachment:a91e631c-2e56-4afc-8f5d-ddb8cbb8cdaa:image.png" width="40px" /> Next.js

</aside>

<aside> <img src="attachment:f5ee3b9b-a07c-4248-91c3-d14b8ff3eea0:다운로드.png" alt="attachment:f5ee3b9b-a07c-4248-91c3-d14b8ff3eea0:다운로드.png" width="40px" /> javascript

</aside>

<aside> <img src="attachment:689ecf7e-41cb-4c54-8962-5ec695559043:image.png" alt="attachment:689ecf7e-41cb-4c54-8962-5ec695559043:image.png" width="40px" /> Express.js

</aside>

<aside> <img src="attachment:6cc6176f-2a84-4c41-9450-b70cd1ddff0f:다운로드_(1).png" alt="attachment:6cc6176f-2a84-4c41-9450-b70cd1ddff0f:다운로드_(1).png" width="40px" /> Node.js

</aside>

<aside> <img src="attachment:9eca8c55-2a62-4294-ab8d-49205e67ea64:다운로드_(3).png" alt="attachment:9eca8c55-2a62-4294-ab8d-49205e67ea64:다운로드_(3).png" width="40px" /> Docker

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/3b78cbc5-e574-45ef-b06a-9ca73aabdb38/다운로드.webp" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/3b78cbc5-e574-45ef-b06a-9ca73aabdb38/다운로드.webp" width="40px" /> React

</aside>

<aside> <img src="attachment:56899b39-767b-4181-a19d-313ab3c9f344:다운로드_(1).jpeg" alt="attachment:56899b39-767b-4181-a19d-313ab3c9f344:다운로드_(1).jpeg" width="40px" /> Tailwind CSS

</aside>

<aside> <img src="attachment:f826d16e-b490-43ee-8423-d61e6663f3d7:다운로드.jpeg" alt="attachment:f826d16e-b490-43ee-8423-d61e6663f3d7:다운로드.jpeg" width="40px" /> Sass(Scss)

</aside>

<aside> <img src="attachment:d1ef0315-b910-42e0-a887-869c28291b10:image.png" alt="attachment:d1ef0315-b910-42e0-a887-869c28291b10:image.png" width="40px" /> prisma

</aside>

<aside> <img src="attachment:0da4ce42-0e13-4c09-a085-5457ade5aa71:다운로드_(2).png" alt="attachment:0da4ce42-0e13-4c09-a085-5457ade5aa71:다운로드_(2).png" width="40px" /> PostgreSQL

</aside>

$\color{4169E1}{Design}$

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/da4b5890-56c5-4681-9ca9-186e23ae65f5/다운로드_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/da4b5890-56c5-4681-9ca9-186e23ae65f5/다운로드_(1).png" width="40px" /> Figma

</aside>

$\color{4169E1}{Collaboration}$

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/f7073881-12c7-4e48-aefd-d91aef3858a0/notion.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/f7073881-12c7-4e48-aefd-d91aef3858a0/notion.png" width="40px" /> Notion

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/8c74c844-0858-4fa8-9e33-bd11916e92a2/IMG_0318.jpeg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/8c74c844-0858-4fa8-9e33-bd11916e92a2/IMG_0318.jpeg" width="40px" /> Discord

</aside>

<aside> <img src="attachment:c01679fc-655f-475e-b864-1b02b7f5e121:image.png" alt="attachment:c01679fc-655f-475e-b864-1b02b7f5e121:image.png" width="40px" /> Zep

</aside>

$\color{4169E1}{OA}$

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/67e56f7a-9779-481b-9787-999e5d0cfab3/Microsoft-PowerPoint-Logo.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/67e56f7a-9779-481b-9787-999e5d0cfab3/Microsoft-PowerPoint-Logo.png" width="40px" /> PowerPoint

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/b8e390e3-43ac-4c36-beec-f0a811ece8d2/microsoft-excel-new.jpg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/c5abd590-9356-4ee5-937c-8e3b9cadaf14/b8e390e3-43ac-4c36-beec-f0a811ece8d2/microsoft-excel-new.jpg" width="40px" /> Excel

</aside>

$\color{4169E1}{Social}$ $\color{4169E1}{Media}$