오늘도 조으네💜

컴퓨터 공학 지식/CS, 웹

📌 컴퓨터가 이해하는 정보 👉 데이터 숫자, 문자, 이미지, 동영상과 같은 정적인 정보 컴퓨터와 주고받는 내부에 저장된 정보 0과 1로 숫자를 표현하는 방법 0과 1로 문자를 표현하는 방법 👉 명령어 컴퓨터는 명령어를 처리하는 기계 컴퓨터를 실질적으로 움직이게 하는 정보 데이터는 명령어를 위한 일종의 재료 📌 컴퓨터의 핵심 부품 💻 CPU(중앙처리장치) 메모리에 저장된 값을 읽어 들이고, 해석하고, 실행하는 장치 CPU 내부에는 ALU, 레지스터, 제어장치가 있다. ALU : 계산기, 산술/논리 연산 장치로 산술 연산 및 논리 연산을 수행할 수 있다. 레지스터 : 임시 저장 장치, 데이터를 일시적으로 CPU 내부에 저장할 공간을 의미한다. 제어 장치 : 제어 신호를 내보내고, 명령어를 해석하는 장치 제어..

2023. 5. 4.

컴퓨터 공학 지식/CS, 웹

브라우저는 아마도 가장 많이 사용하는 소프트웨어일 것이다. 브라우저 주소 창에 URL을 입력했을 때 어떤 과정을 거쳐 웹페이지가 화면에 보이게 되는지 알아보자! 💻 브라우저의 핵심 기능 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다. ⚙ 브라우저의 주요 구성 요소 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 렌더링 엔진 - 요청한 콘텐츠를 표..

2023. 4. 30.

컴퓨터 공학 지식/CS, 웹

📌 상태 코드란? 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (Informational) : 요청이 수신되어 처리중 2xx (Successful) : 요청 정상 처리 3xx (Redirection) : 요청을 완료하려면 추가 행동이 필요 4xx (Client Error) : 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error) : 서버 오류, 서버가 정상 요청을 처리하지 못함 2xx(Successful) 클라이언트의 요청을 성공적으로 처리 200 OK : 요청 성공 201 Created : 요청 성공해서 새로운 리소스가 생성됨 202 Accepted : 요청이 접수되었으나 처리가 완료되지 않았음 204 No content : 서버가..

2023. 2. 14.

컴퓨터 공학 지식/CS, 웹

문서(document) 단일 개념 (파일 하나, 객체 인스턴스, 데이터베이스 row) 예 ) /members/100, files/star.jpg 컬렉션(collection) 서버가 관리하는 리소스 디렉터리 서버가 리소스의 URI를 생성하고 관리 예 ) /members/ 스토어(store) 클라이언트가 관리하는 자원 저장소 클라이언트가 리소스의 URI를 알고 관리 예 ) files 컨트롤러(controller), 컨트롤 URI 문서, 컬렉션, 스토어로 해결하기 어려운 추가 프로세스 실행 동사를 직접 사용 예 ) /members/{id}/delete

2023. 2. 14.

컴퓨터 공학 지식/CS, 웹

📌 클라이언트에서 서버로 데이터 전송 👉 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 👉 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록 및 변경 👀 정적 데이터 조회 이미지, 정적 텍스트 문서 조회는 GET 사용 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능 👀 동적 데이터 조회 주로 검색, 게시판 목록에서 정렬 필터(검색어) 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용 조회는 GET 사용 GET은 쿼리 파라미터를 사용해서 데이터를 전달

2023. 2. 14.

컴퓨터 공학 지식/CS, 웹

📌 주요 메서드 GET : 리소스 조회 서버에 전달하고 싶은 데이터는 query를 통해서 전달 POST : 요청 데이터 처리, 주로 등록에 사용 메시지 바디를 통해 서버로 요청 데이터 전달 서버는 요청 데이터를 처리 메시지 바디를 통해 들어온 데이터를 처리하는 모든 기능을 수행 주로 전달된 데이터로 신규 리소스 등록, 프로세스 처리에 사용 PUT : 리소스 대체, 해당 리소스가 없으면 생성 리소스를 완전히 대체한다. (부분적으로 수정이 불가) 클라이언트가 리소스 위치를 알고 URI 지정 (POST와의 차이점) PATCH : 리소스 부분 변경 DELETE : 리소스 삭제 📌 기타 메서드 HEAD GET과 동일하지만 메시지 부분만 제외하고, 상태 줄과 헤더만 반환 OPTIONS 대상 리소스에 대한 통신 가능..

2023. 2. 14.

컴퓨터 공학 지식/CS, 웹

📌 start-line : 시작 라인 👉 요청 메시지 HTTP 메서드 (GET: 조회) 종류: GET, POST, PUT, DELETE… 서버가 수행해야 할 동작 지정 요청 대상 (/search?q=hello&hl=ko) absolute-path[?query] (절대경로[?쿼리]) 절대경로= "/" 로 시작하는 경로 HTTP Version 👉 응답 메시지 HTTP 버전 HTTP 상태 코드: 요청 성공, 실패를 나타냄 200: 성공 400: 클라이언트 요청 오류 500: 서버 내부 오류 📌 header : 헤더 header-field = field-name ":" OWS field-value OWS (OWS:띄어쓰기 허용) field-name은 대소문자 구문 없음 HTTP 전송에 필요한 모든 부가정보 예)..

2023. 1. 10.

컴퓨터 공학 지식/CS, 웹

HTTP : HyperText Transfer Protocol HTML, TEXT, IMAGE, 음성, 영상, 파일, JSON, XML(API) 등 거의 모든 형태의 데이터 전송 가능 서버 간에 데이터를 주고 받을 때에도 대부분 HTTP 사용 HTTP 특징 클라이언트 서버 구조 무상태 프로토콜(스테이스리스), 비연결성 HTTP 메시지 단순함, 확장 가능 📌 클라이언트 서버 구조 Request Response 구조 클라이언트는 서버에 요청을 보내고, 응답을 대기 서버가 요청에 대한 결과를 만들어서 응답 📌 무상태 프로토콜 - 스테이스리스(Stateless) 서버가 클라이언트의 상태를 보존X 장점: 서버 확장성 높음(스케일 아웃) 단점: 클라이언트가 추가 데이터 전송 📌 비연결성 HTTP는 기본적으로 연결을..

2023. 1. 10.