TIL Day 80.

Jen Devver·2024년 6월 10일

내배캠 TIL

목록 보기
87/91

Django 최종 팀 프로젝트

UI/UX 수정

  • 컬러 컨셉을 정해 pure html 안에서 최대한 깔끔해보이도록

  • 메인 페이지를 구름+하늘로 해서 하늘색 계열의 레퍼런스를 찾아 컬러 팔레트 구성한 후 html, css 수정해줌

  • 부트스트랩과 기본 html로 예쁘게 하는 데에는 한계가 있어서 이 정도로만..

  • 문제: 분명히 버튼에서 인라인 style="display: block;" 을 제거해주었는데 계속 적용됨

  • 원인: html 파일과 display로 검색한 내용만 보고 있었는데, 매니저님이 js도 보았는지 여쭤보셔서 확인한 결과 js 파일에 해당 내용이 들어있었다.

    if (cartItems.scrollHeight > cartItems.clientHeight) {
        upArrow.style.display = 'block';
        downArrow.style.display = 'block';
    } else {
        upArrow.style.display = 'none';
        downArrow.style.display = 'none';
    }

이 부분을 지워주어 해결.
js에도 style을 붙여서 속성을 줄 수 있구나..!

배포 단계

  • 팀의 다른 페어가 이 부분을 맡아서 진행: nginx와 aws 로 배포
  • 배포하기 전, 후로 잘 작동하는지 테스트
  • 현재 해결 못 한 문제점: 배포 환경에서는 잘 되는데 로컬에서 도커로 돌리면 Not Found: /static/img/Silver-Lining-main.jpg 에러 발생.. static 폴더와 그 안의 파일들이 잘 되어있는 것을 확인했는데 왜 안 되는지 아직 모름. 내일 좀 더 확인해보고 정 안 되면 runserver로 돌려서 로컬 개발 환경 진행할 예정
profile
발전 중...

0개의 댓글