미리보기
기본 정보
2002년 9월 14일 출생 웹 프론트엔드 개발을 공부 중인 신입 개발자입니다. - 저는 고민하는 것보다 직접 행동으로 옮기는 걸 선호합니다! 무언가 하고 싶은 일이나 배우고 싶은 기술이 생기면, 고민하기보다는 프로젝트를 통해 직접 배워가는 편입니다. 프로젝트를 통해 배운 점들은 블로그에 기술하여 다시 한 번 정리합니다. - 협업을 위해 소통을 중요하게 생각합니다! 개발자라면 협업이 필수 역량이라 생각하고, 항상 소통을 통해 더 나은 개발을 하기 위해 노력합니다. Notion, Slack, Discord 등 여러 도구를 사용하여 소통합니다. - 사용자 친화적인 웹을 개발하기 위해서 항상 고민합니다! 개발자가 아닌 사용자 입장에서 고민하려고 노력합니다. 사소한 디테일을 놓치지 않고 개선함으로써 사용자 경험을 높이기 위해 노력합니다.
기술 스택
HTML/CSS, JavaScript, React, Vue.js, Vue 3, tailwind-css, GitHub, Git, Docker
프로젝트
한국공학대학교 축제 사이트
한국공학대학교 개발 소모임 Dev-Tino
2024.06. ~ 2024.09.
프로젝트 목표
한국공학대학교 학생들을 위한 축제 정보 제공
학생회가 운영하는 야간부스(주점) 운영을 위한 어드민 서비스
개발 내용
[앱]
야간 부스를 위한 예약 및 주문 서비스
예약완료/예약취소/입장완료 시 자동 문자 발송을 위해 가비아 문자 api 연동
예약 시, 중복 확인을 거친 후 예약을 진행
공연 정보 제공을 위한 타임테이블
부스 정보 및 위치 제공
지도 일러스트 사용을 위해, 핀치 줌 이용
이미지의 크기가 커짐에 따라, 캐싱하지 않도록 설정
[어드민]
학과별 부스 정보 수정
학과별 UUID를 확인한 후, 자신의 학과만 수정할 수 있도록 진행
개발팀 계정은 모든 학과 수정 가능
실시간 주문 및 예약자 조회
3초마다 api 호출하는 polling 기법 적용
주문 관리
+,-로 수량 변경 시, throttle 기법을 적용해서 api 호출 횟수 줄임
사용자 입력으로 수량 변경 시, debouce 기법을 적용해서 api 호출 횟수 줄임
예약자에게 문자 전송
가비아 문자 api 연동
관리자를 위한 일반/서비스 주문 추가
현금 결제 시, 일반 주문으로 주문 추가
서비스 주문 시, 서비스 주문으로 주문 추가되고 가격은 0원으로 표시
사용한 기술
Vue.js
Pinia
Tailwindcss
Nginx
Docker
프로젝트 결과
약 8만회의 조회수와 약 3천명의 사용자 수
예약은 72건, 주문은 1308건
관련 링크
Textrank 알고리즘을 활용한 치매예방 서비스
한국공학대학교 졸업작품
2024.01. ~ 2024.08.
프로젝트 목표
중장년층을 타겟으로 한 치매 예방 서비스
개발 내용
사용자의 일기에서 Textrank 알고리즘으로 단어를 추출
단어를 회상할 수 있도록 일기의 문장에서 단어 부분을 빈칸으로 문제 출제
단어를 이용한 그림 일기 기능
html2canvas를 이용한 그림판 기능
앱과 웹을 모두 고려하여 터치이벤트와 클릭이벤트 모두 구현
DALL.E 연동
그림 그리기 어려운 사용자를 고려하여, 이미지 생성 AI 연동
리팩토링 진행
사용자가 중장년층임을 고려해서 기존 UI를 직관적으로 수정
코드 컨벤션 및 폴더 구조 변경
사용한 기술
React.js
Zustand
Tailwindcss
React-Query
Flutter
관련 링크
투두 리스트 & 일기 서비스
토이 프로젝트
2024.02. ~ 2024.04.
프로젝트 목표
투두 리스트와 일기를 이용한 일정 관리 및 기록 서비스
개발 내용
일기/투두/루틴 CRUD
투두 리스트의 상태 변경(미완료/진행중/완료)
로컬에서 테스트를 진행하기 위해 Docker 사용
사용한 기술
React.js
Recoil
Tailwindcss
Docker
관련 링크
포트폴리오
교육
한국공학대학교
대학교(학사) | 컴퓨터공학과
2021.03. ~ 현재 | 재학 중
대외활동
2024 실리콘벨리 테커 아이디어 해커톤
테커
LLM을 이용한 경조사 스크립트 작성 서비스 개발
소프트웨어야 놀자 겨울 새싹 캠프
네이버 커넥트 재단
초등학생들에게 SW 지식을 나누는 교육 봉사 프로그램