200407_포트폴리오 사이트 완성, 리팩토링 계획

 

사진 포트폴리오 사이트를 개발하려는 마음을 먹은게 1월 30일이었다. 그리고 4월 6일부로 사이트의 모든 기능과 디자인을 1차 마무리 지었다. 

앞으로 버그 픽스랑 리팩토링이 돼야겠지만, 일단은 목표한 기능 구현은 모두 해냈다. 

이제 간단히 쓸모없는 파일과 코드를 정리하고 깃헙에 올려서 관리하는 단계로 넘어가야겠다. 

 

200408_파일 정리, css 정리

안쓰는 파일과 css파일 각주를 정리했다. 이제 깃헙에 올릴 파일들을 선별하고 폴더트리를 만들어야겠다. 

 

200412_디자인 마감, 버그수정

여러 기기에서 잘 돌아가는지 테스트 해보고,

     1. 기기에 따라 전체화면이 제대로 표시되지 않는 현상(내용물의 width값이 body width값을 초과하면 100vw값을 줘도 꽉 차게 표시되지 않는다)

     2. nav subwrap container 사이 간격 조절

     3. 리스폰시브 사이즈 조절

     4. admin 페이지 모바일 최적화

     5. 갤러리 루프

 등의 문제들을 잡았다. 이제 실사용에 문제 없는 수준으로 다듬어진 것 같다. 

 

다음 프로젝트로 변방의북소리 웹진(가제)를 진행하기 전에 먼저 이번 프로젝트의 후기를 작성하고 넘어가야겠다.

 

--깃허브 업로드까지 완료. 이제 사진 포트폴리오 사이트 개발이 일단락 되었다.

 

- 개발 기간 : 20200130 ~ 20200412 (약 2.5개월)

- 사용 기술 : HTML, CSS, Javascript, AJAX, PHP, MySQL

- 사용 장비 : 윈도우 랩탑, 시놀로지 NAS

 

 

링크 : PHOTOHND PHOTOGRAPHY

developing a personal photographic portfolio webpage

프론트 스타일은 6개 카테고리를 먼저 제시하고 카테고리를 선택하면 추가 사진을 보여주는 방식

<기본 구조> header : 사이트 이름 nav : 사진 카테고리 표시, 클릭하여 세부 카테고리 or 갤러리 표시 section : 프로젝트, 소개 표시

• projects : 출판, 전시, 기타 프로젝트 소개
• about : 사진가 소개 footer : 저작권 표시

디폴트 : 대표 이미지 위에 카테고리 이름 표시 각 카테고리 마우스 호버링 효과 각 카테고리 마우스 클릭/터치 : 카테고리별 갤러리 표시

관리자 페이지 링크 : PHOTOHND PHOTOGRAPHY Admin

<관리자 페이지> 갤러리 이미지, 썸네일, 프로젝트 게시물 관리(CRUD)