📖 (160) 썸네일형 리스트형 Section2 Unit8 [HTTP/네트워크] 실습 - Postman Section2 Unit8 [HTTP/네트워크] 실습 - Postman 📌 Chapter2. Postman • 웹 개발에서 사용하는 대표적인 클라이언트는 브라우저이며, 브라우저는 서버에 HTTP 요청을 보낼 수 있지만 주로 웹 페이지를 받아오는 GET 요청에 사용한다. 브라우저의 주소창에 URL을 입력하면, 해당 URL의 root-endpoint로 GET 요청을 보내며, 테스트를 위해 GET요청이 아닌 다른 요청을 보내려면 개발자 도구의 콘솔 창에서 Web API fetch를 사용해야 한다. Postman은 테스트를 위해 매번 코드를 작성하는 번거로운 작업을 대신해 HTTP 요청을 테스트할 수 있는 API 테스트 도구이다. ⭐️ 과제. Message States 요청 📌 Postman으로 GET, POS.. REST 성숙도 모델 레오나르드 리처드슨(Leonard Richardson)은 REST API를 잘 적용하기 위한 4단계 모델을 만들었다. ↓ REST API에 관한 글은 아래 포스팅 참고 🐱 REST API란 무엇일까? REST(Representational State Transfer)는 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음 소개되었다. 발표 당시 웹이 HTTP의 설계상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대 fay-story.com 리처드슨의 REST 성숙도 모델은 총 4단계(0 ~ 3단계)로 나누어져 있으며, 각 단계에 따라 충족해야 할 조건이 있다. 실제로 엄밀하게 3단계까지 지키기 어렵기 때문에 2단계 까지만 적용해도 좋은 API 디자인알고 볼 수 있다. 👾 Lev.. REST API란 무엇일까? REST(Representational State Transfer)는 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음 소개되었다. 발표 당시 웹이 HTTP의 설계상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대한 활용할 수 있는 아키텍처로서 REST를 소개하였고 이는 HTTP 프로토콜의 의도에 맞게 디자인하도록 유도하고 있다. REST의 기본 원칙을 성실히 지킨 서비스 디자인을 RESTful이라고 한다. 👾 REST API 구성 REST API는 자원(Resource), 행위(Verb), 표현(Representations)의 3가지 요소로 구성된다. REST는 자체 표현 구조(Self-descriptiveness)로 구성되어 REST API만으로 요청을 이해할 수 있다... Section2 Unit8 [HTTP/네트워크] 실습 - REST API Section2 Unit8 [HTTP/네트워크] 실습 - REST API 📌 Chapter1. REST API • REST(Representational State Transfer)는 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음 소개되었다. 발표 당시 웹이 HTTP의 설계상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대한 활용할 수 있는 아키텍처로서 REST를 소개하였고 이는 HTTP 프로토콜의 의도에 맞게 디자인하도록 유도하고 있다. REST의 기본 원칙을 성실히 지킨 서비스 디자인을 RESTful이라고 한다. • 로이 필딩이 논문에서 제시한 REST 방법론을 보다 더 실용적으로 적용하기 위해 레오나르드 리처드슨(Leonard Richardson)은 REST API.. Section2 Unit7 [HTTP/네트워크] 기초 Section2 Unit7 [HTTP/네트워크] 기초 📌 Chapter1. 웹 애플리케이션 아키텍처 • 클라이언트는 인터넷에 연결된 사용자의 디바이스, 또는 웹에 접근할 수 있는 소프트웨어를 뜻한다. 대표적인 예로 브라우저가 있다. 브라우저는 HTML, CSS, JavaScript 등으로 작성된 코드를 내부 엔진으로 해독하여 사용자가 쉽게 이해할 수 있는 형태의 콘텐츠로 보여주는 역할을 한다. • 서버는 클라이언트가 어떤 자원을 요청하면 해당 요청을 적절하게 처리하는 역할을 한다. 클라이언트느 서버의 자원을 어떻게 사용할 수 있는지 명시해 둔 인터페이스 API에 따라 요청을 전송한다. • 이렇게 클라이언트와 서버가 서로 요청과 응답을 주고받을 수 있는 것은 HTTP 통신 규약 덕분이다. 📌 Chapter.. Section2 Unit6 [React] React State & Props - 과제 Twittler State & Props Section2 Unit6 [React] React State & Props - 과제 Twittler State & Props ⭐️ 과제. React Twittler State & Props → 기본 레이아웃과 css는 코드스테이츠에서 준비한 코드를 fork해서 몇가지 기능만 덧붙이며 학습하는 과제였다. → 상세 컴포넌트를 구현하고, map()을 사용해 리스트를 출력하고, React Router를 적용해 SPA를 구현했으며, state와 props를 이용해 Tweet 전송 Form을 구현했다. 📌 구현 과정 중 Memo 1. defaultValue와 value → defalutValue와 value는 함께 쓰면 둘 중에 하나만 쓰라고 경고가 남. Warning: Tweets contains an inpu.. React 기본, props 사용하기 👾 props란? • props는 컴포넌트의 속성을 의미한다. props는 변하지 않는 immutable한 데이터이다. • props는 부모 컨포넌트에서 자식 컨포넌트로 또는 구성 요소 자체에서 데이터를 전달하는데 사용된다. 즉, 어떤 값을 컴포넌트에게 전달해줘야 할 때 사용한다. • React 컴포넌트는 JavaScript 함수와 클래스로, props를 함수의 전달인자(arguments)처럼 전달받아 이를 기반으로 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. 따라서 컴포넌트가 최초 렌더링 될 때 화면에 출력하고자 하는 데이터를 담은 초깃값으로 사용할 수 있다. • props로 어떤 타입의 값도 넣어 전달할 수 있도록 props는 객체의 형태를 가진다. • props는 외부로부터 .. React state와 간단하게 알아보는 useState 👾 state란? • state는 컴포넌트 내에서 변할 수 있는 값, 즉 상태를 의미한다. • React 컴포넌트는 state가 변경되면 새롭게 호출되고, 리렌더링 된다. (UI가 자동으로 업데이트됨) • state는 props처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만, props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다. 즉, props는 컴포넌트를 사용하는 외부자를 위한 데이터고, state는 컴포넌트를 만드는 내부자를 위한 데이터이다. 👾 useState import { useState } from 'react'; // useState 호출 const [state, setState] = .. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음
