A Developing Developer

- Ajax 복습하기 http://spartacodingclub.shop/web/api/movie API 를 이용해서 기존의 '내 생에 최고의 영화' index.html 에서 API 에 JSON 형태의 데이터를 받아와서 추가해줄 것이다. http://spartacodingclub.shop/web/movie 스파르타 피디아 더 수어사이드 스쿼드 살고 싶다면 무조건 성공시켜라!최강 우주 빌런에 맞선, 자살특공대에게 맡겨진 ‘더’ 대책 없는 작전.... ⭐⭐⭐ spartacodingclub.shop 이렇게 만들 것이다. - 우선 Ajax 를 사용하기위해서는 jQuert 를 사용할 수 있어야하고, - head 태그 가장 아래에(통상적으로) script 태그에 작성한다.(물론 코드가 길어지면 index.js 파일..

- Ajax(Asynchronous JavaScript and XML) 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다. ! Ajax 는 jQuery 를 임포트한 페이지에서만 동작 가능하다. - Ajax 기본 골격 GET 요청은, url 뒤에 API 주소를 붙혀서 데이터를 가져갈수 있게 한다. (서울 미세먼지 API) http://spartacodingclub.shop/sparta_api/seoulair POST 요청은 data:{} 에 넣어서 데이터를 가져간다. (예시) data: { param: 'value', param2: 'value2' }, success: function (response) { } 성공하면 resopn..

JSON? Key, Value 형태로 이루어져있는 자료형으로 List 와 Dictionary 가 혼합(?)되어있다. RealtimeCityAir 이라는 키 값에 딕셔너리 형 Value 가 들어가있고, 그 안에는 row 라는 키 값에는 리스트형 value 가 들어있다. API? API는 은행 창구로 설명할수 있는데, 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것 처럼, 클라이언트가 요청 할 때도, "Type" 이라는 것이 존재한다. - GET -> 통상적으로 데이터 조회(Read)를 요청할 때 - POST -> 통상적으로 데이터를 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 ! GET 방식으로 데이터를 전달하는 방법 h..

내일배움캠프 4기 사전캠프 4일차 - Javascript - 짝 / 홀수 판단하는 방법 CLICK ---- 여기서 잠깐! Javascript function 을 만들다가 동작을 안해서 시간을 잡아먹었는데, CLICK 무엇때문에 동작을 하지 않는 것일까? Javascript 에는 click() 이 이미 메소드로 만들어져있는거 같다. https://developer.mozilla.org/ko/docs/Web/API/HTMLElement/click HTMLElement.click() - Web API | MDN HTMLElement.click() 메소는 엘리먼트에 마우스 클릭을 시뮬레이션합니다. developer.mozilla.org 미리 만들어져 있는 메소드명은 새로운 함수명으로 해주면 동작을 안하는 것 같..

내일배움캠프 4기 사전캠프 3일차 - CSS - 포스팅박스 내 생에 최고의 영화 영화 기록하기 영화URL 별점 --선택하기-- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 탑건(매버릭) 최고의 파일럿이자 전설적인 인물 매버릭(톰 크루즈)은 자신이 졸업한 훈련학교 교관으로 발탁된다. 그의 명성을 모르던 팀원들은 매버릭의 지시를 무시하지만 실전을 방불케 하는 상공 훈련에서 눈으로 봐도 믿기 힘든 전설적인 조종 실력에 모두가 압도된다. 매버릭의 지휘아래 견고한 팀워크를 쌓아가던 팀원들에게 국경을 뛰어넘는 위험한 임무가 주어지자 매버릭은 자신이 가르친 동료들과 함께 마지막이 될 지 모를 하늘 위 비행에 나서는데… ⭐⭐⭐⭐⭐ 꼭 한번 보세요. 탑건(매버릭) 최고의 파일럿이자 전설적인 인물 매버릭(톰 ..

내일배움캠프 4기 사전캠프 2일차 HTML 은 뼈대, CSS는 꾸미기, 내일 진행할 JavaScript 는 동작의 역할을 한다. - HTML HTML은 크게 head 와 body 로 구성된다. head 안에는 페이지의 속성 정보를, body 안에는 페이지의 내용을 담는다. head 안에 들어가는 대표적인 요소 : meta, script, link, title 등 - prac.html , , , , , , , , , , , . 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span ..

내일배움캠프 4기 사전캠프 1일차 (강의랑 강의자료랑 약간의 갭이있어서 강의자료로 복습하려고하니까 이해 안되는게 있어서 큰일이다... 일단은 넘어가자) [스파르타코딩클럽] 웹개발 종합반 - 1주차 - 웹의 동작 개념(HTML을 받는 경우) 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것 이다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2)받은 HTML 파일을 그려주는 일 뿐이다. 1)은 서버에서 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것 이다. -------------------------------------------------------------------------------------------------------..