본문 바로가기

분류 전체보기186

[WEB] HTTP 메소드 1. HTTP 메소드란? - 클라이언트와 서버 사이에 이루어지는 요청과 응답 데이터를 전송하는 방식 - 서버에 주어진 리소스에 수행하길 원하는 행동 - 서버가 수행해야할 동작 * 복습!! Response Request 메시지 구조 Request line(start line) : HTTP 메소드 + URI + HTTP 버전 2. HTTP 메소드의 종류 => GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS, CONNECT, TRACE 1) GET - 리소스를 조회하는 메소드 - POST메소드로 조회할 수 있으나, GET은 캐싱이 가능하다는 장점이 있다 (*캐시 : 어떤 특징이 있는 데이터 하위 집합을 저장하는 고속 데이터 스토리지 계층, 이를 사용하면 해당 데이터에 대한 요청.. 2024. 1. 2.
[TIL] 유데미X사람인 취업 부트캠프 13일차 / SQL 쿼리문 SELECT~GROUP BY [1. 오늘 배운 것] 1. SELECT문 - 테이블 내에서 검색할 때 쓰이는 명령어 - 기본 구조 : SELECT column_name FROM table_name - *(전체)를 사용하는 경우, 데이터베이스 서버와 애플리케이션 사이의 트래픽이 증가하여 결과 검색이 느려짐 - *은 전체 테이블이 꼭 필요하지 않은 이상 사용하지 않는 것이 좋음 - SELECT * FROM actor : actor라는 테이블의 전체 컬럼을 조회한다 - SELECT first_name , last_name FROM actor : actor테이블에서 first_name , last_name 컬럼을 조회한다. 컬럼의 순서는 작성한대로 출력된다 - 굳이 대문자로 작성하지 않아도 되지만 표준화된 작성법이 대문자 2. SELECT .. 2024. 1. 2.
[Web] 구글을 주소창에 검색했을 때 화면이 나오기까지의 과정 1. 사용자가 www.google.com을 주소창에 입력 - 웹 브라우저는 캐싱된 DNS 기록들을 통해 해당 도메인 주소와 대응하는 IP주소를 확인 - 캐시 : 어떤 특징이 있는 데이터 하위 집합을 저장하는 고속 데이터 스토리지 계층, 이를 사용하면 해당 데이터에 대한 요청이 있을 경우 데이터의 기본 스토리지 위치에 액세스할 때보다 더 빠르게 요청을 처리할 수 있음 2. 브라우저는 DNS 서버로 가서 웹사이트가 있는 서버의 진짜 주소를 찾는다 - DNS(Domain Name System) : 도메인 이름과 IP주소를 매핑해주는 서버 3. 브라우저는 서버에게 웹사이트의 사본을 클라이언트에게 보내달라는 HTTP 요청 메세지를 서버로 전송 - HTTP(HyperText Transfer Protocol) : 하.. 2024. 1. 1.
[WEB] HTTP란? [1. HTTP의 정의] - HTTP(HyperText Transfer Protocol) - HTML과 같은 하이퍼미디어 문서를 전송하기 위한 애플리케이션 계층 프로토콜 (* 프로토콜 : 서로 다른 두 개체가 데이터를 원활히 주고받기 위한 통신 규약) - 클라이언트-서버모델 : 리소스를 사용하는 앱(클라이언트)과 리소스가 존재하는 곳(서버)을 분리시키는 모델 - 무상태 프로토콜 : 각각의 요청을 독립적인 트랜잭션으로 취급하는 통신 프로토콜 [2. HTTP Response & Request 메시지의 구조] 1. Request (1) Request line(start line) : HTTP 메소드 + URI + HTTP 버전 - GET, POST 등의 요청이 들어감 - URL, 프로토콜, 포트, 도메인의 절.. 2024. 1. 1.
[TIL] 유데미X사람인 취업 부트캠프 12일차 / react-상태 [1. 오늘 배운 것] 1. react - 상태 - 웹사이트는 어느 상태에 있는데, 그 상태가 여러개일 수 있다 - 리액트는 상태를 관리하며 상태가 변경될 때마다 그에 따라 UI를 변경해준다 - 상태를 등록하고 이벤트 리스너를 생성해서 언제 바뀔지 알려줘야 한다 2. EventListner추가하기 - 이벤트를 추가하려면, on으로 시작하는 camelcase형식의 이름을 추가해야한다 - function 이벤트_이름을 작성하고 이벤트를 발생시킬 곳에 onchage={이벤트_이름} 추가 - 아래와 같은 코드에서는 textarea id="body"인 곳에서 변동이 발생할 때 마다 함수 changeBodyHandler가 호출됨 3. 상태 적용하기 - 입력한 문자를 출력하기 위해 변수 enteredBody를 사용한.. 2023. 12. 29.
[TIL] 유데미X사람인 취업 부트캠프 11일차 / react 1. React란? - 사용자 인터페이스 구축을 위한 자바스크립트 라이브러리 - 브라우저의 자바스크립트를 사용해 웹페이지와페이지에 표시되는 사용자 인터페이스를 재로딩없이 업데이트함 - 자연스러운 화면 전환 가능 2. 필요한 이유 - 자바스크립트만 사용하는 것은 번거롭고 오류도 발생하기 쉬움 - 리액트는 코드 내에 html코드 삽입 가능 - 복잡한 애플리케이션을 구축할 때 효과적 3. 바닐라 자바스크립트 vs 리액트 - 바닐라 자바스크립트는 명령형으로 작성 => 거쳐야 할 단계 정의 - 리액트는 선언형으로 작성 4. 리액트 프로젝트 생성하기 - React - CodeSandbx를 사용해서 프로젝트를 생성하면 node.js 실행 명령어를 쓸 필요가 없다 5. 자바스크립트 주요 내용 - 인라인 방식보다 자바스.. 2023. 12. 28.

티스토리툴바