Bin's Blog

💻 과제 👉 vanilla js로 실시간 날씨, To-do list 만들기 👉 소스코드 GitHub - hobin49/assignment Contribute to hobin49/assignment development by creating an account on GitHub. github.com 👉 결과물 👉 과제 후기 및 느낀점 섭씨 온도로 변환, 날씨에 맞게 날씨 기호 표시를 해봤다. 조금씩 더 바닐라 자바스크립트에 가까워지고 있다.

1️⃣ 인터넷 계층을 처리하는 기기 👉 인터넷 계층을 처리하는 기기로 라우터, L3 스위치가 있다. 1️⃣ - 1️⃣ 라우터 👉 라우터는 여러 개의 네트워크를 연결, 분할, 구분시켜주는 역할을 하며 다른 네트워크에 존재하는 장치끼리 서로 데이터를 주고받을 때 패킷 소모를 최소화하고 경로를 최적화하여 최소 경로로 패킷을 보내는 라우팅을 하는 장비이다. 1️⃣ - 2️⃣ L3 스위치 👉 L3 스위치란 L2 스위치의 기능과 라우팅 기능을 갖춘 장비를 말한다. L3 스위치를 라우터라고 해도 무방하다. 👉 L3 스위치는 데이터 링크 계층 (레이어 2)에서의 스위칭 기능과 네트워크 계층(레이어 3)에서의 라우팅 기능을 모두 수행할 수 있다. 👉 라우터는 소프트웨어 기반의 라우팅과 하드웨어 기반의 라우팅을 하는 것으..

🤔 리액트는 뭐지? 👉 사용자의 인터페이스를 구축하기 위한 JavaScript 라이브러리이다. 👉 페이스북이 개발하고 유지 관리하며 개발자들이 웹 페이지 혹은 앱의 복잡한 사용자 인터페이스를 구성할 수 있도록 지원한다. 👉 Vue와 비교했을 때 라이브러리로 분류되는 이유는 프레임워크가 제공하는 전체적인 기능 집합을 제공하지 않기 때문이다. 예를 들어, React는 라우팅, HTTP 요청, form validation 등의 기능을 직접 제공하지 않는다. 📖 리액트 특징 👉 컴포넌트 기반: 컴포넌트라는 개념을 사용한다. 컴포넌트는 독립적이고 재사용 가능한 코드 조각으로, 각 컴포넌트는 자체 로직을 가지며, 그 로직은 JavaScript 함수를 통해 작성된다. 이로 인해 UI를 재사용 가능한 개별적인 조각으로..

🧐 콜백 함수란? 👉 콜백함수는 다른 코드의 인자로 넘겨주는 함수이다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행한다. 👉 쉽게 예를 들어보자, 내가 좋아하는 친구의 생일 파티에 초대를 받았다. 그래서 나는 부모님한테 "친구가 나를 파티에 초대했어, 파티가 끝나면 나를 학교로 데려다 줄 수 있을까?"라고 부탁했다. 여기서 "나를 학교로 데려다 줄 수 있을까?"라는 부탁이 콜백 함수와 비슷하다. 이 상황에서 부모님에게 콜백을 전단했고, 파티가 끝나는 시점은 모르지만, 그 시점이 되면 부모님은 전달한 요청 (나를 학교로 데려다 주는 것)을 수행하게 된다. 👉 콜백 함수는 어떤 이벤트가 발생하거나 특정 작업이 완료되었을 때 실행되어야 하는 함수이다. 콜백 함수는 이벤트나 작업..

1️⃣ 네트워크의 기기의 처리 범위 👉 네트워크 기기는 계층별로 처리 범위를 나눌 수 있다. 물리 계층을 처리할 수 있는 기기와 데이터 링크 계층을 처리할 수 있는 기기 등이 있다. 👉 상위 계층을 처리하는 기기는 하위 계층을 처리할 수 있지만 그 반대는 불가능하다. 예를 들어 L7는 애플리케이션 계층을 처리하는 기기로, 그 밑의 모든 계층의 프로토콜을 처리할 수 있다. 하지만 AP는 물리 계층 밖에 처리하지 못한다. 애플리케이션 계층: L7 스위치 인터넷 계층: 라우터, L3 스위치 데이터 링크 계층: L2 스위치, 브리지 물리 계층: NIC, 리피터, AP 2️⃣ 애플리케이션 계층을 처리하는 기기 👉 스위치는 여러 장비를 연결하고 데이터 통신을 중재하며 목적지가 연결된 포트로만 전기 신호를 보내 데이..