Leaflet of portfolio

heart

planet

Table of Contents

stars

earth

Chapter1. React project

Chapter2. Open API

Chapter3. Team project

Chapter4. One page

Chapter5. Responsive web design

Chapter6. Shopping mall web design

  포트폴리오의 컨셉은 < 전시회 > 입니다.
  그동안 배우며 만든 프로젝트들을 전시한다는 마음으로 만들었습니다.
  저의 성장 과정이 담긴 프로젝트들을 눈여겨 봐주신다면 감사하겠습니다!

Nuri's
portfolio

black

Would you like to go
see my project?

My ambition

  안녕하십니까! 맡은일에 최선을 다하는 강누리입니다.
  항상 똑같은 구상을 하는것보다 새로운 시도를 하려고 합니다.
어려운 일이 있더라도 성장할 수 있는 기회로 받아들여 저의 것으로 만들기 위해 노력하고 있습니다.
  항상 웃음을 가진 표정으로 긍정적인 모습을 보여드리겠습니다.

barcode

세상을 누리다

E n j o y t h e w o r l d !

Welcome to my portfolio

Thank you for
looking at
my portfolio!!

bulb

bulb_light

bulb_light

bulb_light

출처

Heart & Planet Sun

My hobby

저의 취미인 풍경 사진찍기 입니다.

rainbow

sunset

sunset

sunset

sunset

sunset

cat

sky

river

sunset

sky

sky

sea

river

river

river

flower

forest

moon

moon

이름 강누리

생년월일 2001 . 01 .18

거주지 수원시 장안구

자격증 웹디자인 기능사

지원분야 프론트엔드 개발자, 웹퍼블리셔

About me

Skill

HTML

CSS

SCSS

JavaScript

jQuery

React

Bootstrap

AJAX

AJAX

jsx

JSX

JSON

JSON

redux

Redux

MySQL

Contact me

E-mail : gnr9706@gmail.com / gnr0118@icloud.com

Phone number : 010 - 2911 - 9053

More

@nuun.ri

nuunnunn

sun

sun

fila

FILA

React project _{( Responsive )}

450 X 255 px

Project6

ridi

RIDI BOOKS

Open API project

500 X 260 px

Project5

pixar

pixar

PIXAR

Team project _{( Responsive )}

550 X 280 px

Project4

ridi

Tim burton

One page

470 X 245 px

Project3

tamburins

Tamburins

Responsive web design

420 X 230 px

Project2

jack daniels's

Jack Daniel's

Shopping mall web design

370 X 185 px

Project1

게시판

Node.js + MySQL + React

330 X 187 px

FILA

React project _{( Responsive )}

React JSX Redux Swiper Bootstrap

fila

의류 브랜드 < FILA >의 사이트입니다.

Swiper를 활용해 다양한 크기의 이미지를 슬라이드를 구현했고,

Redux를 사용하여 장바구니에 상품을 추가하고 삭제할 수 있습니다.

RIDI BOOKS

Open API project

AJAX SCSS HTML JavaScript jQuery

ridi

도서 사이트 < RIDI BOOKS > 입니다.

AJAX로 책정보를 불러와 표지와 제목에 사용했습니다.

이전 이미지를 밀듯이 펼쳐지는 슬라이드를 구현해보고 싶어서 선택하게 되었습니다.

PIXAR

Team project _{( Responsive )}

HTML CSS JavaScript jQuery

pixar

애니메이션 스튜디오 < PIXAR >의 사이트입니다.

각각 픽사의 연대기, 캐릭터의 스토리, 영화의 비하인드, 영화의 배경지로 떠나는 여행 패키지를 주제로 한 4개의 페이지입니다.

메인페이지를 맡아 작업했고, 이미지가 커질때는 영화의 포스터 컨셉, 이미지가 작아졌을때는 전시회와 엔딩크레딧 컨셉을 잡고 만들었습니다.

Tim burton

One page

HTML CSS jQuery

fila

팀버튼 감독님의 이야기와 필모그래피, 미술 작품을 담은 사이트입니다.

제가 생각한 작품들의 분위기에 맞게 각각의 섹션을 구성했습니다.

흑백의 이미지에서 Hover하면 원래의 이미지 색상이 나오고
일부 섹션은 컬러와 흑백의 대조를 컨셉으로 정해 작업했습니다.

사이트를 만들며 어릴적 추억도 상기하고 감독님에 대한 새로운 정보도 알게되어 재밌는 시간이었습니다.

Tamburins

Responsive web design

HTML CSS jQuery

Tamburins

화장품 브랜드 < tamburins >의 사이트입니다.

컬렉션별로 향의 주제와 의미를 담아 진행한 전시와 오프라인 플래그십 스토어를 안내합니다.

Jack Daniel's

Shopping mall web design

HTML CSS jQuery

Jack Daniel's

주류 브랜드 < Jack Daniel's >의 사이트입니다.

재밌는 주제에 대해 고민하다가 위스키와 칵테일 레시피를 활용해 제작해보고 싶어서 선택하게 되었습니다.