JavaScript/Webdevelopment
-
상태코드(Status_Code)JavaScript/Webdevelopment 2023. 1. 1. 11:46
이번 노트에서는 알아두면 개발할 때 도움이 되는 상태 코드(Status Code)들을 알아보겠습니다. 자, 시작해볼까요? 1. 각각의 상태 코드에는 대응되는 상태 메시지가 있습니다. 모든 상태 코드(Status Code)는 각각 그에 대응되는 상태 메시지(Status Message)를 갖고 있습니다. 예를 들어, 우리가 배운 200번은 OK, 404번은 Not Found라는 상태 메시지를 갖고 있습니다. 각 상태 코드의 의미를 모두 외우기는 힘들기 때문에 이러한 상태 메시지는 상태 코드의 의미를 빠르게 파악하는데 도움을 줍니다. 2. 상태 코드는 100번대~500번대까지 있어요. 이전 영상에서는 상태 코드 200번과 404번만 봤는데요. 사실 상태 코드는 100번대부터 500번대까지 존재합니다. 그리고 ..
-
자바스크립트 객체 표기법 vs JSON(JavaScript Object Notation)JavaScript/Webdevelopment 2022. 12. 26. 19:13
JSON [ { "id": 1, "name": "Leanne Graham", "username": "Bret", "email": "Sincere@april.biz", "address": { "street": "Kulas Light", "suite": "Apt. 556", "city": "Gwenborough", "zipcode": "92998-3874", "geo": { "lat": "-37.3159", "lng": "81.1496" } }, "phone": "1-770-736-8031 x56442", "website": "hildegard.org", "company": { "name": "Romaguera-Crona", "catchPhrase": "Multi-layered client-server ne..
-
Fetch함수JavaScript/Webdevelopment 2022. 12. 18. 14:00
Fetch함수란?! - 서버에 request를 보내고 response를 받는 함수 홈페이지를 볼 수 있는 이유는?! - 웹브라우저가 해당 홈페이지 서버에 요청을 보내고, 서버가 보내준 응답을 해석했기 때문이다 - 웹 브라우저가 서버로부터 받은 응답의 내용으로 네이버 홈페이지에 필요한 HTML, JS등 이 코드들 - 이러한 코드들을 브라우저가 해석하여 우리가 보는 홈페이지를 만드는 것 fetch함수 해석 fetch('https://www.naver.com') .then((response) => response.text()) .then((result) => { console.log(result);}); 1. fetch('https://www.naver.com') - fecth함수가 받는 인자, url로 요청..
-
웹 개발 시작하기JavaScript/Webdevelopment 2022. 12. 7. 23:54
웹 개발(web development)란?! - 정적사이트(static site) - 동적사이트(dynamic site) 서버(Server)와 클라이언트(Client) 서버(Server) - 사용자가 웹 브라우저에서 링크를 클릭하거나 정보를 입력하면 웹 사이트는 인터넷에 연결된 컴퓨터에서 정보를 가져와서 웹 브라우저(web broswer)에 보여 준다. 이 때, 인터넷에 연결된 컴퓨터를 서버(Server)라고 한다. 즉, 서버(Server)는 정보를 제공해주는 쪽 클라이언트(Client) - 사용자가 웹 사이트에 접근하려고 사용하는 PC나 태블릿 PC, 스마트 폰 등을 클라이언트(Client)라고 한다. 즉, 클라이언트(Client)는 정보를 요청하는 쪽 로그인예시 프론트엔드(FrontEnd)와 백엔드(..
-
RequestJavaScript/Webdevelopment 2022. 9. 7. 07:53
response로 html, js 뿐만 아니라 json형태의 정보도 받을 수 있다. # JSON이란 Javascript object notaiton 줄임말. 정보를 교환할 때 주도 받는 데이터 형식. JS의 문법을 본 따서 만들어짐. # 특징 1. JSON에는 프로퍼티의 이름과 값을 표현하는 방식에 제한이 있습니다. (1) JSON에서는 각 프로퍼티의 이름을 반드시 큰따옴표(")로 감싸줘야 합니다. (2) JSON에서는 값이 문자열인 경우 큰따옴표(")를 사용해야 합니다. => name, height, wieght, hobbies 가 ""로 감싸져있다. { "name":"Michael Kim", "height":180, "weight":70, "hobbies":["Basketball", "Listenin..