CS/Network11 [Network] 네트워크 계층 해당 게시글은 '면접을 위한 CS 전공지식 노트' 도서를 학습한 후 개인적으로 정리한 내용으로 구성함을 밝힙니다. 1. 계층 구조 OSI 7계층 vs. TCP/IP 계층 2. TCP/IP 4계층2.1. 응용 계층 (Application Layer)응용 프로그램이 사용되는 프로토콜 계층웹 서비스, 이메일 등의 서비스를 사용자에게 제공 FTP 장치와 장치 간의 파일 전송 프로토콜 SSH 보안이 없는 네트워크에서 네트워크 서비스를 안전하게 운영하기 위한 암호화 네트워크 프로토콜HTTP World Wide Web을 위한 데이터 통신 기초SMTP 전자 메일 전송을 위한 인터넷 표준 통신 프로토콜DNS 도메인 이름과 IP 주소를 매핑해주는 서버 2.2. 전송 계층 (Transport Layer.. 2025. 4. 16. [Network] 네트워크 기초 해당 게시글은 '면접을 위한 CS 전공지식 노트' 도서를 학습한 후 개인적으로 정리한 내용으로 구성함을 밝힙니다. 네트워크컴퓨터 등의 장치들이 통신 기술을 이용하여 구축하는 연결망노드(node)와 링크(link)가 서로 연결되어 있으며, 리소스를 공유하는 집합노드 : 서버, 라우터, 스위치 등의 네트워크 장치링크 : 유선 또는 무선 1. Throughput과 Latency좋은 네트워크의 조건많은 처리량을 처리 가능지연 시간이 짧음장애 빈도가 적음보안성이 좋음 처리량 (Throughput)정의링크 내에서 성공적으로 전달된 데이터의 양처리량 vs. 트래픽트래픽 : 특정 시점에 링크 내에 흐르는 데이터의 양트래픽이 많아졌다 = 흐르는 데이터가 많아졌다처리량이 많아졌다 = 처리되는 트래픽이 많아졌다단위bps (.. 2025. 4. 16. WEB2-JavaScript (33-38강) 객체의 사용- 객체 내부에 여러개의 메소드를 담을 경우 해당 메소드들을 서로 콤마(,)로 구분해주어야 한다. JavaScript 코드를 하나의 파일로 묶어서 사용하기- 똑같은 JavaScript 코드를 여러가지 페이지에서 동일하게 사용하는 경우, 그 JavaScript코드에 수정사항이 생기면 모든 페이지의 그 코드에 찾아가서 일일이 수정해야 하는 번거로움이 존재한다. 따라서 해당 코드를 이름을 붙여 별도의 페이지에 파일로 저장해두고, 그 코드 필요한 부분에 그 파일 이름을 사용한다.- [ HOW? ] 빈 파일 만들기 (파일명.js) → 내부의 코드만 그 파일안에 옮기기 → 껍데기만 남은 태그에 scr="파일명.js" > 추가하기 라이브러리 & 프레임워크 - 공통점 : 다릉사람이 이미 만들어 놓은 .. 2021. 7. 19. WEB2-JavaScript(21-32강) 배열과 반복문- while문 (※ 조건식에서 부등호 - 태그 selector를 이용한 반복문 : 해당 태그를 가진 모든 애들한테 빠짐없이 똑같은 명령 내릴 때-document.querySelectorAll('@'); 태그들의 목록-document.querySelector('@'); 태그 목록 중 첫번째꺼 함수[함수의 장점] 1. 중복된 코드들을 묶어서 사용함으로써 유지보수의 효율성을 높임 2. 웹 페이지의 사이즈가 줄어든다. 3. 해당 함수로 나타난 부분의 코드가 서로 완전히 동일한 코드라는 확신을 보장함 [함수의 선언] 함수 = 입력 (parameter, argument) + 출력 (return) function 함수이름(매개변수) { 수행 내용; } [ 매개변수와 인자 ] & [.. 2021. 7. 15. WEB2-JavaScript (1-20강) JavaScript- 사용자와 웹 페이지가 서로 상호작용할 수 있도록 하는 용도- : html의 언어로 이 안에 있는 코드는 자바스크립트임을 알려주는 태그- html vs JavaScripthtml정적이다.(곧이 곧대로)JavaScript동적이다.(계산능력 갖춤)- 웹 페이지에서 오른쪽 마우스>검사>Console에서 JavaScript 언어만 입력하고 Enter 치면 바로 수행됨사건 (event)- 웹 브라우저 위에서 일어나는 일들 * 버튼을 만드는 태그 : * button에 적을 텍스트값 지정하는 속성 : value=" " * [이벤트] : onclick 속성(클릭 시 수행할 사건 = ex. 'hi'라는 경고장(alert) 뜨게 하기) * 여기서 alert(' '); → 이 부분이 Java.. 2021. 7. 14. WEB2-CSS (5-16강) CSS Properties * font-size: @@px; : text 사이즈 조절 * text-align: center(left, right 등); : text 정렬 조절 * class="@" : 이거 적혀있는 애들은 @이라는 이름의 그룹으로 묶이고, 이 @ 그룹에 대한 스타일을 한번에 관리가능 .saw : 'saw' 이름을 가진 모든 class들에 대하여~ .active : 'active' 이름을 가진 모든 class들에 대하여~ ※ 가장 최근에 작성된 선택자의 명령을 따른다. (만약 .active -> .saw 순서였으면 최종적으로 더 최근에 작성된 .saw 선택자의 명령에 따름) ※ 하나의 대상에 대하여 class는 여러개 지정 가능함, 띄어쓰기로 구분함 최근 작성 선택자 명령 따르.. 2021. 7. 13. WEB2-CSS (1-4강) CSS - 웹의 디자인적인 부분을 담당하는 새로운 언어로 등장함 - [장점] (1) 웹의 구조적인 부분이라 더 중요한 html과 디자인적인 부분을 분리하여 사용가능 (2) 웹의 디자인 관리가 더욱 효율적임 (∵ 중복 제거, 한번에 다수의 디자인 관리 가능) CSS언어로 글자 색 바꾸기(1) style 태그를 이용하기 - : html의 언어로 html에게 여기부분은 CSS언어라고 말해주는 방법a { } : '모든 글자에 대하여' 의미 - 디자인 대상을 나타낸다고 '선택자(selector)'라 함color:red; : '색깔을 빨간색으로' 의미 - 디자인 세부사항 선언하는 '효과(declaration)'라 함+) CSS언어는 { }안에 작성하며, 문장 끝에 ;을 붙.. 2021. 7. 8. WEB1 (17-34강) ▶client : 인터넷상에서 정보를 요청하는 컴퓨터▶server : 인터넷상에서 정보를 제공하는 컴퓨터( game을 하는 과정에서 : game client / game server web을 이용하는 과정에서 : web client / web server 이런 식으로 지칭함 ) ▶host : 인터넷이 연결되어있는 각 컴퓨터들을 지칭▶web hosting : 웹 서버를 운영하기 위한 host를 빌려주는 것 ( 대표적인 web hosting 기업 : github ) ※ 부록 - 코드의 힘 (코드로 할 수 있는 다양한 기능) 1) 동영상 삽입 : 유튜브에서 공유>퍼가기>html 복붙 2) 댓글기능 추가 : DISQUS에서 universial code>윗 html 복붙 3) 채팅기능 추가 : .. 2021. 7. 8. WEB1 (13-16강) ◑ 자주 사용되는 슈퍼스타 태그들 : html 소스 코드 맨 위에 위치, '이 소스는 html형식임'을 나타냄 : 이 web의 제목을 의미 (본문의 제목 X), 웹주소의 이름임 : 해당 html 소스가 utf-8 형식으로 열렸음을 나타냄 : 이 소스가 html로 작성되었음을 나타냄 -1st 외곽 : 해당 소스의 정보를 알려주는 윗부분 소스들을 묶음 - 2nd 외곽 : 해당 소스의 본문을 나타내는 아랫부분 소스들을 묶음 - 2nd 외곽 2021. 7. 2. 이전 1 2 다음