반응형 분류 전체보기130 [Web] GET과 POST의 비교 및 차이 사용자가 어떤 홈페이지로 이동하기 위해서 URL을 브라우저 주소창에 작성하고 엔터를 누르면 원하는 페이지로 이동합니다. 사용자는 단순히 URL(Uniform Resource Locator)을 입력하였을 뿐이지만 서버 내부에서는 클라이언트의 요청에 응답(웹페이지로 표현)하기 위해서 처리를 해주어야 합니다. 여기서 클라이언트가 서버로 요청을 보내는 방법인 HTTP Method에는 크게 2가지 방식이 있는데, 그것이 바로 오늘의 주인공인 GET방식과 POST방식입니다. 오늘인 이 두 방식에 대해서 비교하며 장, 단점 및 차이점에 대해서 알아보도록 하겠습니다! 1. GET 방식 먼저 GET 방식에 대해서 알아보도록 하겠습니다. 영어 Get이라는 단어는 가져오다라는 뜻을 가진 단어인데요, 이를 활용해서 이해하면 .. 2022. 10. 24. React Hook Form 회원가입 유효성 체크 📌 React Hook Form 모듈 다운 받기 npm install react-hook-form --save useForm import하기 import { UseForm } from 'react-hook-form' register() const { register } = useForm(); {...register("email")} input 태그 안에 register 함수를 spread해서 넣어줄 수 있다 (ES6 문법) watch() const { watch } = useForm(); console.log(watch('email'))` watch() 지정된 input을 관찰하고 해당 값을 반환한다. 관찰 하려는 input 요소에 register를 등록해준다. *버전 7부터 변경됨 : ref={regi.. 2022. 10. 24. 네트워크를 실현하는 기술 네트워크 모델 TCP/IP 현재의 인터넷에서 컴퓨터들이 서로 정보를 주고받는데 쓰이는 통신 규약(프로토콜) 모음이다. TCP/IP에서 다루는 범위는 역할에 따라 4개의 계층으로 나뉜다. 데이터 송수신에 필요한 작업을 각 층에서 분담해서 처리한다. OSI 7계층 모델 통신 전체를 체계적으로 다루는 ISO에서 네트워크를 다루는 표준으로 지정한 모델로서 데이터를 주고받을 때 데이터 자체의 흐름을 각 구간별로 나눠 놓은 것이다. 통신 기능 계층 구조로 나눈 모델 두 모델 비교 [공통점] 계층적 네트워크 모델 계층간 역할 크기 [차이점] 계층의 수 OSI 7계층은 논리적으로 통신전반에 걸쳐서 역할을 나눠놓았다. TCP/IP는 네트워크를 통해서 데이터를 전달하는것 자체를 분리해놓았다. 주소, 패킷 통신 상대를 특정.. 2022. 10. 22. 리액트 CRUD 해보기 연습용으로 만든 Dummy데이터는 고정되었기에 사용자의 액션에 따라서 데이터를 읽고 쓰고 업데이트, 삭제해보자! 그러기 위해서는 DB를 구축하고 API를 만들어야하는데, JSON서버를 이용해서 RESTful API를 만들어 보자! [REST API란?] Representational State Transfe uri주소와 메서드로 CRUD요청을 하는 것! 즉 웹 데이터 전송 방식을 말한다. Create : POST Read : GET Update : PUT Delete : DELETE URI는 식별하고, URL은 위치를 가르킨다. URI: 웹 기술에서 사용하는 논리적 또는 물리적 리소스를 식별하는 고유한 문자열 시퀀스 URL: 흔히 웹 주소라고도 하며, 네트워크 상에 리소스가 어디에 있는지 알려주기 위한 .. 2022. 10. 22. 이전 1 ··· 22 23 24 25 26 27 28 ··· 33 다음 728x90 반응형
