231106 웹개발강의 5주차 firebase , GitHub

1 <scipt type="module">

 
● firebase 를 위해  "module" 을 달면 scipt가 가장 나중에 호출된다

디자인이 입혀지기 전에 실행되는 event인 $(document).ready가 필요 없어지기 때문에 삭제

(->더 이해 필요)
 
●  OnClick 작동 X 때문에 Click을 직접 동적으로 만들어준다

이렇게 바로 넣어줌
 
 

2  불러오는 카드의 크기가 제각각이다. 카드 형식은 그대로지만 높이가 들쭉날쭉하는데  카드의 크기는 고정시켜놓고 카드 안에서 자동으로 크기를 맞추게 하려면 뭘 고쳐야 되는걸까??

"col"의 크기를 고정시켜야하는걸까 "card"의 크기를 고정시켜야하는걸까?
 
2-1 "col"의 크기를 고정시켜봤다

수어사이드 높이에 맞췄다

 

오 되는건가?

텍스트가 다 빠져나간다.....
카드 니 크기가 고정되어있든말든 지 알바 아니란 듯이 밑으로 쑥 내려간다..
그리고 카드 순서도 내가 저장한 순서랑 별개로 지멋대로다.
카드 전체 크기는 고정되어있고 이미지는 자동으로 높이 너비가 바뀌고 
제목이 길다면 아래 스크롤바가 생성되고
내용이 길다면 옆 스크롤바가 생성되게 하고싶다.
답답하다 다 고쳐서 이쁘게 만들고 싶다  완전 생초보인 내가 여기서 이거 고쳐본다고 지금 시간 보내도 되는걸까??
어차피 처음부터 다시 복습해봐야하는데 그때 제대로 고쳐볼까? 본캠프 시작하기 전에 준비해야 할 것이 아주 많다
 
그러면 목표치 공부를 다 해놓고 여유시간에 여기로 다시 돌아오자 조급해하지 말자 나는 충분히 재밌다
 
 

3 GitHub

업로드 배포 삭제 과정을 배웠다.

깃허브에 파일을 업로드한 뒤 배포하고 접속해보면 api에서 받아온 정보인 현재 기온이 안 보인다.
저장하면서 내가 실수한 줄알고 다시 코드를 써넣고 확인하고 다시 배포했는데 그대로다.
뭐가 문제일까?
강의 화면에도 똑같이 현재 기온이 표시되어있지 않다.
 
튜터님께 문의드린 결과
깃허브는 http를 강제하기 때문에 코드 속 url 이 http라 차단된 것이라 말씀하신다.
완벽히 이해되진 않았지만 당장 깃허브 업로드와 코드에 문제가 있는 건 아니라고 한다.
 
실제로 api를 받아와서 실시간 정보를 나타내는 건 깃허브를 통해서가 아니라 실제 서버를 이용해서 인가??
 

---

5주차를 끝으로 웹개발 종합반을 1회 완주했다.
돌아서면 까먹는 것이 나기 때문에 개강 전까지 두 번 더 강의를 볼 것이다.
그 전에 생활코딩이나 드림코딩 등등으로 종합반내용 외로 더 공부해보고 다시 시작해보자.
그러면 보는 시야가 처음과 달라져 있겠지?