HTML&CSS (4) 썸네일형 리스트형 [TIL] 20240216 4일차 개인 페이지를 완성하고 배포하는 프로젝트를 진행하는 도중에 2개의 문제가 발생했다. 1. navbar 안에 요소를 배치하는 과정 시계를 넣을 때 가운데에 배치되지 않고 가운데에서 조금 위에 배치되는 문제가 발생한다. 원인을 파악해보니 p 태그의 기본 설정이었다. p 태그를 씌우면 margin-bottom이 16px가 설정되어서 가운데 배치가 제대로 되지 않았다. 그래서 a 태그를 씌움으로써 해결했다. 2. 로컬 환경과 배포 환경의 차이 원래 html 코드 상으로 http 주소로 요청을 보내서 json 형식의 데이터를 fetch해서 가져오는 파트가 있었는데 로컬 환경(로컬 컴퓨터에서 flask 실행해서 여는 서버)에서는 http 페이지에서 http 주소로 요청하는 식이라 문제가 없었지만 배포 환경(클라우드.. [TIL] 20240215 3일차 1. javascript의 fetch, python의 request javascript의 fetch가 수행하는 것과 python의 request가 수행하는 것이 비슷하다. fetch(url) .then((response) => response.json()) .then((result) => { console.log(result) }) 이런 형태가 기본적인 promise 객체 리턴을 하는 형태라고 하는데 자세한 것은 https://triplexblog.kr/170 여기 링크를 참고해서 공부하면 될 것 같다. import requests r = requests.get(url) rjson = r.json() # 작성할 코드 파이썬에서는 requests 라는 라이브러리를 이용해야 하긴 하지만 javascript와.. [TIL] 20240214 2일차 ● 강의 1주차 멜로디쉐어 숙제 - fixed-top 과 sticky-top의 차이점 ● 강의 2주차 데일리모토 숙제 - class를 지정한 element에 접근하는 jQuery // $('img.weathericon') 으로 접근할 수 있다. - element의 속성(attr) 값만 변경하고 싶을 때 jQuery $('img.weathericon').attr("src", link) // 1번 줄의 img element의 속성값(attributes) 중 "src"의 값을 link로 변경하라 는 뜻 ★ 오류 해결 1. 태그()를 제대로 닫았냐 여부로 요소들이 의도대로 배치될지, 그렇지 않을지 결정된다. 2. 코드 작성 후 오류가 발생했을 때 오타가 있는지도 체크해야 한다. ① ~ ⑥의 navbar에 오타를.. [TIL] 20240213 1일차 ★ VS Code 단축키 ALT + Z: 창에 맞춰 내용 보여주기 ON/OFF ALT + 방향키 ↑ or ↓ -> 종속 바꾸기 line 작성 시 (태그유형).(클래스이름) 작성 후 TAB을 누르면 으로 자동 완성된다 이전 1 다음
