👨💻 Frontend Engineer, Web Developer
😀 세상에 편리한 시스템 제공을 목표로 하는 개발자입니다! 😃
👦 Profile
👶 2000년 01월 04일 출생
🏫 전북제일고등학교 졸업 (2015.03. ~ 2018.02.)
👨🎓 금오공과대학교 컴퓨터소프트웨어공학과 재학 중 (2018.03 ~ )
💡 Contact
📞 010-6223-0295
🎞 Career
- 신호처리 및 지능형네트워크 연구실 소속 학부 연구생(2022.03 ~ )
🪄Intro.
💡 일을 시작하면 스스로 마무리하기 위해 노력합니다. 문제가 발생하더라도 끝까지 해결 방안을 찾기 위해 노력합니다.
❓ 부족한 부분을 채우기 위해 나에게 필요한 것이 무엇인지 매일 질문합니다.
⌨️ 사용자가 편리한 시스템 개발을 위해 노력합니다.
🛣️ 읽기 쉽고 효율적인 코드가 좋은 코드라는 가치관 아래 프로그래밍을 수행합니다.
⏰ 매일 계획을 세워 지키려고 노력합니다. 매일 밤 내일 할 일을 정리하여 계획합니다.
🚴🏿♂️ 매일 두 시간 운동을 통해 자신을 관리합니다.
🗃 Github
🪪Certificate
- OPIc - IM1
- 정보처리기사
⚒️ Skills
Language
JavaScript / TypeScript / Java
Framework
React.js
Library
React-Query / Recoil / Three,js / Nivo Chart / TailwondCSS / Chakra UI
Tool
Git / Figma
⚒ Personal & Team Project
SE Board 리뉴얼
금오공과대학교 컴퓨터소프트웨어공학과 커뮤니티
기간 2023.01~
기술스택 TypeScript, React.js, Chakra UI, React-Query, CKEditor5, Recoil, Figma
GitHub
https://github.com/kit-SE-Project/SE-FE
참여 파트
Frontend 개발
특징
- TypeScript를 사용한 구현으로 코드의 재사용성과 효율성 향상
- React-Query의 캐싱을 활용한 데이터 관리 및 성능 향상
- WYSIWYG 에디터인 CKEditor5 사용
- 스타일 기반 Chakra UI를 통한 유연성
개발 기능
UI 설계 및 디자인
커뮤니티 기능
- 사용자 권한별 게시글 조회
- 댓글 CRUD
- 게시글 작성 및 수정 기능
- 게시글 및 댓글 스크랩, 공유, 신고 기능
관리자 기능
- 커뮤니티 게시판(카테고리) 관리
- 관리자 메뉴 권한 설정 기능
- 회원 관리
- 댓글 관리
- 휴지통
- 일반 정책 관리
- 메인 페이지 관리(배너, 상단바 메뉴 설정)
햄버거 가게 주문 및 배달 시스템
고급 웹 프로그래밍 교과목 프로젝트로 햄버거 가게의 주문 및 배달 시스템 개발
기간 2023.05 ~ 2023.06
기술스택 TypeScript, React.js, Chakra UI, React-Query, nivo chart, Figma
GitHub
https://github.com/WebProgramming-Project/Advanced_WP-FE
참여 파트
Frontend Engineer
특징
- WebRTC를 이용한 실시간 주문 현황 조회
- OAuth를 통한 간편한 인증
개발 기능
UI 설계 및 디자인
시스템 UI 템플릿 구현
메뉴 상세 정보
- 햄버거 상세 정보 조회
장바구니
- 고객의 상품 장바구니 기능
OAuth 인증 시스템
- Google OAuth를 이용한 회원 가입 및 로그인 기능
주문 현황
- 고객 과거 주문 내역 조회
- 주문한 상품의 현재 상태를 WebRTC를 이용하여 주문 중/배달 중/배달 완료 조회 기능
미래금속 스마트 팩토리 시스템
산합협력 프로젝트인 지역 알루미늄 빌렛 생산 기업의 스마트 팩토리 시스템 구축 프로젝트에 학부 연구생으로 참여
기간 2022.07 ~ 2022.12
기술스택 JavaScript, React.js, Tailwind CSS, nivo chart, three.js
참여 파트
Frontend Engineer
특징
- 3D 콘텐츠 표현을 위한 Three.js 적용
- nivo 라이브러리를 사용하여 데이터 차트 그래프 구현
- TailwindCSS를 통한 일관된 디자인
개발 기능
- JWT 토큰을 이용한 로그인 & 로그아웃
- 통계
- 서버로부터 공정 과정에 발생한 데이터 조회 기능
- 3D 대시보드
- WebGL을 이용하여 공장의 모형 3D 콘텐츠 구현
- 공정 과정 데이터와 날씨 데이터 상관 관계 전달 기능
- 관리자 기능
- 일지 작성 시 필요한 요소 관리