독학15 [Codeit;] 자바스크립트 웹 개발 기본기 1. 웹 기초 다지기 //fetch: 리퀘스트 전송, 리스폰스 수신 함수fetch('https://www.google.com') //리스폰스 수신 시 실행(콜백 함수) .then((response) => respones.text()) .then((result) => { console.log(result); }); 2. Web API 배우기 fetch('https://jsonplaceholder.typicode.com/users') .then((response) => response.text()) .then((result) => { const users = JSON.parse(result); //JSON.parse: string 타입 JSON 데이터 -> 객체 타입 변.. 2024. 8. 3. [Codeit;] 쿠키, 세션 스토리지, 로컬 스토리지 이해하기 1. 쿠키서버로부터 리스폰스로 쿠키를 받음 ➡️ 클라이언트: 웹 브라우저가 알아서 저장 & 리퀘스트를 보낼 때도 웹 브라우저가 알아서 보냄자바스크립트를 통해 쿠키 값 추가, 수정, 참조 가능수명을 지정 가능, 수명이 다한 쿠키는 자동으로 삭제서버: 리스폰Set-Cookie: session-id=1234; Domain=codeit.kr; Path=/; HttpOnly; Secure; SameSite=Strict; Max-Age=2592000; 클라이언트: 전송Cookie: session-id=1234; Domain=codeit.kr; Path=/; HttpOnly; Secure; SameSite=Strict; Max-Age=2592000; //도메인 지정 -> 서브 도메인 리퀘스트 시에도 쿠키 전송 Dom.. 2024. 7. 31. [Codeit;] CSS 레이아웃 +) displaydisplay: block/*위 -> 아래 배치*//*, , */display: inline/*글 쓰는 순서대로 배치, 위아래 크기 X*//*, , */display: inline-block/*인라인 태그에 크기 부여*/ 2. Position position: static/*원래 있어어야할 위치, 일반적인 글의 흐름*/position: relative/*기준: 원래 static position의 위치기존 자리 차지*//*margin과 차이점: 독립적으로 이동*/position: absolute/*기준: 가장 가까운 포지셔닝이 된 조상요소기존 자리 차지 X*//*크기 지정 X: 내부 텍스트만큼의 크기*/inset: npx/*top: npx; bottom: npx; right: npx; .. 2024. 7. 30. [혼공네트] 2주차_Chapter 02 02-1 이더넷물리 계층 & 데이터 링크 계층: 이더넷(통신 매체 규격) 사용 - 이더넷 표준이더넷 관련 기술 = IEEE802.3 - 통신 매체통신 매체 표기 형태: 전송 속도 BASE- 추가특성 전송속도 (숫자: Mbps / 숫자G: Gbps)+ BASE: 베이스 밴드(비트 신호 변환 데이터 ➡️ 통신 매체 전송)+ 추가 특성(전송 가능한 최대 거리 || 물리 계층 인코딩 || 레인 수 || 통신 매체 종류)통신 매체의 종류(추가 특성에 기재)케이블 종류C동축 케이블T트위스티드 페어 케이블S단파장 광섬유 케이블L장파장 광섬유 케이블 e.g., 10BASE-T 케이블 = 10Mbps 속도 지원 트위스티드 페어 케이블 - 이더넷 프레임 이더넷 프레임: 캡슐화 과정(정보 from 상위 계층 + 헤더/트레.. 2024. 7. 23. [혼공네트] 1주차_Chapter 01 01-1 컴퓨터 네트워크를 알아야 하는 이유(컴퓨터) 네트워크: 여러 개의 장치가 서로 연결되어 정보를 주고받을 수 있는 통신망 인터넷: 여러 네트워크를 연결한 '네트워크의 네트워크' 개발자 업무에 필요한 네트워크 지식- 프로그램 만들기: TCP/UDP, DNS, HTTP/HTTPS, 포트 번호- 프로그램 유지 보수: 인터넷 연결, 웹 서버 동작 🌟추가 숙제Ch.01(01-1) 확인 문제 2번(p.35) 풀고 설명하기2. 네트워크에 대한 설명으로 옳지 않은것을 골라 보세요.① 네트워크에 대한 이해는 프로그램을 만드는 과정에 도움을 준다 01-2 네트워크 거시적으로 살펴보기네트워크: 그래프 형태(노드: 정보를 주고받을 수 있는 장치 + 간선: 유무선 통신 매체 ) + 메시지 - 호스트 (= 가장자리 노.. 2024. 7. 10. [하둡, 하이브로 시작하기] 2. 하둡(hadoop) (~2.4 YARN) 2.4 YARNYARN: 클러스터 리소스 관리 / 애플리케이션 라이프 사이클 관리 아키텍처 = 자원 관리(리소스 매니저 & 노드매니저) + 애플리케이션 라이프 사이클 관리 기능(애플리케이션 마스터 & 컨테이너) - 자원 관리 - 노드매니저: 클러스터의 각 노드마다 실행 ➡️ 현재 노드의 사원 상태 관리 ➡️ 리소스매니저에 보고 - 리소스 매니저: 노트매니저의 정보 ➡️ 클러스터 전체 자원 관리 (자원 사용 상태 모니터링, 애플리케이션 마스터 자원 요청 ➡️ 빈 자원 사용) - 라이프사이클 관리1. 클라이언트: 애플리케이션 ➡️ 리소스 매니저2. 리소스 매니저: 비어있는 노드에서 애플리케이션 마스터 실행3. 애플리케이션 마스터: 작업 실행 자원 요청 ➡️ 리소스 매니저4. 자원 할당5. 각 노.. 2024. 7. 4. 이전 1 2 3 다음
