94day / Final Project / Index 풀 체인지! (데이터주의!)

프로젝트 종료까지 겨우 3일

기존의 Index는 이렇게 생겼지만

팀원들에게 사진을 제공하는 웹 서비스인만큼 사진에 집중하는 구조를

만들어보자며 일명 큐브식 레이아웃 페이지를 제안해본 적이 있었다.

결귝 큐브 느낌의 Full Page인데

Single Page 구성으로 상하좌우 결국 4 Way 방식을 채용하자는 아이디어였다.

요약

1. 무조건 사진을 Full Size 보여주는 Page 방식
2. Sing Page 이지만 위 아래로 Page를 이동하는 구성
3. Page 마다 좌우로 컨텐츠를 제공
4. 밑의 2가지 형식을 합쳐서 Page를 제공한다

 위 아래로 움직이는 jQuery Carousel 플러그인으로 Video 삽입까지 가능하다.

기본 Bootstrap Carousel 이지만 Full Page로 적용할 수 있는 방법을 찾아야했다.

---

결국 구현 성공!!

움짤의 한계로 렉이 좀 걸려보이지만 실제로는 쾌적하다.

오늘은 급하게 Index를 바꾼 나 때문에

팀원들이 큰 고통을 겪었다.

1. Bootstrap과 jQuery 버전 호환문제로 충돌
2. 팀원들마다 레이아웃이 깨지거나 다르게 보이는 현상
3. 폰트때문에 input type=password 진행시 아예 텍스트가 보이지 않는 현상
4. 동영상을 넘기면 그 밑에 페이지들 위에 동영상 밑부분이 보이는 레이아웃 실수

일단 1~3번은 모두 해결 또는 대체로 마무리가 되었지만

4번은 해결하지못하여 팀원들이 그래도 바꾼게 좋다며 칭찬을 해줬다.

꼭 바꾸고 해결해야겠다.