분류 전체보기
-
[모두의 네트워크] 5장 네트워크 계층 : 목적지에 데이터 전송하기CS지식 2022. 6. 15. 11:39
17. 네트워크 계층의 역할 OSI모델의 3계층인 네트워크 계층 전 세계에는 수많은 네트워크가 있고 그 네트워크들은 서로 연결되어 거대한 인터넷을 이루고 있다. 어떻게 연결될 수 있던 걸까? 다른 네트워크에 있는 목적지로 데이터를 전달하려면 네트워크 계층의 기술이 필요하다. 데이터 링크 계층에서 이더넷 규칙을 기반으로 데이터의 전송을 담당하지만 이 규칙에 따라 같은 네트워크에 있는 컴퓨터로는 데이터를 전송할 수 있지만 인터넷이나 다른 네트워크로는 데이터를 전송할 수 없다. 수많은 네트워크가 연결된 환경에서 데이터 링크 계층의 기능만으로는 다른 네트워크로 데이터를 전송하기 힘들다. 네트워크 간의 통신을 가능하게 하는 것이 네트워크 계층의 역할이다. 이 계층을 통해 다른 네트워크로 데이터를 전송하려면 라우터..
-
[모두의 네트워크] 4장 데이터 링크 계층 : 랜에서 데이터 전송하기CS지식 2022. 6. 14. 14:55
12. 데이터 링크 계층의 역할과 이더넷 랜에서 데이터를 주고받으려면 데이터 링크 계층의 기술이 필요하다. - 데이터 링크 계층 네트워크 장비 간에 신호를 주고받는 규칙을 정하는 계층 랜에서 데이터를 정상적으로 주고받기 위해 필요한 계층 그 규칙들 중 일반적으로 가장 많이 사용되는 규칙 = 이더넷 - 이더넷 랜에서 적용되는 규칙 허브와 같은 장비에 연결된 컴퓨터와 데이터를 주고받을 때 사용한다. 허브는 특정한 컴퓨터 한 대에 데이터를 보내려고 해도 다른 모든 컴퓨터에 전기 신호가 전달되는 문제가 있다. 이런 경우를 위해 데이터의 내용을 못보게 하는 확실한 규칙이 정해져 있다. 보내려는 데이터에 목적지 정보를 추가해서 보내고 목적이 이외의 컴퓨터는 데이터를 받더라도 무시하게 되어있다. 이더넷은 여러 컴퓨터..
-
[모두의 네트워크] 3장 물리 계층 : 데이터를 전기 신호로 변환하기CS지식 2022. 6. 14. 13:18
09. 물리 계층의 역할과 랜 카드의 구조 OSI모델의 1계층인 물리 계층에 대해 알아본다. 0과 1만으로 이루어진 비트열을 전기 신호로 변환하려면 물리 계층의 기술이 필요하다. 네트워크를 통해 데이터를 주고받을 때는 0과 1이 비트열을 전기신호로 변환해야한다. - 전기신호의 종류 1. 아날로그 신호 : 물결 모양 전기 신호 ex.전화회신, 라디어 방송 2. 디지털 신호: 막대 모양 전기 신호 - 데이터가 어떻게 전기 신호로 변환될까? 데이터 송신 측 컴퓨터가 전송하는 0과 1의 비트열 데이터는 전기 신호로 변환되어 네트워크를 통해 수신 측 컴퓨터에 도착한다. 수신 측 컴퓨터는 전기신호를 0과 1의 비트열 데이터로 복원한다. 0과 1을 어떻게 전기 신호로 변환하는 걸까? 컴퓨터는 네트워크를 통해 데이터를..
-
JS함수 정리 - 화살표함수, 즉시실행함수, 호이스팅, 타이머함수, 콜백프론트엔드 개발자가 될거야./js 2022. 6. 14. 11:17
* 화살표함수 // 화살표 함수 // () => {} vs function () {} const double = function (x) { return x + 2 } console.log('double: ', double(7)) const doubleArrow = x => x * 2 console.log('doubleArrow', doubleArrow(7)) // 화살표 함수 객체데이터 사용법 const doubleArrow = x => ({ name: 'jeongeun' }) console.log('doubleArrow', doubleArrow(7)) * 즉시실행함수 IIFE : 함수가 한 번 실행되고 쓸 일이 없을 때 : 이름이 없는 익명함수를 만들자마자 그 자리에서 바로 실행가능 // 즉시실행함수 ..
-
[모두의 네트워크] 2장 네트워크의 기본 규칙CS지식 2022. 6. 13. 20:19
06. 네트워크의 규칙 일상생활에서 지켜야 하는 규칙이 있듯이, 네트워크에서도 문제없이 통신하려면 규칙을 지켜야한다. 이와 같은 규칙을 프로토콜이라고 한다. - 프로토콜 = 통신하기 위한 규칙 07. OSI 모델과 TCP/IP 모델 네트워크에서는 데이터를 주고받기 위한 통신 규격이 정해져 있다. 각각의 계층에는 다양한 프로토콜(통신 규칙)이 있다. 1. OSI 모델이란? 표준 규격을 정하는 ISO라는 국제표준화기구가 있는데 이 단체가 OSI 모델이라는 표준 규격을 제정했다. 네트워크의 기본 구조를 일곱개 계층으로 나눠서 표준화한 통신 규약으로 현재 다른 모든 통신 규약의 기반이 된다. 네트워크 기술의 기본이 되는 모델이다. 데이터의 송수신은 컴퓨터에서 컴퓨터로 데이터를 전송하는 것인데 이때 컴퓨터 내부에..
-
[모두의 네트워크] 1장 네트워크 첫걸음CS지식 2022. 6. 13. 19:36
01. 네트워크의 구조 - 컴퓨터 네트워크 컴퓨터 간의 연결을 일컫는데 컴퓨터를 두 대 이상 연결하여 서로 데이터를 전송할 수 있는 통신망 - 인터넷 전 세계의 큰 네트워크부터 작은 네트워트까지를 연결하는 거대한 네트워크 TCP/IP 프로토콜을 사용하는 세계 최대 규모의 네트워크 전 세계의 컴퓨터를 서로 연결하여 정보를 교환할 수 있도록 만든 하나의 거대한 컴퓨터 통신망 - 패킷 컴퓨터 간에 데이터를 주고받을 때 네트워크를 통해 전송되는작은 데이터 조각 큰 데이터가 있더라도 작게 나누어서 보내는 게 규칙이다. 왜냐하면 큰 데이터를 그대로 보내면 그 데이터가 네트워크의 대역폭을 너무 많이 차지해서 다른 패킷의 흐름을 막을 위험이 있다. 그래서 용량이 큰 데이터는 작은 패킷으로 분할하여 전송한다. - 대역폭..
-
자바스크립트 라이브러리 정리프론트엔드 개발자가 될거야./js 2022. 6. 13. 16:45
swiperjs swiperjs 슬라이드 기능 구현해주는 라이브러리 사용법 1. CDN 가져오기 (주의! link테그도 함께 가져오기) 2. HTML 레이아웃 Slide 1 Slide 2 Slide 3 ... 3. JS에서 swiper초기화 new Swiper(선택자, 옵션) 4. 여러 스타일이 있으니 홈페이지에서 'Demos' 참고 gsap 자바스크립트 애니메이션 라이브러리 사용법 gsap 1. CDN 가져오기 2. gsap 이해하기 나같은 경우는 gsap.to를 이용했다. gsap.to(요소, 지속시간, 옵션) 3. 넣고싶은 옵션 공부하기 gsap.to gsap 홈페이지 가서 구경해보자! gsap.to로 구현한 코드 html css .fade-in{ opacity: 0; } javascript con..
-
나의 첫번째 웹사이트 수정편프론트엔드 개발자가 될거야./js 2022. 6. 13. 16:43
맨 처음에 만든 자기소개 웹사이트가 승에 차지 않아서 레이아웃을 대폭 수정했다. 웹사이트 구경가기 첫번째페이지 방명록도 작성할 수 있다. 저장이 되지는 않는다...ㅎㅎ 추후 구현해야지! 그리고 about me! 버튼을 누르면 메인페이지로 들어갈 수 있다. 메인페이지 쟈쟌.. 전에보다 훨씬 깔끔해졌다 :) 단, Develpert 스펠링 틀림.. 인생은 단 한 번뿐, 대충 살아서는 행복할 수 없어! 내가 진짜 좋아하는 문구...... 내 가치관이라서 이 문구를 보면 힘이난다. 그리고 position: fixed를 사용해 navbar도 고정시켰다. 자꾸 겹치는 버그가 발생해서 구글에게 물어보니 body에 padding-top을 해주라고 해서 해줬다 :) 푸터도 만들었다. 이렇게 보니 나름 갖추어진 홈페이지가 ..