안녕하세요!
프론트엔드 개발자
장태민입니다.
이메일 | ttaemni@gmail.com
연락처 | 010-5681-3051
Skills
기술 스택
- Vue
Vue2 Option API, Vue3 Composition API의 사용 경험이 있습니다.
Vuex, Pinia의 상태관리 라이브러리 사용 경험이 있습니다.
Vuetify3 UI 라이브러리 사용 경험이 있습니다.
Axios를 사용하여 Open API 호출 및 데이터 바인딩 경험이 있습니다.
- JavaScript
ES6+ 문법을 사용할 수 있습니다.
JavaScript 동작 방식을 이해하고 있습 니다.
TypeScript를 사용할 수 있습니다.
TypeScript 개발 환경 구축 경험이 있습니다.
- Express.js
Web Application Server를 구축한 경험이 있습니다.
Sequelize와 MySQL을 사용하여 CRUD 및 API 설계 경험이 있습니다.
TypeScript로 개발 환경 구축 및 개발한 경험이 있습니다.
- HTML5 / CSS3
웹 표준을 지키기 위해 노력합니다.
반응형 웹을 만들 수 있습니다.
BEM 방법론을 적용할 수 있습니다.
Tailwind css 라이브러리 사용 경험이 있습니다.
- Git
기본적인 Git 명렁어를 사용할 수 있습니다.
Git-flow 전략을 사용한 경험이 있습니다.
Git Convention을 지키려고 노력합니다.
Project
News Summary
주식 포트폴리오에 등록된 관련 뉴스만 제공해주는 플랫폼
2023.04 ~ 2023.06 (개인)
- 카카오 OAuth 기능으로 간편하게 로그인 가능.
- Pinia 상태관리 라이브러리를 도입해 props 복잡도 개선.
- Vuetify의 theme을 활용하여 다크모드 구현.
- 사용자 편의를 위해 무한 스크롤 구현.
- 포트폴리오에 등록된 주식마다 금융위원회 API로 최근 5일간의 종가를 시각적으로 표현하기 위해 차트로 구현.
- 금융위원회 주식시세정보 Open API를 사용하여 주식 포트폴리오에 주식 등록 및 삭제 가능.
- 등록된 포트폴리오를 기반으로 Naver Search API를 사용하여 뉴스 기사 제공.
Interview System
이력서 작성, 지원, 면접을 한 곳에서 관리
2022.10 ~ 2022.12 (팀)
팀장, FE 60% BE 40% 기여
- 교내 추천 채용 게시판이 잘 활용되지 않아 개선하기 위해 프로젝트를 진행.
- 협업 능력을 기르기 위해 git 컨벤션, git flow 전략, css BEM 방식, 코드 리뷰를 주도하여 진행.
- Vue-router의 네비게이션 가드를 통해 면접자와 면접관을 분리하여 직접 접근 제어.
- Vuex 상태관리 라이브러리를 도입해 props 복잡도 개선.
- FE 개발 중 BE 데이터가 필요할 경우 Postman dummy API를 만들어 개발 속도를 향상.
- dummy API인 Resume, Apply, Score API를 Express, Sequelize 공식 문서를 통해 직접 개발하여 BE 개발 기한을 맞출 수 있도록 기여.
- AWS EC2로 배포했으며 WebRTC를 이용한 화상 면접 기능을 다른 NAT 상에서도 동작시키기 위해 HTTPS 연동 및 로드밸런서 설정, coturn을 이용해 TURN 서버 구축.
4this HomePage
동아리 홍보 및 프론트엔드 역량 강화 목적으로 프로젝트 진행
2022.09 ~ 2022.10 (팀)
팀장, FE 40% 기여
- - 스케쥴 및 팀원 관리, 메인 페이지, 모바일 반응형 제작
- - Vanila JavaScript 사용하여 슬라이드, 카운트 다운, 마우스 포인터 구현
- - 협업 능력을 기르기 위해 git 컨벤션, CSS BEM 방식을 주도하여 진행
- - 2021년에 비해 동아리 지원율 2배 증가
- - cafe24로 배포
Movify
JavaScript와 Vue.js 공부한 내용 복습 및 TMDB API를 활용하여 영화 소개 사이트 제작
2022.07 ~ 2022.08 (개인)
- TMDB API를 활용한 영화 사이트 개발.
- RAF(RequestAnimationFrame)를 이용하여 카운트 기능 구현.
- TMDB API를 활용해 검색 기능 구현.
- Axios를 사용하여 HTTP 통신.