더싸이언티스트/사원 2020.04 - 현재
프론트엔드 개발자로 직무를 수행하고 있습니다.
- 입사 후 퍼블리셔, 고객사 디자이너, QA업체와 협업하여 VIBLE 2.0을 개발하였습니다.
- 현재, 타 프로젝트 프론트엔드 개발을 맡고 있습니다.
주소 : 서울시 광진구 자양동
번호 : 010-9291-2779
이메일 : tjsgnl2002@gmail.com
블로그 : https://sunnykim91.tistory.com/
github : https://github.com/sunnykim91
경력 : 더싸이언티스트 / 2020.04.06 입사 (프론트엔드 개발자)
기간 : 2020년 4월 - 2020년 10월
github : 비공개프로젝트 요약 : VIBLE 기존 1.0 페이지 업그레이드한 2.0 페이지 출시
도구 및 기술 :
- 기술 : 사용 기술 스택 : React , TypeScript , MobX
- 도구 : Ant Design, i18n(다국어 지원), ckeditor(문서편집기) , BrightcovePlayer(동영상 재생), CopyToClipboard(클립보드 복사), react-slick(이미지 슬라이더)
내용 및 역할 :
1. 사용자 페이지
- 일부 마크업 및 반응형(mobile, tablet, pc) 구현
- 모든 페이지 프론트 작업 구현(회원가입 , 결제 관련 부분 제외)
- 동영상 플레이어 커스터마이징(재생,정지,볼륨조절,다음영상재생, 영상리스트,10초앞뒤로, 재생슬라이더, 현재시간, 영상시간 등)
- 다국어 지원 기능 구현
- 이미지 슬라이더 기능 구현
2. 관리자 페이지
- 관리자페이지 목록 별 기능 구현
- 테이블 페이징 및 검색 기능 구현
- 데이터 추가, 삭제, 수정 기능 구현
기간 : 2019년 7월 - 2019년 8월
프로젝트 주소 : 시연 영상 : https://www.youtube.com/watch?v=ZI-eMOMNPLs
github : https://github.com/sunnykim91/FDS프로젝트 요약 :상세설명
Airbnb Clone
도구 및 기술 :
- 기술 : HTML, CSS, JavaScript, Angular, Sass, TypeScript
- 도구 : Google Map API, git, slack, VsCode, Kakao API
내용 및 역할 :
- 숙소 검색결과 페이지 구현
ㄴ 백엔드 서버에서 데이터를 불러와 필터에 맞는 값으로 필터링
ㄴ AGM을 이용해 지도 구현
- 결제 및 확인 페이지 구현
- 숙소 상세페이지 구현
ㄴ 인원, 날짜 Validation 구현
ㄴ 카카오톡 공유하기 구현
기간 : 2019년 6월
github : https://github.com/sunnykim91/project-matzip프로젝트 요약 : 상세설명
유명 TV프로그램에 나온 맛집 데이터를 가지고, 지도에 표시해주고 맛집정보를 얻고 다이어리를 적을 수 있는 맛집 다이어리 서비스.
도구 및 기술 :
- 기술 : HTML, CSS, Javascript, Angular
- 도구 : Daum Map API, sheety.io, VScode
내용 및 역할 :
- google spread sheet와 sheety.io를 활용하여 데이터 정제
- 로컬 데이터를 활용한 필터링 및 화면에 뿌려주는 작업.
기간 : 2019년 5월
프로젝트 주소 : https://sunnykim91.github.io/project-baemingers/
github : https://github.com/sunnykim91/project-baemingers프로젝트 요약 : 상세설명
배달의 민족 클로닝을 기반 어벤져스 소개 페이지
도구 및 기술 :
- 기술 : HTML, CSS, Javascript, Bootstrap
- 도구 : VScode, git
내용 및 역할 :
- 하단 시리즈 부분
ㄴ 이미지 캐러셀 자동 슬라이드
기간 : 2019년 3월
프로젝트 주소 : https://sunnykim91.github.io/project_Movie/
github : https://github.com/sunnykim91/project_Movie프로젝트 요약 : 명작 영화들을 추천해주고, 영화들에 대한 정보를 얻어갈 수 있는 페이지.
도구 및 기술 :
- 기술 : HTML, CSS, Javascript
- 도구 : VScode, git
내용 및 역할 :
- 로컬 storage를 활용한 한줄평 작성 구현
- 각 영화별 체크시 다양한 이벤트들 구현
- 영화별 영상 뷰 구현.
기간 : 2019년 12월
프로젝트 주소 : https://sunnykim91.github.io/study-movieapp-project/
github : https://github.com/sunnykim91/study-movieapp-project/tree/master프로젝트 요약 : 무료 API서버를 활용하여 영화 리스트를 만들고, 필터기능 구현하기
도구 및 기술 :
- 기술 : HTML, CSS, React, material-ui
- 도구 : VScode, git
내용 및 역할 :
- yts.lt 사이트 무료 API활용
- 무한로딩 구현
- 장르별, 평점순 정렬 등 다양한 필터와 정렬 구현
기간 : 2020년 2월(3주)
프로젝트 주소 : https://sunnykim91.github.io/reactjs-books-review/#/
github : https://github.com/sunnykim91/reactjs-books-review프로젝트 요약 : 개발과 관련된 서적을 등록하고, 관리할 수 있는 서비스
도구 및 기술 :
- 기술 : HTML, CSS, React, Ant-design, Redux
- 도구 : VScode, git
내용 및 역할 :
- 로그인기능과 책 목록, 책 추가, 삭제, 편집 기능 구현
- Ant-design을 활용한 페이지네이션
- Redux를 이용한 상태관리
프론트엔드 개발자로 직무를 수행하고 있습니다.
G-tainer 사업본부 영업관리 사원으로서 직무를 수행하였습니다.
기초 프로그래밍 언어(C, Java 등)와 자료구조와 알고리즘, 운영체제, 네트워크 등 다양한 컴퓨터공학 전반의 교육을 학습하였습니다.
문ㆍ이과 중 이과를 선택하였고, 고등학교 3년 동안 반에서 회장을 하였습니다.
2016.05
2012년 2월
2018년 8월
평소에 사람만나는 것을 좋아하고, 쉽게 친해지며 체력을 기를 수 있는 취미입니다. 어렸을적부터 좋아했던 스포츠이며, 취미 생활로 2017년 부터 3년정도 조기축구를 하고, 현재는 꽁병지FC에서 훈련을 받으면서 아마추어 축구인으로 성장해나가고 있습니다. 매주 축구를 통해 체력을 기르고, 건강을 유지하고 있습니다.
주소 : https://sunnykim91.tistory.com/
패스트캠퍼스를 다니면서 블로그 활동을 시작하여, 현재까지 개인적으로 공부한 것들에 대해 수업 내용에 대해 정리한 블로그를 운영하고 있습니다. 앞으로 계속 공부한 것들에 대한 정리를 블로그 활동을 통해 지속할 예정입니다.