웹 개발 prep course 2주차

배운 내용

• JavaScript 문법의 다양한 활용법
• JavaScript의 라이브러리인 JQuery 활용법

• Ajax로 서버 API 데이터 조회

  1. 서버→클라이언트로 데이터를 보내는 포맷인 "JSON"을 이해하기
  2. type에서 GET과 POST의 차이

     • GET : 데이터 조회(Read)를 요청할 때 사용
       ? : 여기서부터 전달할 데이터가 작성된다는 의미입니다.
       & : 전달할 데이터가 더 있다는 뜻입니다.
       
       
       예시) google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8
       위 주소는 google.com의 search 창구에 다음 정보를 전달합니다!
       q=아이폰 (검색어)
       sourceid=chrome (브라우저 정보)
       ie=UTF-8 (인코딩 정보)

     ---

     • POST : 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청할 때 사용

  3. ajax 기본 골격 코드

     $.ajax({
       type: "GET",
       url: "https://api.manana.kr/exchange/rate.json",
       data: {},
       success: function (response) {
         console.log(response)}</div>`)
       }
     })

• 강의자료

느낀 점

JavaScript의 간단한 문법과 JQuery 활용은 익숙한 부분이라 이해가 쉬웠다.
Ajax 활용을 위해 조건문, 반복문과 리스트, 딕셔너리 자료형에 대한 내용을 실습할 수 있어서 좋은 경험이었다.
원하는 레이아웃을 짜고 api 데이터를 가져와서 원하는 위치에 뿌려주면 데이터를 보여주는 웹사이트는 쉽게 만들 수 있을거란 생각이 들었다. 거기에 부트스트랩 컴포넌트를 이용하여 예쁘게 꾸며줄수도 있을것이다.
얼른 토이 프로젝트를 진행해보고 싶다.