활용능력 Skills
-
HTML
- HTML 5, XHTML 마크업
- 웹 표준 / 접근성 준수
-
CSS
- CSS 3
- 반응형 웹 (Media Query)
-
JavaScript
- 바닐라 자바스크립트
- ES 6 활용
- React 활용
-
ETC
- Linux / MacOs Terminal 가능
- MySql 기본지식 보유
포트폴리오 Portfolio
-
01 TODO LIST
리액트를 학습하며 제작한 데스크탑 페이지입니다.
할 일 추가, 삭제, 체크, 중요표시 등의 기능이 가능합니다. 중요표시를 하게되면 할 일 목록 중 최상단으로 이동하게 됩니다.- React JS
Category Source (click!) React Github Page -
02 FESTIVAL DE CANNES
리액트를 학습하며 제작한 데스크탑 페이지입니다.
칸 국제영화제에 출품한 국내 작품을 연도별로 모아볼 수 있으며, 마우스 hover 시 작품 정보를 확인할 수 있습니다.- React JS
Category Source (click!) React Github Page -
03 개인제작 슬라이더
자바스크립트를 학습하며 제작한 슬라이더입니다.
슬라이드 크기, 속도, 루프 등 옵션선택이 가능합니다.- 바닐라 자바스크립트
Category Source (click!) HTML index.html CSS common.css JS common.js -
04 네이버 Corp 랜딩페이지
포트폴리오용으로 제작한 데스크탑 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
- 퍼센트(%) 값을 이용한 컨텐츠의 유동적인 크기 설정
Category Source (click!) HTML index.html CSS common.css JS common.js -
05 서울대학교병원 랜딩페이지
포트폴리오용으로 제작한 데스크탑 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
Category Source (click!) HTML index.html CSS common.css JS common.js -
06 한솥도시락 랜딩페이지
포트폴리오용으로 제작한 반응형 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
- 퍼센트(%) 값을 이용한 컨텐츠의 유동적인 크기 설정
Category Source (click!) HTML index.html CSS common.css JS common.js -
07 굿피플 랜딩페이지
포트폴리오용으로 제작한 반응형 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
- 퍼센트(%) 값을 이용한 컨텐츠의 유동적인 크기 설정
Category Source (click!) HTML index.html CSS common.css JS common.js -
08 칠성몰 랜딩페이지
포트폴리오용으로 제작한 데스크탑 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
Category Source (click!) HTML index.html CSS common.css JS common.js -
09 사단법인두루 랜딩페이지
포트폴리오용으로 제작한 반응형 페이지입니다.
- 바닐라 자바스크립트
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
Category Source (click!) HTML index.html CSS common.css JS common.js -
10 처음처럼 랜딩페이지
포트폴리오용으로 제작한 데스크탑 페이지입니다.
- 바닐라 자바스크립트
- 스크롤에 따른 애니메이션
- 슬라이드 자체제작 (jQuery 이용하지 않았음)
Category Source (click!) HTML index.html CSS common.css JS common.js