티스토리 뷰
2주차 커리큘럼에는
jquery, ajax, api 라고 되어 있었는데
ajax는 솔직히 잘 기억도 안나긴하는데
2주차에는 javascript와 jquery를
vscode에서 어떻게 해보는지
사용해보는 연습을 하게 되었다.
사실 지난 수업보다 조금씩 복잡해지고 있기는 한 것 같은데
강사분이 겁먹지말라, 너무 걱정하지 말라 얘기해주시는데
플라시보효과처럼
어느정도 겁먹고 손을 떼는 거보다는
효과적이었다.
그리고 1주차를 끝내고 2주차 수업을 들을 때는
희한하게 코딩을 하고서
브라우저에 바로 볼 수 있도록 해주는
Live Server가 말을 잘 안듣는 것이었다.
자꾸
Server is Started at port : 5500
이런 것이 뜨면서
저번주에는 저장만 하면 바로 코드 수정한 대로
뜨더니 이제는 크롬 브라우저를 아예 한 번 닫거나
해야지만 조금씩 수정이 된다.
중간중간 내가 뭐가 틀렸는지도
알 수가 없으니
해결책은 무조건 코드를 지웠다가
다시 처음부터 강의 순서대로
짜는 것 뿐이었다.
나름 구글링해서 찾아본다고 했는데도
전혀 답을 찾을 수가 없어서
답답했던 2주차였다.
가장 기억에 남았던 내용들은
역시 숙제였던 거 같은데
홈페이지 상단에 오늘의 서울 날씨를
자동으로 업데이트 된 값으로 항상 표시되게
하는 것이었다.
지난주에 비해 조금 헤매이긴 했지만
let 다음의 이름은 직관적으로 temp라 이름하고
url 데이터에서 가져올 것은 'temp'값만 가져온다.
그래서 최종적으로 나타나야 할 것은
$함수로 사용해서
<body>
<div class="mytitle">
<h1>내 생애 최고의 영화들!</h1>
<div>현재 서울의 날씨 : <span id="temp">20</span>도</div>
<button onclick="hey()">영화 기록하기</button>
온도 값이 나와야 할 위치인 id temp의 앞에 #를 붙여
$'#temp'
로 만들고 "00도"라고 나와야하기 때문에 문자 text를 붙인다.
그리고서 그 온도의 데이터의 출처인 (temp)를 써넣는다.
<script>
$(document).ready(function () {
fetch("URL입력하는 곳").then(res => res.json()).then(data => {
let temp = data['temp']
$('#temp').text(temp)
})
})
</script>그 정답이 이것.
익숙하진 않지만
반복문, 조건문 쓰는 법
append, text, empty, fetch,
$, ``(backtick), {}(dictionary), [](let:값을 담는 박스) 등등
또 다양한 함수들 을
사용해볼 수 있었던 시간이었다.
'공부 > etc.' 카테고리의 다른 글
| [개발일지] [왕초보] 비개발자를 위한, 웹개발 종합반 1주차(스파르타코딩클럽) (0) | 2023.04.09 |
|---|