WE ENJOY

NEW CHALLENGES

RESOLVE THE PROBLEM

사진

PROFILE

ABOUT ME
EDUCATION
TECHNIAL SKILLS
CONTACT

PORTFOLIO

※ 카드를 클릭해주세요!!

Hover
Bornn Enamelware

Enamelware Brand

Bornn Enamelware

- React Project

REACT REDUX CSS JSON

Bornn Enamelware 웹사이트를 React로 제작했습니다.

메인 페이지의 슬라이드는 React Bootstrap의 Carousel을 이용하여 구현하였고,
장바구니 페이지는 Redux를 이용하여 구현하였습니다.

상단의 메뉴를 클릭하거나 상품을 클릭하면 서브페이지로 이동할 수 있습니다.

- 메인 페이지 : 1개

- 상품 페이지 : 1개

- 장바구니 페이지 : 1개

- 로그인 페이지 : 1개

Hover
Welaaa

Book Subscription Site

Welaaa

- Open API(AJAX/JSON) Project

AJAX HTML SCSS JAVASCRIPT JQUERY JSON

카카오 Open API 데이터를 받아 AJAX를 사용해 만든 Welaaa 웹사이트입니다.

상단의 메뉴를 클릭해 서브페이지로 이동할 수 있습니다.

- 메인 페이지 : 1개

- 서브 페이지 : 1개

Hover
Welaaa

Chicken Brand

Goobne

- Team Project

HTML CSS JAVASCRIPT JQUERY

총 3명의 팀원으로 굽네치킨의 웹사이트를 반응형 홈페이지로 구현하였습니다.

상단의 메뉴를 클릭하거나 우측 하단에 있는 'basasak 입장하기' 버튼을 클릭하면
서브페이지로 이동할 수 있습니다.

* 'basasak' 서브페이지와 '오븐 바사삭' 상품 가격을 계산하는 서브페이지를 구현하였습니다.

- 메인 페이지 : 1개

- 서브 페이지 : 3개

Hover
3M

Manufacturing Company

3M

- First Responsive Project

HTML CSS JQUERY

3M 웹사이트를 반응형 홈페이지로 구현하였습니다.

메인페이지에 있는 hover효과를 JQUERY로 구현하였습니다.

상단의 메뉴에 있는 'Contact'를 클릭하면
서브페이지로 이동할 수 있습니다.

- 메인 페이지 : 1개

- 서브 페이지 : 1개

Hover
Milk Baobob

Personal Care Brand

Milk Baobob

- First Project

HTML CSS

처음 제작한 웹표준 사이트이며,
퍼스널케어 브랜드 밀크바오밥 웹사이트를 디자인하여 구현하였습니다.

상단의 메뉴를 클릭하면 서브페이지로 이동할 수 있습니다.

- 메인 페이지 : 1개

- 서브 페이지 : 1개

THANK YOU!