PORTFOLIO

FRONT END FRONT END FRONT END FRONT END

#프론트엔드#문제를 해결하는 개발자#웹퍼블리싱#백엔드#AI#성장캐

DEVELOPER DEVELOPER DEVELOPER DEVELOPER

호기심으로 시작해, 꾸준함으로 성장해온

프론트엔드 개발자 박유나입니다.
memoticon

디자인과 UX에 대한 관심으로 웹퍼블리싱을 시작했고, 실무와 프로젝트를 통해 프론트엔드는 물론 백엔드까지 자연스럽게 확장해왔습니다. 스타트업 환경에서 다양한 역할을 맡으며 실무 경험을 쌓았고, 최근에는 AI 분야로도 관심과 기술의 폭을 넓히고 있습니다.

개발 과정에서는 효율적인 자원 배분과 책임감 있는 태도를 중요하게 생각하며 문제를 끝까지 해결하려는 끈기와 함께 일하는 사람들과 신뢰를 쌓아가는 과정을 소중히 여깁니다.

"꾸준히 배우고, 자라고, 함께 만들어가는 사람.
그게 제가 되고 싶은 개발자의 모습입니다."

박유나

PARK YUNA

1995.04.02yunaz0402@gmail.com

Education

  • 2016.02 인하공업전문대학 항공운항과 졸업
  • 2020.02 감리교신학대학교 기독교교육학 졸업

Training

  • 3D 영상제작과 영상모션그래픽 과정

    #포토샵 #일러스트레이터 #프리미어프로 #에펙2017.12 ~ 2018.02

  • [과정평가형 웹디자인기능사] 웹퍼블리셔-취업과정A

    #HTML #CSS #jQuery #Javascript2020.03 ~ 2020.06

  • (온라인) FastCampus & Inflearn

    #프론트엔드 개발 올인원 패키지 with React#캡틴판교 #Vue.js2020.07 ~ 2020.12

  • SQLD 개발자 자격증 시험 준비 과정

    #데이터베이스 #SQL2021.01 ~ 2021.03

  • 블렌더로 만드는 정교한 3D 캐릭터 제작

    #3D #블렌더 #WebGL2024.01 ~ 2024.02

  • SK네트웍스 Family AI 캠프

    #AI #LLM #파이썬2024.09 ~ 2025.03

Certificates

  • 2020.06 GTQ 포토샵 1급
  • 2022.06 정보처리기사

Skills

  • 협업툴

    SVN, Github, Notion, Jira, Slack

  • 디자인

    Sketch, Figma, 포토샵, 일러스트레이터, 프리미어프로,
    에프터이펙트, 블렌더

  • 프론트엔드 개발

    HTML, CSS, Javascript, Vue, Nuxt, React, PWA

  • 백엔드 개발

    Nodejs, Express, Django, Fastapi, SQL

  • Devops

    리눅스, Docker, AWS

  • AI

    Python, Langchain, OpenAI API

PROJECT

TEAM
AmoreSearch

sLLM 기반 사내 검색 시스템

  1. Nuxt3 + FastAPI 모던 풀스택 개발
  2. LangChain 기반 agentic 검색 흐름 설계
  3. sLLM 기반 온프레미스 AI 질의응답 시스템 구축
  4. LLM 파인튜닝 및 임베딩 모델 성능 실험
  5. AWS EC2, S3, RunPod 서버 인프라 구축 및 운영

내 역할

기획, 디자인, 프론트엔드, 백엔드, AI, DevOps — PM

기술 스택

Nuxt3, FastAPI, Docker, MariaDB, ChromaDB, sLLM, AWS EC2/S3, Runpod, CI/CD

TEAM
Lawbot

RAG 기반 세법 질의응답 챗봇 시스템

  1. Django 풀스택 웹 서비스
  2. 법제처, 홈텍스 데이터 크롤링 및 PDF 자료 수집
  3. PDF 텍스트 추출 및 문단 기준 chunk 전처리
  4. multilingual-e5 임베딩 및 ChromaDB 벡터 저장
  5. OpenAI API 기반 세법 질의응답 서비스 구축

내 역할

기획, 디자인, 프론트엔드, 백엔드, AI, DevOps — PM

기술 스택

Django, Python, OpenAI API, ChromaDB, LangChain, RAGAS

