영화 정보와 코멘트를 API를 통해 가져와서 메모장에 적용하기 영화 랭킹, 제목, 영화설명, 코멘트를 API를 통해 Ajax방식으로 가져오기 이전에 만들었던 나홀로 메모장을 응용해서 만들기 $(document).ready(function () { listing(); }); function listing() { $('#cards').empty(); $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let rows=response['articles']; for(let i=0;i ${desc} Comment: ${comment} `; $('#cards').append(tem..
코딩강의
[수업 목표] Javascript 문법에 익숙해진다. jQuery로 간단한 HTML을 조작할 수 있다. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다. 클릭했을 때 함수가 실행되도록 설정하는 방법 포스팅박스 열기 https://www.w3schools.com/jquery/jquery_get_started.asp 에서 구글스크립트를 써주어야 제이쿼리 사용가능. 임포트하는 것. Jquery 기초 콘솔에서 제이쿼리로 웹페이지 제어하기 val() hide(), show() css('width') css('display') 텍스트 바꾸기 temp에 div통째로 저장 append로 이어붙일 수 있다. 열고닫는 함수 적용하기 style에 기본값 display: none; 적용하면 처음부터 안보이게 ..
12~16. JS 기초문법 List push : 리스트의 마지막에 추가, 인덱스를 반환 Dictionary push안쓰고, 없는 키에 바로 값을 넣으면 생성된다. 값으로 리스트를 넣을 수 있다. split 함수 사용 나누어진 리스트를 반환한다. 함수 만들기 덧셈값을 반환하는 함수를 정의한다. 두 개의 값을 더한 값을 반환해준다. 함수에 alert기능 추가하기 alert메세지에 주어진 값을 활용한다. 조건문 if 20이상인 값이면 성인입니다를 출력한다. 반복문 for 0부터 20미만까지, i를 1씩 증가시키면서 총 20번 console.log를 실행한다. 응용예시 1. 서울시 미세먼지 정보 활용하기: 구 별로, 미세먼지 정보 가져와서 출력하기 가져온 미세먼지가 40이하일 경우만 출력하기 2. 서울시 따릉이..
원래 올해 초에 발급받았던 내일배움카드로 국비 컴퓨터강의를 들을생각이었다. 나는 코딩을 해본 경험이 있고, 짜여진 커리큘럼을 반강제로 따라가는것보다 스스로 부족한 부분을 찾고, 자율적으로 공부하는 방식이 잘맞는다. 그래서 국비학원을 많이 검색해보고 실망했다. 강의의 질이나 강사, 학생들의 낮은 의욕 등은 사실 국비학원의 시스템적인 문제가 크다고 생각해서 내가 잘하면 되지 라고 생각했다. 그런데 아침 9시부터 6시까지, 수준이 천차만별인 학생들을 6개월이나 데리고 간다는 게.... 그런 그룹에 속하고 싶지 않다는 생각이 강하게 들었다. 아무리 의지가 있다한들, 그 안에서 내가 원하는 결과를 얻기 힘들어보였다. 그 그룹의 상위권이 된다고 하면 얄팍한 우월감이 들 것같기도 하고, 하위권이라면 그것나름대로도 힘..