저는 복잡한 아이디어를 시각적으로 표현하는 걸 좋아하며
사용자에게 불편함이 없는 ux/ui를 제공함으로써
도전을 두려워하지 않는 자세를 가지고 있습니다.
꿈꾸는 프론트엔드 개발자 김하늘 입니다.
개발이란 분야에서 새로운 기술에 도전하는 것을 두려워 하지 않고,
변화에 수긍하며
어떠한 기술에서도 변화무쌍하게 적응할 수 있는 꿈꾸는 개발자가
되겠습니다.
▪ EDUCATION
스마트인재개발원 : 클라우드기반 엔지니어링 과정(1040시간)
2023.11.14 - 2024.05.31
호남대학교(산업디자인학과)졸업
2016.02 - 2020.02
SKILLS
-
BASICS
- Oracle DBMS를 사용할 수 있습니다.
- photoshop, Illustrator, pigma를 사용할 줄 압니다.
- Git을 활용한 형상 관리를 할 수 있습니다. -
WEB
- Javascript 이용한 이벤트 처리 및 데이터 처리 기능 구현이 가능합니다.
- React hooks를 상황에 맞게 사용할 수 있습니다.
- React.js를 사용한 웹 페이지 개발 경험이 있습니다.
- Ajax를 이용한 비동기 통신 처리 웹 처리 경험이 있습니다. -
EXPERIENCE
- JSP/Servlet을 이용한 웹페이지 개발 경험이 있습니다.
- mybatis framework를 활용한 JDBC 코드 활용한 경험이 있습니다.
- OpenCV를 활용한 데이터 시각화 및 이미지 처리 경험이 있습니다. -
ATTITUDE
- 모르는 기술이 있더라도 능동적으로 찾아보고 학습하여 업무에 적극적으로 활용합니다.
- 항상 겸손함과 배움의 자세를 잊지 않겠습니다.
PROJECTS
[EDUWORDS] GPT 3.5 Turbo 기반 초등학생 영어 문제 생성 및 온라인 학습 서비스
진행 기간: 2024. 04. 23 ~ 2024. 05 .30(5주)
팀원구성(4명): Front-End(2)/Back-End(1)/Modeling(1)
담당 역할: Front-End
프로젝트 기여도 : 3.8 / 5
사용 스킬
| 구분 | 내용 |
|---|---|
| 사용언어 |
|
| Front |
|
| 개발도구 |
|
| 서버환경 |
|
| 데이터베이스 |
|
| 협업도구 |
|
EDUWORDS는 초등학생을 대상으로 영어 학습 문제를 생성하고 온라인 학습을 지원하는 혁신적인 에듀테크 플랫폼입니다.
이 서비스는 GPT 3.5 Turbo를 기반으로 하여 다양한 형태의 영어 문제를 자동으로 생성하며,
학생들이 시간과 장소에 구애받지 않고 학습할 수 있도록 도와줍니다.
-
시스템 아키텍처
파인튜닝된 GPT 모델을 사용해 만든 영어 문제를 파이썬으로 호출하고 PAST API를 통해 백터DB에 저장합니다
-
서비스 흐름도
이해를 돕기 위한 서비스 흐름도 입니다.
로그인 시 교사와 학생으로 나눠지며 교사와 학생은 사용할 수 있는 기능이 다릅니다. -
단어장
단어장은 원하는 영어 단어를 검색하고 검색한 단어를 개인 단어장에 추가하여 학습할 수 있습니다.
초등학생들이 이용하는 만큼 한 눈에 확인할 수 있도록 매우 단순한 ui로 디자인 하였습니다. -
문제생성
문제생성은 GPT 3.5터보를 이용한 AI생성과 직접 문제생성를 할 수 있습니다.
교사들이 쉽게 사용할 수 있도록 최대한 깔끔하고 직관적인게 디자인 하였습니다. -
문제리스트
문제리스트는 직접 생성한 문제와 AI로 생성한 문제들이 모아져 있는 공간입니다. 문제를 선택하여 문제 생성을 클릭하면
미리보기 화면으로 넘어가게 되며, 선택된 문제들은 해당하는 학생들에게 배포할수 있습니다.
문제를 선택하면 한 눈에 확인할 수 있도록 선택한 문제에 테두리와, 문제의 개수만큼 목록 왼쪽 하단에 count가 같이 올라가도록 설정하였습니다. -
공부방
공부방은 문제를 부여받은 학생들이 문제집을 풀 수 있습니다. 해당 목록을 클릭하면 관련한 문제를 풀 수 있습니다.
학생들에게 공부에 대한 목표를 가질 수 있도록 학업에 관련한 자극 문구를 넣었으며,
문제를 풀 때는 어떤 답을 선택했는지 쉽게 확인할 수 있도록 하였습니다. -
EDUWORDS 시연 영상
tts가 함께 들어있습니다. 전체적인 흐름을 알 수 있습니다. 소리로 들으면 좋습니다!
-
아쉬웠던 점
이번 프로젝트는 처음으로 모델링과 백엔드와 소통하며 프로젝트에 임하니 정보를 받아오는 과정은 생각보다 쉽지 않았고, 조금 수정하고 확인하면 계속 에러 화면을 마주하니 답답했습니다.. 사실 에러화면은 저에게 두려움과 같았습니다. 에러가 날 때 마다 에러가 왜 발생 했는지, 코드를 제대로 읽지 않고 무작정 구글링으로 찾을 생각만 했었습니다. 하지만 에러 화면은 나쁜게 아니란 걸 프로젝트를 하면서 많이 느끼게 되었고, 오히려 에러화면을 통해 고쳐나갈수 있는게 많다는 걸 알게 되었습니다. 그래서 이제는 에러가 두렵지 않아졌습니다. 이번 프로젝트를 통해서 저에게 가장 큰 도움이 된건 에러를 읽는 방법이었습니다. 앞으로도 알아가야 할게 너무 많지만 나쁜 습관을 하나 고치게 되어 스스로가 아주 조금은 성장 했다고 생각합니다.
[LuxuryClothing] OCR 기반 영수증 활용 중고 명품 판매 플랫폼
진행 기간: 2024. 01. 16 ~ 2024. 02 .26(5주)
팀원구성(4명): Front-End(2)/Back-End(2)
담당 역할: Front-End
프로젝트 기여도 : 3 / 5
사용 스킬
| 구분 | 내용 |
|---|---|
| FRONTEAD |
|
| BACKEND |
|
| DATABASE |
|
| AWS |
|
| PYTHON |
|
| 협업도구 |
|
LUXURY CLOTHING은 OCR 기반 영수증 활용 중고 명품 판매 플랫폼 입니다. 위탁 서비스를 통해 편리한 거래 기능을 제공하며
다양한 상품을 개인에게 맞게 이번 주 상품 추천 구매 기능, 적정한 가격과 신뢰를 기반하며 검색 및 필터링 기능을 사용하실 수 있습니다.
-
시스템 아키텍처
프론트에서 데이터를 url에 담아 백엔드에 요청하면 백엔드가 요청한 데이터를 반환합니다.
-
메인 화면
메인화면에 보여지면 배너 이미지는 고급스러운 느낌이 나도록 직접 디자인 하였습니다. 하단 목록을 스크롤 하면 상품 리스트가 보여집니다.
-
주문 하기
-
상품 상세조회
-
상품 구매
-
상품 등록
-
아쉬웠던 점
첫 프로젝트를 진행해 본 거였는데, 시간이 지나고 다시 보니까 미흡한 점이 정말 많이 느껴집니다. 이 프로젝트를 하면서 처음으로 템플릿도 써봤는데, 템플릿이 이미 짜여 있으니 가독성이 좋지 않아 '아, 무조건 템플릿이 좋은 건 아니구나'라는 걸 느끼게 되었고 이 프로젝트를 진행하면서 스스로가 매우 부족하다는 걸 많이 느꼈습니다. 그때 느꼈던 무력함이 좋은 자극제가 되었습니다. 앞으로도 배워야 할 점들이 무궁무진하게 펼쳐져 있다는 게 저의 마음을 설레게 합니다. 첫 프로젝트를 정리해 보면서 다시 한번 스스로의 성장 가능성을 믿고 앞서나가고 싶다는 마음을 느끼게 되었습니다.