heyday2024 님의 블로그

서버 --> 클라이언트 : JSON 데이터를 받음(text 데이터를 긁어오는 방식) 클라이언트 --> 서버: GET 요청API: Application Programming Interface, 어떤 응용 프로그램에서 데이터를 주고 받기 위한 방법.  API 유형REST API (Representational State Transfer): HTTP를 사용해 자원(Resource)을 CRUD (Create, Read, Update, Delete) 방식으로 처리.SOAP API (Simple Object Access Protocol): XML을 기반으로 한 메시징 프로토콜을 사용해 데이터 교환을 처리.GraphQL: Facebook에서 만든 쿼리 언어로, 클라이언트가 원하는 데이터 구조를 정확히 정의해 서버에서..

복습:  jQuery는 JS를 더 쉽게 조작할 수 있게 남이 만들어 놓은 코드 모음, 라이브러리. fetch? 인터넷을 통해 데이터를 요청하고 받아오는 과정!(fetch는 짧은 코드로 데이터를 가져올 수 있음.) function openClose() { $("#postingBox").toggle(); }요소의 id가 postingBox이고 특정버튼을 클릭했을때 해당 요소를 display="none"시키고 싶음.이를 위해 jQuery toggle 매소드 이용함.  https://api.jquery.com/toggle/ .toggle() | jQuery API DocumentationDescription: Display or hide the matched elements. No..

브라우저에 동적인 기능을 추가하기 위해 Javascript를 씀!  1) let으로 변수(와 해당하는 값) 선언, 두개에 다른 문자열 더하면 하나의 문장으로 생성 가능.  2) 리스트 [], 딕셔너리 {}let a = ['사과', '배', '수박'];console.log(a[0]);let person = {'name':'bob', 'age':30, 'height':180};let name = person['name'];console.log(name); //bob  3) 반복문(리스트와 주로 같이 쓰임), 조건문let age = 15;if(age let ages = [1,2,3,4,5,6];ages.forEach(el => {console.log(el)});  4) 함수function hey(){alert..

오늘은 Bootstrap으로 netflix가 아닌 jiflix를 만들어봤다 ㅋㅋㅋㅋ 우선 bootstrap을 사용하기 위해 아래와 같은 코드를 헤드안에 삽입했고,  구글 폰츠에서 Gowun Dodum 폰트를 이용했다.@import url("https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap");* {font-family: "Gowun Dodum", sans-serif;} 부트스트랩에서 cards, jumbotron, buttons, floating labels 등을 검색하고 적절한 스타일을 선택했다. 그 후 각각 해당되는 코드를 가져와서 조금씩 수정함으로서 웹페이지를 만들어보았다. 굉장히 사용하기 간편했고, 웹페이지 또한 보기 좋은(..