분류 전체보기 (49) 썸네일형 리스트형 [네트워크] 모두의 네트워크 : 무선 랜 이해하기 35 무선 랜 구조무선 랜랜 케이블을 사용하지 않고 눈에 보이지 않는 전파를 이용하여 무선으로 컴퓨터를 서로 연결장점케이블을 연결하지 않아 편함케이블이 닿지 않는 곳에도 연결 가능단점유선보다 속도가 불안정전파가 약하면 연결이 안 될 수 있음통신 내용이 해킹될 가능성이 높음구성무선 엑세스 포인트 (Wireless Access Point, WAP)무선 클라이언트 : 컴퓨터 스마트 폰 등컴퓨터가 무선 엑세스 포인트와 통신하려면 무선 랜 칩과 무선 랜 어댑터가 필요최근 나온 컴퓨터에는 대부분 무선 랜 칩을 내장무선 랜 어댑터USB 메모리 방식컴퓨터 카드 방식무선 공유기를 이용해 연결도 가능, 범위가 넓다면 무선 공유기를 여러대 사용해야함무선 랜 연결 방식인프라스트럭처 방식 (infrastructure)무선 엑세.. [네트워크] 모두의 네트워크 : 응용 계층 - 애플리케이션에 데이터 전송하기 28 응용 계층의 역할응용 계층의 역할응용 계층은 세션 계층과 표현 계층을 표현하는 것으로 간주클라이언트의 요청을 서버가 이해할 수 있는 데이터로 변환하고 전송 계층으로 전달하는 역할 → 애플리케이션과 데이터를 주고받기 위해 필요클라이언트 측의 애플리케이션이 서버 측 애플리케이션과 통신하려면 응용 계층의 프로토콜이 필요HTTP - 웹 사이트 접속DNS - 이름 해석FTP - 파일 전송SMTP - 메일 송신POP3 - 메일 수신대표적인 프로토콜 29 웹 서버의 구조 (웹 사이트 접속)WWWHTML, URL, HTTP라는 3가지 기술이 사용HTML : 하이퍼텍스트를 작성하는 마크업 언어, 태그 사용하이퍼텍스트로는 문자와 이미지를 표시, 하이퍼링크를 사용할 수 있음HTTP클라이언트는 웹 사이트를 보기 위해 서.. [네트워크] 모두의 네트워크 : 전송 계층 - 신뢰할 수 있는 데이터 전송하기 23 전송 계층의 역할전송 계층의 역할목적지에 신뢰할 수 있는 데이터를 전달하기 위해 필요 → 물리 계층, 데이터 링크 계층, 네트워크 계층의 3계층이 있으면 목적지에 데이터를 보낼 수 있지만, 데이터가 손상되거나 유실될 경우의 대비책은 없음오류를 점검하는 기능 (오류가 있을 경우 데이터를 재전송 하도록 요청)전송된 데이터의 목적지가 어떤 애플리케이션인지 식별하는 기능연결형 통신상대편과 확인해가면서 통신 → 신뢰성/정확성TCP 프로토콜 사용 (Transmission Control Protocol : 전송 제어 프로토콜)비연결형 통신상대편을 확인하지 않고 일방적으로 데이터를 전송 → 효율성효율성이 더 중요한 동영상 시청 시 사용 (데이터가 약간 유실되더라도 버벅이지 않고 원할하게 영상을 보는 것이 더 중요.. [네트워크] 모두의 네트워크 : 네트워크 계층 - 목적지에 데이터 전달하기 17 네트워크 계층의 역할네트워크 간의 연결 구조다른 네트워크에 있는 목적지로 데이터를 전달하려면 네트워크 계층의 기술이 필요데이터 링크 계층에서는 이더넷 규칙을 기반으로 데이터 전송을 담당 → but, 같은 네트워크로의 데이터 전송은 가능하나 인터넷이나 다른 네트워크로는 데이터를 전송할 수 없다네트워크 계층네트워크 간의 통신을 가능하게 하는 것이 네트워크 계층의 역할이 계층에서 다른 네트워크로 데이터를 전송하려면 라우터(router)라는 네트워크 장비가 필요라우터데이터의 목적지가 정해지면 해당 목적지까지 어떤 경로로 가는 것이 좋은지를 알려주는 기능IP주소까지 어떤 경로로 데이터를 보낼지 결정라우팅 테이블 (routing table)에 경로 정보를 등록, 관리IP주소네트워크를 식별하는 주소랜에선 MAC.. [네트워크] 모두의 네트워크 : 데이터 링크 계층 - 랜에서 데이터 전송하기 12 데이터 링크 계층의 역할과 이더넷데이터 링크 계층네트워크 장비 간에 신호를 주고받는 규칙을 정하는 계층이더넷랜에서 데이터를 정상으로 주고받기 위한 규칙허브와 같은 장비에 연결된 컴퓨터와 데이터를 주고 받을 때 사용보내려는 데이터에 목적지 정보를 추가하여 전송하면 목적지 이외의 컴퓨터는 데이터를 받더라도 무시함여러 컴퓨터가 동시에 데이터를 전송해도 충돌이 일어나지 않는 구조로 되어있다* 충돌 : 데이터를 한 번에 하나만 전송할 수 있는 채널에 전송 장치 두 개가 같은 시점에 패킷을 보낼 때 일어나는 데이터 충돌CSMA/CD (= Carrier Sense Multiple Access with Collision Detection)데이터가 동시에 케이블을 지나가지 않도록 (충돌하지 않도록) 데이터를 보내는.. [네트워크] 모두의 네트워크 : 물리계층 - 데이터를 전기 신호로 변환하기 09 물리 계층의 역할과 랜 카드의 구조전기 신호네트워크를 통해 데이터를 주고받을 때는 0과 1의 비트열을 전기 신호로 변환해야 한다데이터 송신 측에서 0과 1의 집합을 전기 신호로 변환한 뒤 전기 신호로 전송하면, 데이터 수신 측에서 전기 신호를 0과 1의 집합으로 복원한다.아날로그 신호물결 모양 전기 신호전화 회선, 라디오 방송에 사용됨디지털 신호아날로그 신호와 대비되는 형태로 컴퓨터가 인식하는 0또는 1의 2진수에 대응시켜 나타내는 신호막대 모양 신호랜 카드0과 1의 정보가 컴퓨터 내부에 있는 랜 카드로 전송되고 랜 카드는 0과 1을 전기 신호로 변환한다컴퓨터는 네트워크를 통해 데이터를 송수신 할 수 있도록 메인 보드에 포함되어 있는 내장형 랜 카드나 별도의 랜 카드를 가지고 있다네트워크 카드 또는.. [네트워크] 모두의 네트워크 : 네트워크의 기본 규칙 06 프로토콜프로토콜: 통신을 하기 위한 규칙컴퓨터 간에 정보를 주고받을 때의 통신 방법에 대한 규칙이나 표준 07 OSI 모델과 TCP/IP 모델OSI 모델 (7계층)ISO 국제표준화기구에서 제정한 국제 통신 표준 규약네트워크의 기본 구조를 7계층으로 나누어 표준화모든 통신 규약의 기반OSI 모델 각 계층의 역할7계층(응용계층 : Application Layer) : 이메일&파일 전송, 웹 사이트 조회 등 어플리케이션 서비스 제공6계층(표현계층 : Presentation Layer) : 문자 코드 압축, 암호화 등의 데이터 변환5계층(세션계층 : Session Layer) : 세션 체결, 통신 방식 결정4계층(전송계층 : Transport Layer) : 신뢰할 수 있는 통신 구현3계층(네트워크 계층 .. [네트워크] 모두의 네트워크 : 네트워크 첫걸음 01 네트워크의 구조네트워크- 컴퓨터와 컴퓨터 간의 연결 (= 컴퓨터 네트워크)- 컴퓨터를 두 대 이상 연결하여 서로 데이터를 전송할 수 있는 통신망- 컴퓨터 간의 데이터(파일) 전송, 웹 사이트 열람, 메일 송.수신 등을 가능하게 함인터넷- 전 세계의 큰 네트워크 부터 작은 네트워크 까지를 연결하는 거대한 네트워크- TCP/IP 프로토콜을 사용하는 세계 최대 규모의 네트워크- 전 세계의 컴퓨터를 서로 연결하여 정보를 교환할 수 있도록 만든 하나의 거대한 컴퓨터 통신망 패킷: 컴퓨터 간에 데이터를 주고받을 때 네트워크를 통해 전송되는 데이터의 작은 조각 (네트워크에서 전송하는 데이터의 기본 단위) - 네트워크나 인터넷에서 데이터를 주고받으려면 규칙이 필요 → 패킷 사용 (패킷 = 택배)- 용량이 큰 데이.. [mkcert] localhost에서 https 적용하기 (+ webpack devServer에 설정하는 법) 보안을 위해 현재 개발 중인 프로젝트에서 https를 사용해야만 하는 상황이 생겼다. 기본적으로 개발에 이용하는 localhost 환경에서는 TSL/SSL 인증서가 없어 http를 이용할 수밖에 없지만, 라이브러리를 이용한다면 간단하게 인증서를 발급받아 로컬에서도 https를 사용할 수 있다. mkcert를 이용해 로컬 개발 환경에서 https 통신을 할 수 있는 방법을 알아보자. mkcert 설치와 인증서 발급 (macOS) 1. 터미널을 실행한 뒤 mkcert를 설치한다. brew install mkcert 2. 아래 명령어를 입력하면 로컬 인증 기관(CA)이 생성되고, mkcert로 생성한 로컬 CA는 기기에서 로컬로만 신뢰할 수 있다. mkcert -install 3. 프로젝트의 루트 디렉터리 혹.. [React Router] 리액트 라우터의 URL 파라미터 사용 시 404 오류 해결 방법 (React Router v5, webpack과 함께 사용할 경우 publicPath설정) 문제 상황 상품 리스트 페이지 개발 중, 카테고리번호 별로 다른 상품리스트를 렌더링 하기 위해 리액트 라우터의 URL 파라미터를 사용했는데 같은 방식으로 파라미터를 사용하던 다른 프로젝트에선 볼 수 없었던 아래와 같은 404 오류가 떴다. /categories 까지는 오류 없이 페이지가 잘 나타났지만 /categories 뒤에 '/'와 함께 파라미터를 붙이거나 '/'만 붙여도 해당 오류가 발생했다 해결 방법 이전 프로젝트들에서는 마주친 적 없던 오류였고, 공식문서를 봐도 리액트 라우터의 URL 파라미터 사용법엔 문제가 없었기 때문에 프로젝트 자체의 환경설정 부분이 잘못되었을 확률이 높았다. 관련 키워드로 열심히 검색해본 결과 웹팩에서 사용하는 HtmlWebpackPlugin에 publicPath가 설정되.. 이전 1 2 3 4 5 다음
