django - 점프투장고 시간표시 안됨 및 정렬 문제 해결

점프투장고

 

1.책대로 따라하는데 표현되어야하는 시간이 표시가 되지 않았습니다.

-해결방법으로 다음과 같은 절차를 따랐습니다.

 

1)터미널에서 python manage.py shell

을 통해서 모델에 정의된클래스.objects.all()

를 통해서 내용이 있는지 확인

 

2)models.py에 표시되지 않는 시간이 정의가 안되어있는지 확인 및

오타 확인

 

3)그래도 확인이 안되서 admin페이지에서 확인

-여기서 명확히 시간에 대한 개념이 존재함을 확인

-이미 2)과정을 통해서 메서드 명칭이 틀리지 않다는 것 또한 확인

 

3)css 문제가 있을거라 생각하여 찾으려고 했음

-하지만 css번들셋트로 통으로 다운받은것이라 가독성이 떨어지는 수준이 아니라 다 따닥따닥 붙어있어서 해석이 불가했음

 

4)차선책으로 크롬 브라우저의 개발자 도구를 통해서 해당 날자의 영역이 있는지를 확인

-확인했음

-하지만 몇가지 문제가 발생함

-첫번째문제는 색상(텍스트, 백그라운드)의 부재, 두번째는 분명히 flex정렬로 center로 되어있는데 문제영역의 시간은 왼쪽, 답변영역의 시간은 오른쪽으로 배열이 되어있었음

 

5)이를 해결하고자 우선은 디테일한 css명령을 확인하고자함
<div class="badge badge-light p-2">

라는 내용이였는데, 웹스크래핑할때 배웠음에도 혹시나 css를 먹일때는 다르지 않을까? 싶어서 시도를 안했지만 

-1차적으로 css 띄어쓰기로 구글링을 하였고, 그 외로 css 띄어쓰기 표현 등을 검색했으나 css로 어떻게 띄어쓰기를 표현해주는 정보만 나왔음

-2차적으로 django커뮤니티에 문의 후 해당 css를 먹이려면

div.badge.badge-light.p-2

라고 쓰면 된다고 답변받음.

답변과 동시에 띄어쓰기도 하나의 클래스 처리를 하는구나. 그래서 .으로 표시하는구나 라고 명확히 알게됨

 

6)이를 통해서 color, background-color를 먹여서 이제는 시간이 보임

 

7)남은문제는 정렬 문젠데,

-개발자도구로 정렬에 관련된 flex, align등을 모두 꺼봤음. 변동사항은 있었으나, 내가 원하는 변화는 없었음

-구글링으로 처음에는 css 글씨 오른쪽 정렬로 검색했는데 나오는 text-align은 별로 실효성이 없는듯했음

-키워드 변경하여 css 우측 정렬 로하니깐 여러가지가 나오기 시작했고, 그중에서 시도해본

float: right; display: flex; justify-content: space-between;

을 추가로 먹여준 다음에

-개발자 도구를 통해서 보게된 문제가 되는 .d-flex의 내용을 주석처리 해줌

 

결국 해결되어서 결과적으로 시간표시, 시간들이 모두 우측 하단에 잘 정리됨