[220325] 연극 예매사이트 팀플 기록) 7. 통일성 있는 디자인을 위해 수정하기

현재 하고있는것

1)   통일성 있는 디자인을 위해 컬러칩, 전체적인 nav툴 작성 완료.

후보로 만들었던 nav 디자인들.

 

 

2)   list/grid/calendar 형태를 url 이동 없이 ajax를 사용해서 그려야함.

일단... 저 3개를 통일성 있는 형태로 꾸겨 넣어보자.

버튼식으로 클릭할때마다 리스트형, 앨범형, 캘린더형으로 바뀌도록.

 

 

3)   공용폰트 지정함

사용자/개발자/브라우저렌더링-들을 다 체크하고 폰트를 정하는게 맞구나...

이거 안 정하고 진행했다가 폰트이슈 처절..

 

이슈 발생 배경
웹폰트가 사용자 컴퓨터에서 구동되지 않을때 폰트가 깨지는 것을 방지하고자, 서버에 폰트를 업로드함.

 

이슈 발생
다운로드 받은 폰트명이 프로그램상에서 보이는 폰트명이랑 안 맞음.

 

이슈 해결과정
공통적으로 웹폰트를 받은 후에, 후에 그 폰트가 구동되지 않으면 차선책으로 서버에 있는 폰트를 업로드 되게함

 

새 이슈 발생
브라우저마다 폰트라 렌더링 되는 모양이 다르다.
근데 내가 선택한 폰트가 크롬에서 구동할때 의도했던 폰트 모양이 나오지 않음.

 

현재 상태
폰트에 치중할 시간이 많지 않기 때문에, 우선 공통적으로 사용할 무난한 폰트를 웹폰트로 끌고옴.
공동작업에서도 특별하게 모나지 않는다면 이대로 진행할 듯

 

white-space:nowrap 적용시 html 외부에 여백이 생기는것 해결함.

 

 

개인적으로 보충학습해야할 것

파일을 페이지로 가져오는 기능.

 

팀플 현재 진도

각자 백엔드, 프론트엔드, 데이터베이스 맡아서 전체적 진행중