목록전체 글 (348)
Jieunny의 블로그
📣 SPA를 만드는 기술: AJAX ✔️ AJAX 란? ➰ Asynchronous JavaScript And XMLHttpRequest ➰ JS 라이브러리 중 하나로 JS를 사용한 비동기 통신, 클라이언트와 서버간에 XML데이터를 주고받는 기술이다. ➰ JS, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법 ➰ 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와서 화면에 그릴 수 있다. ➰ ex) 검색창은 글자를 입력할 때마다 추천검색어를 보여주게 된다. ✔️ AJAX의 핵심 기술 ➰ JS와 DOM, 그리고 Fetch ➰ Fetch를 사용하면, 페이지를 이동하지 않아도 서버로부터 필요한 데이터를 받아올 수 있다. ➰ 브라우저는 Fetch가 ..
S2) Unit 7. [HTTP/네트워크] 브라우저의 작동 원리(보이지 않는 곳)
📣 Client Server Architecture (2-tier Architecture) ✔️ Client Server Architecture(2-tier Architecture) : 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것 ✔️ 클라이언트 : 리소스를 사용하는 앱 ✔️ 서버 : 리소스를 제공하는 곳 ✔️ 클라이언트 서버 : 요청과 응답을 주고받는 관계 ✔️ 데이터베이스 : 리소스를 저장하는 별도의 공간 ✔️ 3-tier Architecture : 2-tier Architecture + 데이터베이스 📣 클라이언트와 서버의 통신 ✔️ 요청과 응답으로 구성되며, 요청이 있어야 응답이 온다. ✔️ 프로토콜(통신규약) : 클라이언트와 서버가 통신하는 방식 ✔️ API(Application P..
📌 문제 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4번 학생은 3번 학생이나 5번 학생에게만 체육복을 빌려줄 수 있습니다. 체육복이 없으면 수업을 들을 수 없기 때문에 체육복을 적절히 빌려 최대한 많은 학생이 체육수업을 들어야 합니다. 전체 학생의 수 n, 체육복을 도난당한 학생들의 번호가 담긴 배열 lost, 여벌의 체육복을 가져온 학생들의 번호가 담긴 배열 reserve가 매개변수로 주어질 때, 체육수업을 들을 수 있는 학생의 최댓값을 return 하도록 solution 함수를 ..
[JS] 프로그래머스 - 명예의 전당(1)
📌 문제 "명예의 전당"이라는 TV 프로그램에서는 매일 1명의 가수가 노래를 부르고, 시청자들의 문자 투표수로 가수에게 점수를 부여합니다. 매일 출연한 가수의 점수가 지금까지 출연 가수들의 점수 중 상위 k번째 이내이면 해당 가수의 점수를 명예의 전당이라는 목록에 올려 기념합니다. 즉 프로그램 시작 이후 초기에 k일까지는 모든 출연 가수의 점수가 명예의 전당에 오르게 됩니다. k일 다음부터는 출연 가수의 점수가 기존의 명예의 전당 목록의 k번째 순위의 가수 점수보다 더 높으면, 출연 가수의 점수가 명예의 전당에 오르게 되고 기존의 k번째 순위의 점수는 명예의 전당에서 내려오게 됩니다. 이 프로그램에서는 매일 "명예의 전당"의 최하위 점수를 발표합니다. 예를 들어, k = 3이고, 7일 동안 진행된 가수의..
[TS] 타입스크립트 프로젝트 만들기
1️⃣ 파일 생성하기 & 패키지 설치 mkdir ch02-1 cd ch02-1 npm init --y// package.json 파일 생성 ✔️ package.json파일 ➰ 노드제이에스가 관리하는 패키지 관리 파일 ➰ 프로젝트 정보와 관련 패키지가 기록된다. ➰ npm install 또는 npm i 로 패키지를 설치할 수 있다. npm -D typescript ts-node // ts-node : 자바스크립트 코드로 변환하고 실행까지 동시에 하는 프로그램 ➰ -S : 프로젝트를 실행할 때 필요한 패키지를 설치, package.json 파일의 'dependencies' 에 등록된다. ➰ -D : 프로젝트를 개발할 때만 필요한 패키지를 설치, package.json파일의 'devDependencies' 에..
S2) Unit 7. [HTTP/네트워크] HTTP
📣 HTTP 1️⃣ HTTP Message : 클라이언트와 서버 사이에서 데이터가 교환되는 방식 ➰ 요청과 응답이 있다. ➰ HTTP Message는 몇 줄의 텍스트 정보로 구성된다. ➰ start line : 요청이나 응답의 상태를 나타내며 항상 첫 번째 줄에 위치한다. 응답에서는 status line 이라고 부른다. ➰ HTTP headers : 요청을 지정하거나, 메시지에 포함된 본문을 설명하는 헤더의 집합 ➰ empty line : 헤더와 본문을 구분하는 빈 줄 ➰ body : 요청과 관련된 데이터나 응답과 관련된 데이터 또는 문서를 포함한다. 요청과 응답의 유형에 따라 선택적으로 사용된다. ➰ start line + HTTP headers = head ➰ Stateless(무상태성) : HTTP..