0=2

인터넷 프로토콜 스위트(internet protocol suite): 인터넷에서 컴퓨터들이 서로 정보를 주고받는 데 쓰이는 프로토콜의 집합1. 계층구조TCP/IP(Transmission Control Protocol/Internet Protocol) 4계층 모델: 네트워크에서 사용되는 통신 프로토콜의 집합OSI 7계층 모델: TCP/IP 계층과 달리 애플리케이션 계층을 3개로 쪼개고 링크 계층을 데이터 링크 계층과 물리 계층으로 나누어 표현하며, 인터넷 계층을 네트워크 계층으로 부름.애플리케이션(application) 계층FTP, HTTP, SSH, SMTP, DNS 등 응용 프로그램이 사용되는 프로토콜 계층이며 웹 서비스, 이메일 등 서비스를 실질적으로 사람들에게 제공하는 층FTP: 장치와 장치 간의 ..

네트워크: 노드와 링크가 서로 연결되어 있으며 리소스를 공유하는 집합노드: 서버, 라우터, 스위치 등 네트워크 장치링크: 유선 / 무선1. 처리량과 지연 시간처리량(throughput)링크 내에서 성공적으로 전달된 데이터의 양. (= 트래픽을 처리한 양)단위: bps(bits per second). 초당 전송/수신 비트 수트래픽, 대역폭, 에러, 하드웨어 스펙에 영향 받음트래픽: 특정 시점에 링크 내에 흐르는 데이터 양대역폭: 주어진 시간동안 네트워크 연결을 통해 흐를 수 있는 최대 비트 수지연 시간(latency)요청이 처리되는 시간. 메세지가 두 장치 사이를 왕복하는 데 걸린 시간매체 타입, 패킷 크기, 라우터의 패킷 처리 시간에 영향 받음2. 네트워크 토폴로지와 병목 현상네트워크 토폴로지(netwo..

HTML, CSS에 이어 Javascript 기초를 학습한 후 예제를 풀어보았습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | 자바스크립트 기초Quiz-1) 메인화면 탭 메뉴 구현 html 코드기본 HTML 코드는 다음과 같이 작성 합니다. About Custom Software Development Company Products Building tailored software to address critical needs of global enterprises. Technology Machine Learning, Artificial Intelligent, Cloud Platform. ..

이번 주차부터는 스터디원들과 HTML, CSS를 이용해서 웹사이트를 클론 코딩하기로 했습니다.선정한 웹사이트는 음원 스트리밍 서비스 FLO입니다.FLO 홈페이지중앙에 음악 앨범들이 길게 나열되어 있는 것이 특징적이라 이 부분을 구현해보고 싶다는 팀원들의 의견으로 선정하게 되었습니다. html 구조웹 페이지의 레이아웃을 살펴보고 그에 맞게 역할 분배를 진행했습니다.header & 네비게이션 바mainfooter main에서 아래로 길게 반복되는 앨범 부분은 2명의 팀원이 담당하기로 하고,상단에 있는 좌우로 슬라이드할 수 있는 음악 리스트는 header를 담당한 팀원이 구현하기로 했습니다.저는 footer를 담당했습니다.규칙1. 원본 사이트 소스 코드 보지 않기2. 요소들의 크기, 폰트 등을 맞추기 위해 크..

1주차에 풀었던 HTML 예제와 같이 CSS도 예제 실습을 진행하였습니다.아래 링크에서 최하단의 Quiz를 직접 구현했습니다.실습 예제 모음 | CSS 프로그래밍 기초Quiz-1) 소스코드 설명 페이지 만들기코드html CSS Quiz-1 Department: Computer Engineering Student Name: Hong Kil Dong Student ID: 20191029 Example Hello World Lorem ipsum... Try it Yourself >> cssh1 { color: white; text-align: cen..

2주차에는 CSS 개념을 공부하고 퀴즈를 풀어보았습니다.퀴즈w3schools - CSS 퀴즈HTML 퀴즈에 비해 문제 수는 적었습니다. 난이도는 비슷한 것 같습니다.오답 풀이/* CSS 주석 */ text-transform: 대문자로 또는 소문자로 바꾸는 속성none : 입력된 그대로 출력합니다.capitalize : 단어의 첫 번째 글자를 대문자로 바꿉니다.uppercase : 모든 글자를 대문자로 바꿉니다.lowercase : 모든 글자를 소문자로 바꿉니다.initial : 기본값으로 설정합니다.inherit : 부모 요소의 속성값을 상속받습니다.  padding은 속성값으로 음수를 허용하지 않고, 설정을 무시하거나 초기 값 혹은 디폴트 값인 ‘0’으로 해석하기도 합니다. list-style 속성li..

HTML을 공부하고 처음으로 활용해보기 위해 간단한 실습을 진행했습니다.아래 링크에서 최하단의 Quiz를 직접 구현해보았습니다.실습 예제 모음 | HTML 프로그래밍 기초Quiz-1) 테이블 병합코드 1 2 3 4 5 6 7 8 결과Quiz-2) 가입 신청서 만들기코드 - 수정 전 ..

웹 프론트엔드 기초 스터디는 2023년 7 ~ 8월에 진행한 스터디로, 블로그 이사할 겸 이전에 타블로그에 작성했던 글을 옮겨왔습니다.프론트엔드 스터디를 시작하면서, w3schools라는 사이트에서 퀴즈를 풀어보기로 했습니다.w3schools는 프로그래밍 언어의 개념에 대한 퀴즈를 제공하고 있어서 기초 학습을 할 때 적합한 것 같습니다.퀴즈w3schools - HTML 퀴즈퀴즈는 시간 제한이 없고, 답안을 제출하고 나면 이렇게 결과가 나옵니다.틀린 문제가 많아서 비슷한 유형끼리 묶어서 풀이를 해 보았습니다.오답 풀이style 속성 style 속성의 속성값으로, background-color를 이용하면 배경 색상을 지정할 수 있습니다. See the Pen html 퀴즈 5 by 최영은 (@YOUNG3U..

문제https://www.acmicpc.net/problem/2002풀이🔍 접근차가 들어간 순서를 숫자로 나타내기A차가 다른 차를 추월했다는 것을 아는 방법(1) A의 들어갈 때 인덱스보다 나올 때 인덱스가 작으면 추월?       → 들어갈 때 인덱스가 A보다 큰 차들이 추월하면서, A의 나올 때 인덱스도 뒤로 밀릴 수 있으므로            A의 인덱스 비교만으로는 판단할 수 없다.(2) A보다 늦게 나온 차 중에서, A보다 들어갈 때 인덱스가 작은 차가 하나라도 있으면      A보다 먼저 들어왔는데 A보다 뒤에 나온 것이므로 A는 터널 안에서 추월을 했다고 판단한다.🔨 구현map을 이용해 차량 번호(key)와 들어간 순서(value)를 저장한다.vector에 나온 차의 차량 번호를 저장한..

문제https://school.programmers.co.kr/learn/courses/30/lessons/43162 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이💡 문제 접근한 컴퓨터와 연결된 다음 컴퓨터를 탐색하고, 그 다음 컴퓨터와 연결된 컴퓨터를 계속해서 탐색해 나간다.탐색 중 연결이 끊기면 하나의 네트워크가 완성된 것 = 네트워크 + 1💡 DFS, 재귀함수1번 컴퓨터와 연결되어 있는 컴퓨터를 탐색하기 위해 dfs 함수를 호출한다.1번 컴퓨터가 2번 컴퓨터와 연결되어 있는 것을 발견한다.2번 컴퓨터와 연결되어 있는 컴퓨터를 탐색하기 위해 df..