지영_포트폴리오

Animeon

리액트를 이용하여 애니메이션 플랫폼을 만들었습니다. 이번엔 php 없이 로컬스토리지와 JSON 파일을 활용해 만들었습니다. 이번에도 카카오 지도 api와 날씨 api를 사용하였고 메인페이지에서는 날씨를 이용해, 애니메이션을 추천해주도록 했습니다. 로컬스토리지를 이용해서는 찜하기, 장바구니 기능을 이용하였습니다. 이번 프로젝트에서는 회원가입, 로그인, 카테고리 목록 체크, 상품 상세 페이지가 팝업으로 작업되어 있습니다.

구분ㅣ팀 프로젝트(4명) 기획ㅣ70% 디자인ㅣ80% 개발ㅣ50% 작업 파트ㅣ마이페이지, 카테고리 목록(팝업)

사용프로그램ㅣ

testㅣ구글 간편로그인

소요기간

2월 3일(월) ~ 3월 13일(목) 약 5주

년 월

일

월

화

수

목

금

토

NEDE

Vue를 이용하여 모바일 전용 사이트와 아이웹을 사용해, PC버전을 제작했습니다. Vue에서도 카카오 지도 api와 날씨 api를 끌어왔고 php를 이용해서 회원가입, 로그인이 가능하도록 하였으며, 로그인을 한 사람들만 리뷰페이지에 글을 작성할 수 있도록 하였으며, 본인이 작성한 리뷰는 본인만 수정 삭제를 할 수 있게 했습니다. 그리고 로컬스토리지를 이용해서 찜하기와 장바구니에 내용이 담기거나 삭제할 수 있도록 했습니다.

구분ㅣ팀 프로젝트(3명) 기획ㅣ70% 디자인ㅣ80% 개발ㅣ30% 작업 파트ㅣ기획안, CSS

사용프로그램ㅣ

test ID / Passwordㅣ123 / 123

소요기간

11월 15일(금) ~ 1월 23일(목) 약 10주

년 월

일

월

화

수

목

금

토

한국건강가정진흥원

html, css에 대한 이해도가 조금 높아졌습니다. php를 이용하여 회원가입, 로그인, 마이페이지에서 수정 기능, 게시판 기능들을 넣었습니다. 데이터베이스를 이용하여 데이터를 저장할 수 있고 쿠키를 이용하여 메인 팝업에 '오늘 하루 이 창을 열지 않음'을 체크하면 하루 동안 재접속 시에도 열리지 않도록 했습니다. 추가적으로 카카오 지도 api와 날씨 api를 사용하여 '찾아오시는 길'에 적용시켰습니다.

구 분ㅣ개인 프로젝트 기 획ㅣ100% 디자인ㅣ100% 개 발ㅣ100%

사용프로그램ㅣ

test ID / Passwordㅣ123 / 123

소요기간

11월 18일(월) ~ 12월 2일(월) 약 2주

년 월

일

월

화

수

목

금

토

세종문화회관

html, css를 배운 후 처음으로 만든 반응형 사이트입니다. 벤치마킹 후 포토샵으로 레이아웃을 잡은 후 작업에 들어갔습니다. 첫 작업물이다보니 잡아둔 레이아웃들을 구현하는 것이 벅차 생략한 것도 많았고 반응형 개념이 잡히기 전이라 헤더 부분이나 콘텐츠 부분들이 무너집니다. 여러 부분에서 아쉬움이 남는 첫 작업물입니다.

구 분ㅣ개인 프로젝트 기 획ㅣ100% 디자인ㅣ100% 개 발ㅣ100%

사용프로그램ㅣ