Ajax는 jQuery가 import 되어 있는 페이지에서만 작동 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성 } }) Ajax 기본 골격 및 설명 $.ajax({ type: "GET", url: "http://openapi.se..
전체 글
개발 일지1. 서버-클라이언트 통신 API: 통신 창구 서버 -> 클라이언트: 데이터 제공 형식 - JSON (key:value 형식) 클라이언트 -> 서버: 데이터 요청 방식 - GET, POST Get: 통상적으로 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 POST: 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 2. GET 방식 네이버나 구글에 검색하는 것도 get 방식 예) https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967 ?을 기준으로 영화 정보: code=161967 -> code라는 이름에 영화번호를 담자고 서버개발자와 클라개발자가 미리 약속 서버..
js 복습 포스팅박스 열기 클릭 수에 따라 다른 alert 창 띄우기 cnt를 함수 밖에 설정해야 축적이 됨 jQuery는 길고 복잡한 js 코드를 간단하게 쓸 수 있도록 미리 만들어진 라이브러리 (따라서 import 필수!) bootstrap에 이미 jQuery import 되어있음 bootstrap 사용하지 않을 때는 jQuery CDN을 html head에 복사 // id 값이 article-url인 곳을 가리키고, val()로 입력값을 가져온다 - input box의 경우 $('#article-url').val(); // id 값이 article-url인 곳을 가리키고, 입력값을 'something'으로 한다 - input box의 경우 $('#article-url').val('something'..
나만의 쇼핑몰 메인페이지 만들기 수제버거 price: $5 세상에서 제일 맛있는 수제버거 팝니다. 주문자 이름 수량 수량 선택 One Two Three 주소 전화번호 주문하기
//함수 // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 function sum(num1, num2) { console.log('num1: ', num1, ', num2: ', num2); return num1 + num2; } sum(3, 5); // 8 sum(4, -1); // 3 콘솔에서 shift+enter하면 줄바꾸기 //조건문 function is_adult(age){ if(age > 20){ alert('성인이에요') } else if (age > 10) { alert('청소년이에요') } else { alert('10살 이하!') } } is_adult..
브라우저가 이해하는 프로그래밍 언어 작업 중인 웹페이지의 콘솔 창에서 코딩 맛보기 기사저장 버튼 클릭시 js의 hey() 함수 작동하여 alert 창 생성 //변수, 기본연산 //let으로 변수 선언, 한번 선언하면 다시 안함 let num = 20 num = 'Bob' //사칙연산, 문자열 더하기 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 //리스트 let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또..
bootstrap: 남이 잘 만들어 놓은 css 가져다 쓰기 Primary https://getbootstrap.com/docs/4.0/components/alerts/ Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅박스 열기 아티클 URL 간단 코멘트 기사저장 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여..
1. 웹의 동작 개념 html을 받는 경우 우리가 보는 웹페이지는 브라우저가 서버에 요청한 html 파일을 받아 그려주는 것 서버가 만든 API라는 창구에 미리 정해진 약속대로 요청을 보냄 예) https://naver.com/ 은 "naver.com"이라는 서버에 "/" 창구에 요청을 보낸 것 데이터만 받는 경우 html 말고 데이터만 전송받기도 한다 데이터만 내려받은 경우, JSON 형식으로 2. html 기초 개념 1) html: 크게 head와 body, 태그로 이루어짐 head는 페이지 속성정보, body는 페이지 내용 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글..