ProjectFFF / FFF

Find Fine Fit (First Django Project)
BSD 2-Clause "Simplified" License
5 stars 0 forks source link

closet app : 레이아웃 구성 #6

Open baaaam771 opened 4 years ago

baaaam771 commented 4 years ago

레이아웃 구성을 위해 어떤 요소들이 필요할지 같이 고민해봅시다. closet

chuuchuuu commented 4 years ago

https://getbootstrap.com/docs/4.5/examples/blog/ 이걸로 이 페이지 만들 수 있지 않을까 했어

캡처1

chuuchuuu commented 4 years ago

캡처2

이것도 위에꺼랑 (텍스트,버튼)위치만 바꾸면 되지 않을까 싶었어. 근데 카테고리 분류는 무신사 보고 한 거라 방법 찾아봐야겠넹.

chuuchuuu commented 4 years ago

image

이 페이지는 1번. https://getbootstrap.com/docs/4.5/examples/album/ 이거나 2번. https://getbootstrap.com/docs/4.5/examples/pricing/ 이거 생각했어. 1번 링크 참고해서 한 건데 내가 좀 다르게 그려놔서 다르게 보일 거 같네. 근데 굳이 내가 만든 거에 맞춰서 제작하는 것보다 1번 부트스트랩에 맞춰서 만들어도 상관 없을 거 같아. 크게 의미가 달라지진 않을 거 같아서.

chuuchuuu commented 4 years ago

image

이 동그라미 친 부분 내 뇌피셜로 만든 건데 저렇게 불러온 사진을 미리보기로 보이게 하는 게 어려울 거 같아서 그냥 '내 컴퓨터 파일 불러오기 버튼' 링크 달아놓는 걸로 끝내도 괜찮을 거 같아. 물론 그 불러오기 방법을 찾아야겠지만 일단 페이지 넘겨보다가 내가 만들어둔 이미지 자체에 고민하다 너무 어려워지면 어쩌나 싶어서 이야기해봐....

baaaam771 commented 4 years ago

적용 프로필 정렬 이슈가 생겨 새로운 이슈 생성 https://github.com/ProjectFFF/FFF/issues/8

baaaam771 commented 4 years ago

[python, django] 상속이냐, 포함이냐 extends and include http://blog.daum.net/elther2/135

KimHoya commented 4 years ago

https://html5up.net/strongly-typed 이 디자인 참고해도 좋을꺼 같아. 캡처

baaaam771 commented 4 years ago

https://getbootstrap.com/docs/4.5/examples/blog/ 카테고리 카테고리 참고용

baaaam771 commented 4 years ago

내 옷장 page에서 새로 등록 버튼 구성 새로 등록 이 쯤

baaaam771 commented 4 years ago

유저화면과 3개의 버튼 위치를 통일 시켰습니다. 옷장

css를 개별적으로 넣어주고 closet.html을 따로 만들어주어 반복되어 사용하는 레이아웃을 빼서 사용할 수 있게 해주었습니다. Extend와 block을 이용하는 것이 속도는 훨씬 빠르다 하지만 한 페이지에 중복해서 사용할 수 없기 때문에 어쩔수 없이 include를 사용하였고 include가 사용방법도 훨씬 편하다.