반응형 IT151 argument vs parameter 누군가는 매개변수, 누군가는 인자, 나 역시도 가끔은 혼재해서 사용하는 경향이 있는 것 같아 매개변수와 인자에 대해 정리해보고자 한다. 📌 argument vs parameter arguments와 parameter에 어떤 차이가 있을까? MDN에서는 argument와 parameter의 차이에 대해 아래와 같이 작성해 두었다. Parameter - MDN Web Docs Glossary: Definitions of Web-related terms | MDN Note the difference between parameters and arguments: Function parameters are the names listed in the function's definition. Function argum.. 2022. 4. 8. requestAnimationFrame vs setTimeout 이벤트 루프의 동작 T : task queue rAF : requestAnimationFrame S : Style (렌더 트리 생성) L : Layout P : Paint requestAnimationFrame vs setTimeout rAF와 setTimeout의 가장 큰 차이점은 1프레임 당 호출이 보장되느냐 되지 않느냐의 차이 흔히 웹에서 애니메이션을 보여주기 위해 setTimeout 대신 rAF 사용을 권장 그 이유는 애니메이션을 위해 setTimeout을 16ms마다 동작하도록 코드를 작성하여도, 다른 task에 의해서 지연될 가능성이 있어 1프레임 당 1번의 호출이 보장되지 않기 때문 그림을 보면 setTimeout은 task queue에 올라가 동작하고, rAF는 렌더링 파이프라인과 붙어 동.. 2022. 4. 8. [모두의 네트워크] 9장. 무선 랜의 구조 이해하기: 무선 랜 이해하기 📌 무선 랜의 구조 무선 랜 통신에서는 랜 케이블이 필요 없다. 무선랜: 랜 케이블을 사용하지 않고 전파나 자외선을 이용하여 컴퓨터 통신을 가능하게 하는 네트워크 방식 무선랜은 무선 엑세스 포인트(Wireless Access Point, WAP)와 무선 클라이언트(컴퓨터나 스마트폰 등)로 구성 엑세스 포인트: 무선 인터넷 사용자가 인터넷 서비스를 이용할 수 있도록 무선 인터넷 접속을 도와주는 중계 장치 컴퓨터가 무선 엑세스 포인트와 통신하려면 무선 랜 칩과 무선 랜 어댑터가 필요 무선 랜 어댑터에는 USB 메모리 방식 어댑터와 컴퓨터 카드 방식 어댑터가 있다. 무선 공유기에는 무선 엑세스 포인트 기능이 포함되어 있다. 무선 랜을 연결하는 방식에는 인프라스트럭처 방식과 애드훅 방식이 있다. 인프라스트럭처 .. 2022. 4. 6. [모두의 네트워크] 8장. 네트워크 구조 이해하기: 네트워크의 전체 흐름 살펴보기 📌 랜 카드에서의 데이터 전달과 처리 웹에서 접속할 때는 OSI 모델의 상위 계층부터 캡슐화 발생 웹 서버에 요청을 보낼 때는 HTTP를 사용 웹 서버에 있는 HTML 파일을 요청하는 경우에는 GET /index.html HTTP/1.1과 같은 HTTP 메시지를 보낸다. 전송 계층에서는 TCP 헤더가 추가되며 이를 세그먼트라고 부름. 네트워크 계층에서는 IP 헤더가 추가되며 이를 IP 패킷이라고 함. 데이터 링크 계층에서는 이더넷 헤더와 트레일러(FCS)가 추가되며 이더넷 프레임이라고 부름. 물리 계층에서는 데이터가 전기 신호로 변환되어 전송됨. 📌 스위치와 라우터에서의 데이터 전달과 처리 스위치 A 데이터 링크 계층에서 데이터를 전기신호로 변환하여 라우터 A로 전송 라우터 A 역캡슐화 스위치 A에서 데.. 2022. 4. 5. [모두의 네트워크] 7장. 응용 계층: 애플리케이션 데이터 전송하기 📌 응용 계층의 역할 OSI 모델의 최상위 계층으로 다양하게 존재하는 응용환경에 공통적으로 필요한 기능을 다룸. 시스템 간의 응용처리는 상호 간에 통신하면서 일련의 업무를 처리할 수 있도록 필요한 서비스 기능을 제공 이메일, 파일 전송, 웹 사이트 조회 등 애플리케이션에 대한 서비스를 제공하는 계층 WWW(World Wide Web, 월드 와이드 웹): 거대한 통신망인 인터넷은 수많은 사이트, 데이터, 정보를 갖고 있으며, 통신 회선이 거미줄처럼 서로 연결되어 있어서 언제 어디서든 필요한 곳에 접근하거나 정보를 공유하고 주고받을 수 있는 멀티미디어 인터넷 서버 클라이언트: 서비스를 요청하는 측 서버: 서비스를 제공하는 측 클라이언트에서 사용하는 애플리케이션과 서버에서 사용하는 서버 프로그램 간의 통신은 .. 2022. 4. 1. DOMContentLoaded 이벤트 핸들링 📌 Events HTML 문서의 생명주기엔 다음과 같은 3가지 주요 이벤트가 관여한다. DOMContentLoaded : 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는 즉시 발생 이미지 파일()이나 스타일시트 등의 기타 자원은 기다리지 않는다. load : HTML로 DOM 트리를 만드는 게 완성되었을 뿐만 아니라 이미지, 스타일시트 같은 외부 자원도 모두 불러오는 것이 끝났을 때 발생 beforeunload/unload : 사용자가 페이지를 떠날 때 발생 이벤트 활용 예시 DOMContentLoaded: DOM이 준비된 것을 확인한 후 원하는 DOM 노드를 찾아 핸들러를 등록해 인터페이스를 초기화할 때 load : 이미지 사이즈를 확인할 때 등. 외부 자원이 로드된 후이기 때문에 스타일이 적용.. 2022. 4. 1. 배열의 요소를 무작위로 섞기 📌 배열의 요소를 무작위로 섞기 로또 프로젝트를 진행하면서 테스트 코드를 구현하기 위해 배열의 요소를 랜덤으로 입력받는 코드를 구현하고자 했다. 하지만 자바스크립트는 파이썬의 random 모듈과 같은 배열의 요소를 랜덤 한 방법으로 바꾸는 기능을 제공하지 않으므로 배열의 요소를 섞기 위해서는 기능을 직접 구현해서 사용해야 한다는 것을 알게 되었다. 이를 직접 구현해보도록 하자! ✏️ 자바스크립트로 배열의 요소를 무작위로 섞어보자 자바스크립트에서 배열을 무작위로 섞는 방법은 sort() 메서드와 Math.random() 메서드를 이용하여 구현할 수 있다. function shuffle(array) { array.sort(() => Math.random() - 0.5); } let arr = [1, 2, 3.. 2022. 4. 1. [모두의 네트워크] 6장. 전송 계층: 신뢰할 수 있는 데이터 전송하기 📌 전송 계층의 역할 전송 계층은 데이터를 제대로 전달하는 역할을 하며, 오류를 점검하는 기능 전송 계층: 신뢰할 수 있는 데이터를 순차적으로 전달하는 역할을 하므로 상위 계층들이 데이터 전달의 유효성이나 효율성을 신경 쓰지 않도록 한다. 데이터가 중복되거나 누락되지 않고 오류 없이 순서에 맞게 전송되도록 관리 전송 계층은 전송된 데이터의 목적지가 어떤 애플리케이션인지 확인 연결형 통신은 신뢰할 수 있고 정확하게 데이터를 전송하는 통신 방식 연결형(connection-oriented): 데이터를 교환하기 전에 연결을 맺고 데이터를 교환하는 동안 계속 연결을 관리하는 프로토콜의 한 형태 TCP(Transmission Control Protocol, 전송 제어 프로토콜) 비연결형 통신은 신뢰성을 보장하지 않.. 2022. 3. 30. [모두의 네트워크] 5장. 네트워크 계층: 목적지에 데이터 전달하기 📌 네트워크 계층의 역할 네트워크 계층: 네트워크 간의 통신을 가능하게 하는 것 네트워크 계층은 다른 네트워크와 통신하기 위한 경로 설정을 위해 라우터를 통한 라우팅을 하며 패킷 전송을 담당 서로 다른 네트워크 간에 통신을 하려면 라우터가 필요 라우터는 데이터의 목적지가 정해지면 해당 목적지까지 어떤 경로로 가는 것이 좋은지 알려줌 랜 안에서는 MAC 주소만으로 통신할 수 있지만 네트워크 간에 통신을 하려면 IP 주소가 필요 라우팅: 경로를 선택하고 목적지 IP 주소까지 어떻게 데이터를 전달할 지 결정하는 것 라우터의 라우팅 테이블에는 경로 정보가 등록되어 있음 **IP**: 네트워크 계층의 대표적인 프로토콜 IP 주소는 어떤 네트워크의 어떤 컴퓨터인지 구분할 수 있도록 하는 주소 네트워크 계층에서는 캡.. 2022. 3. 30. 이전 1 2 3 4 5 6 ··· 17 다음 728x90 반응형
