목록2024/07 (59)
연습장
HTTP(HyperText Transfer Protocol) 요청은 클라이언트(일반적으로 웹 브라우저)가 웹 서버로 보내는 메시지입니다.이 요청은 웹 페이지를 요청하거나 다양한 작업(파일 다운로드, API 호출 등)을 수행하기 위해 사용됩니다.HTTP 요청 메시지는 크게 요청 라인, 헤더, 본문으로 구성됩니다. 1. 요청 라인 (Request Line)요청 라인은 HTTP 요청의 첫 번째 줄로, 다음과 같은 구조를 가집니다: HTTP 메서드 URI HTTP/버전 HTTP 메서드: 요청의 목적이나 동작을 나타내는 메서드입니다. 가장 흔한 메서드로는 GET, POST, PUT, DELETE 등이 있습니다.URI: 요청할 자원의 위치를 나타내는 Uniform Resource Identifier입니다. 예를..
Axios는 Promise 기반의 HTTP 클라이언트 라이브러리로, 브라우저와 Node.js 환경에서 모두 사용할 수 있습니다. Axios는 다음과 같은 주요 특징을 가지고 있습니다:간편한 API: 요청을 만들고 보낼 때 간편하고 직관적인 API를 제공합니다.HTTP 요청과 응답을 Promise로 처리: 비동기 작업을 처리할 때 Promise를 사용하여 요청을 보내고 응답을 받습니다.자동 변환: JSON 데이터를 자동으로 파싱하고, ArrayBuffer 또는 Blob과 같은 바이너리 데이터를 처리할 수 있습니다.요청/응답 인터셉터: 요청이나 응답을 인터셉트(intercept)하여 중간에 수정할 수 있는 기능을 제공합니다.CSRF 보호: 기본적으로 XSRF(Cross-Site Request Forger..
HTTP 클라이언트 라이브러리란,HTTP 프로토콜을 사용하여 서버와 통신하는 기능을 제공하는 라이브러리를 말합니다.이는 클라이언트 측에서 서버로 HTTP 요청을 보내고, 서버의 응답을 받아오는 작업을 쉽게 처리할 수 있도록 도와주는 도구입니다.보통 HTTP 클라이언트 라이브러리는 다음과 같은 기능을 포함합니다:HTTP 요청 전송: GET, POST, PUT, DELETE 등 다양한 HTTP 메서드를 사용하여 서버에 요청을 보낼 수 있습니다.HTTP 요청 설정: 요청 헤더, 요청 바디 설정 등 HTTP 요청의 세부적인 설정을 할 수 있습니다.HTTP 응답 처리: 서버로부터 받은 HTTP 응답을 처리하고, 응답 데이터를 추출할 수 있습니다.오류 처리: 네트워크 문제, 서버 오류 등 발생할 수 있는 다양한 오..
객체지향 프로그래밍은 실세계에 존재하고 개념이나 사물을 소프트웨어의 세계에서 표현하기 위해, 객체의 핵심적인 개념 또는 기능만을 추상화(abstraction)를 통해 객체로 만들고, 객체들 간의 상호작용을 통해 로직을 구성하는 프로그래밍 방법입니다.클래스에서 인스턴스를 생성하는데, 자식에서 정의하지 않아도 기능을 상속받아 사용할 수도있고, 상속받은 메소드를 오버로딩 오버라이딩을 하는 다형성을 가지기도 합니다. class Animal { void makeSound() { System.out.println("Animal makes a sound"); }}class Dog extends Animal { @Override void makeSound() { Sys..
https://velog.io/@developer-sora/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%A9%B4%EC%A0%91-%EC%A7%88%EB%AC%B8-%EC%A0%95%EB%A6%AC-Part1CS-JSReact 프론트엔드 면접 질문 정리 Part1(CS, JS,React)면접을 준비하자velog.io 해당 사이트의 질문을 참고 했습니다.브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요? www.google.com의 도메인 네임을 실제 IP 주소로 획득 (캐시를 확인 or DNS 서버에 요청)실제 IP 주소에 서버 연결 (TCP 3hand shake) HTTP 요청 ( HTTP GET http://123.123.123..
https://poiemaweb.com/js-array Array | PoiemaWeb배열(array)는 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.poiemaweb.com 배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. 배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다.1. 배열의 생성1.1 배열 리터럴 0개 이상의 값을 쉼표로 구분하여 대괄호([])로 묶는다. 첫번째 값은 인덱스 ‘0’으로 읽을 수 있다. 존재하지 않는 요소에 접근하면 undefined를 ..
https://poiemaweb.com/js-string String | PoiemaWebString 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이poiemaweb.com String 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이다. 변수 또는 객체 프로퍼티가 문자열을 값으로 가지고 있다면 String 객체의 별도 생성없이 String 객체의 프로퍼티와 메소드를 사용할 수 있다. 원시 타입이 wrapper 객체의 메소드를 사용할 수 있는 이유는 원시 타입으로 프로퍼티나 메소드를 호출할 때 원시 타입과..
https://poiemaweb.com/js-regexp RegExp | PoiemaWeb정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다. 예를 들어 회원가입 화면에서 사용자로 부터 입력 받는 전화번호가 유효한지 체크할 필요가 있다.poiemaweb.com 1. 정규표현식(Regular Expression) 정규표현식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용한다.반복문과 조건문을 사용한 복잡한 코드도 정규표현식으로 간단하게 표현할 수 있다. 하지만 정규표현식은 주석이나 공백을 허용하지 않고 여러가지 기호를 혼합하여 사용하기 때문에 가독성이 좋지 않다.정규표현식은 리터럴 표기법으로 생성할 수..
https://poiemaweb.com/js-date Date | PoiemaWebDate 객체는 날짜와 시간을 위한 메소드를 제공하는 built-in 객체이다. 내부적으로 Date 객체는 숫자값을 갖는다. 이 값은 1970년 1월 1일 00:00(UTC)을 기점으로 현재 시간까지의 밀리초를 나타낸다.poiemaweb.com Date 객체날짜와 시간을 위한 메소드를 제공하는 빌트인 객체이면서 생성자 함수이다.년, 월, 일, 시, 분, 초, 밀리초(1/1000초(millisecond, ms))Date 객체는 1970년 1월 1일 00:00(UTC)을 기준으로 현재 시간까지의 밀리초를 숫자값으로 갖는다.현재의 날짜와 시간은 자바스크립트 코드가 동작한 시스템의 시계에 의해 결정된다. 시스템 시계의 설정(ti..
https://poiemaweb.com/js-math Math | PoiemaWebMath 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다. 생성자가 없으며 모든 프로퍼티와 메소드는 Math 객체의 별도 생성없이 프로퍼티과 메소드를 사용할 수 있poiemaweb.com Math 객체는 수학 상수와 함수를 위한 프로퍼티와 메소드를 제공하는 빌트인 객체이다.Math 객체는 생성자 함수가 아니다.따라서 Math 객체는 정적(static) 프로퍼티와 메소드만을 제공한다. 사용 빈도가 높은 프로퍼티와 메소드만을 설명한다. 1. Math Property 1.1 Math.PI PI 값(π ≈ 3.141592653589793)을 반환한다. Math.PI; // 3.1415926535897..