우주바다 개발일지

frontend 폴더에 02_ajaxquiz01.html 파일 만들고 시작. 기본 골격 붙여 넣고, 서울시 실시간 데이터 페이지 참고하면서 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 버튼 누르면 실시간 업데이트 되는 기능 만들기. 내가 작성한 코드랑 강의 코드. 작동도 잘 되고, 보기에는 같은 내용을 한 줄에 쓴 것 같은데 이렇게 써도 되는 건지 모르겠어서 일단 내 코드는 주석으로 남겨놨다. function q1() { $('#names-q1').empty(); $.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/6d4d776b466c..

연습용 html 파일 생성. 02_jquery 이미 있으니 복습용으로 _review 붙여서 만들었다. 내용 다 지우고 기본 골격 붙여넣고 시작, Quiz. 완성 페이지를 참고해서 기능 구현하기. 원본 퀴즈 페이지 단순하게 내용 편집 후, 문제 풀이 시작! 원래는 이름 붙이는 건데 끝말잇기로 만들면 재밌을 것 같아서 바꿔봤다. 1번 문제 빈칸에 입력한 값을 가져와서 담을 변수를 정해야하는데 let $('#아이디').val() = 'content' 라고 해서 막혔다. 정답은 반대로 입력해야 함. 변수를 선언하는 거니까 변수 이름 먼저! let content = $('#아이디').val(); let 변수이름 = 가져올 값 2번 문제 힌트에 includes 사용하라는데 .includes 로 썼던 것 같아 기억나..

라이브러리 쓸 때 가장 먼저 할 일은 import! ▼ w3schools 의 jQuery 카테고리 ▼ https://www.w3schools.com/jquery/jquery_get_started.asp Google CDN 을 복사해서 head 태그 안에 붙여 넣으면 되는데... 부트스트랩에서 import 했던 코드를 보면 같은 내용이 이미 있다. (동적인 부분이 css에 포함되어있기 때문) 지금은 다른 과제를 하느라 있지만, 없는 경우에는 위 방법으로 import 해야한다. CSS에서 대상을 꾸밀 때, class로 이름 붙이고 명령 했듯이 class = " 이름" JQuery에서는 id를 부여하고 명령한다. id = "이름" 이메일 입력하는 칸 Elements 창을 켜고, 해당 부분 확인 /* 원하는 이..