안녕하세요!
FrontEnd개발자
박효진입니다.

프로필 이미지

저는 이런 사람 입니다.

Team Icon

TEAM

팀을 정말 좋아해요. 팀장을 맡든, 팔로워로 있든 늘 팀의 분위기와 소통을 가장 중요하게 생각했어요.

특히 서로 잘 몰랐던 팀원들과 빠르게 친해지고 각자의 장점을 발견해서 팀의 성과를 끌어내는 게 즐거웠어요.

Idea Icon

IDEA

뻔한 아이디어보다는 `왜 이걸 만들지?`라는 질문으로 항상 시작해요. 고객에게 필요한 게 뭔지 직접 설문도 하고 데이터를 찾아보면서 더 나은 아이디어를 찾으려고 노력했어요.

그래서인지 만든 서비스들이 더 좋은 평가를 받았던 것 같아요.

Positive Icon

POSITIVE

`긍정토템`이라는 별명이 있을 만큼 긍정적인 편이에요. 어려운 상황에서도 쉽게 지치지 않고 긍정적으로 생각하려고 노력하고, 덕분에 주변 사람들이랑도 더 쉽게 친해지고 문제도 잘 해결됐어요.

제 옆에 계시고 싶지 않으신가요?

Goal Icon

GOAL

무엇을 하든 목표부터 명확하게 정하고 시작해요. 비전공자로 개발을 시작했지만, 단계별 목표를 세우고 하나씩 성취하다 보니 최우수 교육생이 되기도 했어요.

다른 사람에게 필요한 존재가 되는 것이 현재 목표입니다.

SKILLS

Frontend

HTML
HTML
CSS
CSS
JavaScript
JavaScript
TypeScript
TypeScript
React
React
React Native
React Native
Next.js
Next.js
Vue
Vue
Redux
Redux
Recoil
Recoil
Zustand
Zustand
React Query
React Query
Jest
Jest

Programming

Python
Python

Dev

Docker
Docker
Jenkins
Jenkins

Design & Communication

Figma
Figma
Notion
Notion
Jira
Jira
PowerPoint
PowerPoint

PROJECTS

CodingLarva Icon

포트폴리오

CodingLarva

디자인부터 배포까지 Self 포트폴리오

개인 PC 서버를 통해 Docker Jenkins를 이용한 자동화 배포

Next.js를 이용한 SSR, CSR 페이지 별 적용

Notion API DB 연결하여 Study Docs 정리, MarkDown을 이용한 개인 Wiki 정리

Animation User Interaction에 특화된 UI Design, 반응형, 다크모드 지원

Clock Icon~ing
Profile Icon1명
README
EUM Icon

태블릿 기반 실시간 필기 공유

이음

태블릿 기반 실시간 필기 공유 서비스

태블릿 환경과 React Native Skia 라이브러리를 이용한 SVG 기반 실시간 필기 데이터 처리

Stomp.js Sock.js를 활용한 Socket 통신 및 실시간 데이터 동기화

Undo/Redo, 지우개, 펜 굵기, 색상 변경 등 필기 도구(Drawing) 기능 구현

학생과 선생님을 위한 맞춤 대시보드 UI

Clock Icon6주
Profile Icon6명
README
NewLearn Icon

빅데이터 추천

NewLearn

국내 뉴스 기반 영어 학습 플랫폼

MS Azure Speech Service(AI SDK)를 이용한 STT, TTS와 실시간 사용자 발음 테스트 구현

MediaQuery를 이용한 반응형과 다크모드 지원, Mobile 사용자 서비스 환경을 고려하여 PWA(Progressive Web Application) 구현

사용자 Interaction Event를 이용한 학습 기능 구현 (Drag&Drop Event를 이용한 WordHunt, Collasible 기능이 추가된 영어 단어장)

Chart.js 라이브러리를 이용한 학습 결과 대시보드 UI

Clock Icon6주
Profile Icon6명
README
Crewin Icon

러닝 크루 관리

Crew-In

러닝 크루 관리 플랫폼

직접 경험하고 불편했던 점을 토대로 기획 및 개발 (Running Crew 5년차)

UI/UX 설계, 기능 구체화, 사용자 설문조사 및 실사용 테스트 피드백 QA 진행

Atomic Design Pattern 적용 및 공통 컴포넌트 구축 관리

생성한 세션에 대한 카카오톡 공유를 이용하여 Service Cold Start 해결

Clock Icon6주
Profile Icon6명
README
Honeymoney Icon

금융 상품 추천

HoneyMoney

금융 상품 추천 서비스

돈 = 꿀, 저축하다 = 꿀통에 담는다, 꿀벌 = 일하다 등의 컨셉 아이디어 제안 및 적용

Json 형태의 Prompt Engineering을 적용한 AI ChatBot 구현

카카오 맵 API를 이용한 주변 은행 지도 및 상품 검색 구현

Chart.js 라이브러리를 이용한 기간 별 금리, 금융 상품 비교 등 수치 데이터 시각화

Clock Icon2주
Profile Icon2명
README

AWARDS

Github IconTistory IconBaekjoon Icon

© 2025 CodingLarva. All rights reserved.