Bin's Blog

📚 새로 알게 된 부분 👉 document.write(값): 화면에 텍스트를 쓸 때 사용된다. 👉 switch문 switch (new Date().getDay()) { // Day가 0이면 일요일 출력 case 0: document.write("일요일"); break // Day가 1이면 일요일 출력 case 1: document.write("월요일"); break // Day가 2이면 일요일 출력 case 2: document.write("화요일"); break // Day가 3이면 일요일 출력 case 3: document.write("수요일"); break // Day가 4이면 일요일 출력 case 4: document.write("목요일"); break } 👉 생성자함수 function Perso..

💻 과제 👉 vanilla js로 배경이미지 랜덤 변경, 인사 만들기, 시계 만들기 👉 소스코드 GitHub - hobin49/assignment Contribute to hobin49/assignment development by creating an account on GitHub. github.com 👉 결과물 👉 과제 후기 및 느낀점 하면 할수록, 조금씩 느는 거 같다. 이전까지는 바닐라 자바스크립트에 대한 자신감이 많이 사라졌는데 계속 하려고 시도하다보니 흐름을 이해하는데 큰 도움이 됐다.

🤔 DOM(Document Object Model)이란? 👉 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미한다. 👉 정적으로 문서 객체를 생성: 웹 브라우저가 HTML 페이지에 적혀 있는 태그를 읽으면 생성하는 것 👉 동적으로 문서 객체를 생성: 원래 HTML 페이지에 없던 문서객체를 JavaScript를 이용해서 생성 1️⃣ 외부 자바스크립트 장점 👉 HTML과 코드를 분리 👉 HTML 및 JavaScript를 더 쉽게 읽고 유지 관리할 수 있다. 👉 캐시된 JavsScript 파일은 페이지 로드 속도를 높일 수 있다. 📚 캐시란? 👉 컴퓨터에서 데이터나 값을 빠르게 가져오기 위해 사용되는 임시 저장소를 일컫는데 웹페이지를 방문하면 그 웹페이지의 정보들이 컴퓨터의 하드 드라이브에 임..

🤔 내 컴퓨터를 통해 다른 컴퓨터로 데이터를 요청하면 어떠한 일이 발생할까? 👉 애플리케이션 계층에서 전송계층으로 내가 보내는 요청값들이 캡슐화 과정을 거쳐 전달되고, 다시 링크 계층을 통해 해당 서버와 통신을 하고 해당 서버 링크 계층으로부터 애플리케이션까지 비캡슐화 과정을 거쳐 데이터를 전송한다. 1️⃣ 캡슐화 과정 👉 캡슐화 과정은 상위 계층의 헤더와 데이터를 하위 계층의 데이터 부분에 포함시키고 해당 계층의 헤더를 삽입하는 과정을 말한다. ex) 편지에 비유하자면, 사용자가 편지(데이터)를 작성하고 이 편지를 봉투(헤더)에 넣는다. 이 봉투에는 받는 사람의 주소와 같은 중요한 정보가 적혀있다. 👉 애플리케이션 계층의 데이터가 전송 계층으로 전달되면서 "세그먼트" 또는 "데이터그램"화되며 TCP(L..

👉 링크계층은 전선, 광섬유, 무선 등으로 실질적으로 데이터를 전달하며 장치 간에 신호를 주고받는 "규칙"을 정하는 계층이다. 네트워크 접근 계층이라고도 한다. 👉 물리 계층과 데이터 링크 계층으로 나누기도 하는데 물리 계층은 무선 LAN과 유선 LAN을 통해 0과 1로 이루어진 데이터를 보내는 계층을 말하며, 데이터 링크 계층은 "이더넷 프레임"을 통해 에러 확인, 흐름 제어, 접근 제어를 담당하는 계층을 말한다. 1️⃣ 유선 LAN 👉 유선 LAN을 이루는 이더넷은 IEEE802.3이라는 프로토콜을 따르며 전이중화 통신을 쓴다. 1️⃣ - 1️⃣ 전이중화 통신 👉 전이중화 통신은 양쪽 장치가 동시에 송수신할 수 있는 방식을 말한다. 송신로와 수신로로 나눠서 데이터를 주고 받으며 현대 고속 이더넷은 이..