COMPANY
XXX펀즈

실시간 카피트레이딩 플랫폼

  1. Nuxt3 + PrimeVue 기반 트레이딩 플랫폼
  2. WebSocket 기반 실시간 트레이딩 데이터 수신
  3. MariaDB 데이터베이스 설계 및 랭킹 시스템 연동
  4. 테스트 자동화 및 컴포넌트 모듈화로 유지보수성 향상
  5. PWA 기반 모바일 최적화

내 역할

기획, 프론트엔드, 백엔드

기술 스택

Nuxt3, PrimeVue, Node.js, MariaDB, PWA, WebSocket, Redis, Capacitor

COMPANY
SKLMNO

통신사 대리점 통합 관리 시스템

  1. Vue2 + Vuetify 기반 B2B 시스템 개발
  2. Vuex를 활용한 상태관리 및 데이터 흐름 최적화
  3. 요금계산기, 물류관리, 신청서 작성 등 업무 모듈 구축
  4. Chart.js로 대시보드 시각화
  5. Agile/Scrum 기반 개발과 Jira, Notion, Slack 활용

내 역할

기획, 프론트엔드

기술 스택

Vue2, Vuex, Vuetify, WebSocket, Chart.js

FREELANCE
조이펍

오프라인 매장 운영 시스템 풀스택 개발

  1. Nuxt3 + Quasar 기반 매장 운영 시스템 풀스택 개발
  2. Kysely ORM을 통한 데이터베이스 최적화
  3. Ubuntu 서버 세팅 및 Nginx 배포 자동화
  4. 컴포넌트 재사용성 설계를 통해 성능 개선
  5. 디자인시스템 구축

내 역할

기획, 디자인, 프론트엔드, 백엔드, DevOps

기술 스택

Nuxt3, Quasar, Node.js, MariaDB, Kysely ORM, Ubuntu, Nginx

FREELANCE
XX폰

온라인 휴대폰 쇼핑몰 풀스택 개발

  1. Nuxt2 기반 온라인 휴대폰 쇼핑몰 UI/UX 개발
  2. PostgreSQL 데이터 베이스 설계 및 구축
  3. REST API, AWS S3 파일 업로드, 이메일 백엔드 개발
  4. EC2 + Ubuntu 서버 세팅 및 Nginx 리버스 프록시
  5. 관리자 페이지를 통해 관리 시스템 구축

내 역할

기획, 디자인, 프론트엔드, 백엔드, DevOps

기술 스택

Nuxt2, Vuex, Node.js, PostgreSQL, AWS EC2, S3, Nginx, Ubuntu

INTERVIEW
JavaScript + LangChain 기반의 RAG 챗봇을 구현해 보았습니다.

안녕하세요. 박유나입니다 — 챗봇 버전으로 인사드립니다. 😊
저의 경험과 생각을 최대한 잘 전달해드릴 수 있도록 준비했습니다.
궁금한 점이 있으시다면 언제든 질문해 주세요. 성실하게 답변드리겠습니다.

개발자로서 가장 중요하게 생각하는 가치는 무엇인가요?

개발자로서 가장 중요하게 생각하는 가치는 '본질을 꿰뚫는 사고'입니다.
저는 어떤 문제를 해결할 때도, 단순히 방법만 찾는 것이 아니라 '왜 이 기능이 필요한지', '왜 이 방법이 최선인지' 스스로 끊임없이 질문하려고 합니다. 이러한 본질 중심의 사고가 더 나은 결과를 만들고, 꾸준히 성장하는 데 핵심적인 역할을 한다고 생각합니다.
앞으로도 이 가치를 지키며, 깊이 있는 개발자가 되고자 합니다.

지금까지 경험한 기술 스택 중 가장 자신 있는 것은 무엇인가요?

가장 자신 있는 스택은 Vue.js와 Nuxt.js입니다. 그 다음으로는 Node.js와 SQL, Python입니다. 앞으로도 꾸준히 전문성을 높여나갈 계획입니다.

질문을 클릭해 보세요!

익숙함에 안주하지 않고, 낯선 기술과 문제 앞에서도 한 걸음씩 나아가며더 나은 서비스와 함께 성장하는 개발자가 되겠습니다.

Thank you.