목록프론트엔드 (73)
Ted's Codding study
1. HTTP 프로토콜 개요"HTTP (HyperText Transfer Protocol)"웹 상에서 클라이언트와 서버 간의 통신을 위한 규약요청(Request)과 응답(Response)의 형식으로 데이터를 교환 2. HTTP 요청과 응답 구조=== HTTP 요청(Request) ===메서드(Method): 작업의 종류를 지정 (예: GET, POST, PUT, DELETE)URL: 요청 대상 리소스의 위치를 지정헤더(Headers): 요청의 메타데이터를 포함 (예: 인증 정보, 콘텐츠 유형)본문(Body): POST, PUT 요청에서 데이터를 포함 가능=== HTTP 응답(Response) ===상태 코드(Status Code): 요청의 처리 결과를 나타냄 (예: 200 OK, 404 Not Found..
웹의 동작 원리 소개 - "클라이언트-서버 아키텍처" 이해1. 클라이언트-서버 모델 개요=== 클라이언트(Client) ===정의사용자와 상호작용하는 장치 또는 애플리케이션보통 웹 브라우저(예: Chrome, Firefox, Safari 등)를 의미역할사용자가 입력한 명령을 서버로 보내고서버에서 받은 데이터를 사용자에게 표시=== 서버(Server) ===정의클라이언트의 요청을 처리하고 응답을 제공하는 장치 또는 애플리케이션웹 서버, 데이터베이스 서버 등이 포함역할클라이언트로부터 요청을 받아 이를 처리하고 결과를 반환 2. 클라이언트-서버 상호작용 예시2-1) 사용자가 웹 브라우저에서 URL을 입력브라우저가 URL을 통해 서버에 접속하기 위해 HTTP 요청을 준비2-2) 클라이언트(브라우저)가 서버에 H..
1. 정의코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 실행하는 것프로그램의 메인 흐름과 병렬적으로 작업 할 수 있는 프로그래밍 방식작업이 완료되면 결과를 받을 수 있음2. 특징응답성 향상사용자의 응답이 블로킹되지 않고, 긴 작업이 백그라운드에서 수행별도의 스레드 또는 이벤트 루프를 이용하여 동작하기 때문에, 작업이 완료될 때까지 대기하지 않고 수행3. 비동기 처리 장단점장점병렬 처리와 효율성응답성 향상단점복잡성 증가디버깅 어려움4. jsonplaceholder가짜 REST API 서비스실제 데이터를 사용하지 않고도 HTTP 요청을 테스트할 수 있는 가상의 데이터를 제공무료 사용 가능 간단한 테스트 및 프로토타이핑을 위해 사용되는 가짜 온라인 REST API사용자 데이터나 게시물 데이터를 요청하..
1. 정의코드가 순차적으로 실행되는 것을 의미한 작업이 완료될 때까지 다음 작업은 대기(시작하지 X)2. 특징순차적 실행: 코드의 흐름 예측이 용이간단성 & 예측성: 프로그램의 이해가 쉽고, 디버깅이 상대적으로 용이3. 블로킹(Blocking) 연산의 이해정의프로그래밍의 진행을 막고, 해당 연산이 완료될 때까지 실행하지 못하도록 하는 것블로킹의 구성요소대기 시간, 리소스 관리, 응용 프로그램의 응답성function performCalculation(): number { // 시간 지연을 위한 계산식 let sum = 0; for (let i = 0; i 4. 동기 프로그래밍의 장단점장점간단성, 명확성디버깅 용이단점응답성 저하, 코드의 활용(사용)도가 저하
1. 회원 정보name(이름), age(나이), active(활성 상태)의 속성을 가짐active 속성은 기본값으로 true값을 가짐(회원이 기본적으로 활성 상태)2. 회원 관리 프로그램회원을 추가(addMember)회원을 검색(findMember)회원을 제거(removeMember)활성화된 회원만 필터링(filterActiveMember)3. 기능 추가Member 클래스 확장Member 클래스를 상속받는 VIPMember 클래스를 정의rewardPoints(보상점수) 속성을 가짐생성자를 통해 초기화 가능 (Member 클래스의 속성은 super())회원 나이 평균 계산하기Membership 클래스에 getAverageAge 메서드를 추가현재 목록에 있는 모든 회원들의 나이 평균을 계산하여 반환비활성 회..