Askyweb

Ask-Why Web

컴퓨터 통신에서 부터 웹까지 이것 없이는 살아갈수 없는 현대인의 필수품, 웹을 처음부터 알차게 배워나가 봅시다.

개요

• 시간/기간
  • 2014년 여름 방학 + α
  • 2014년 7월 15일부터 시작
  • 매주 화요일/금요일 오후 1 ~ 5시(끝나는 시간은 강사 재량)
• 범위
  • Web의 시작부터 끝까지 (켠김에 왕까지)
  • 컴퓨터 통신(TCP/IP) 부터 Web Application까지
• 대상
  • 컴퓨터 공학부 학생 누구나 (사전 지식 없어도 됨)

References

• Mozilla Developer Network(MDN) - https://developer.mozilla.org/ko/
• W3Schools - http://www.w3schools.com/

• HTML5 draft - http://www.w3.org/TR/html5/
• HTML4.01 Spec - http://www.w3.org/TR/html401/
• HTTP 1.1 Spec - http://tools.ietf.org/html/rfc2616
• HTTP 2.0 draft - http://http2.github.io/
• TCP Spec - http://www.ietf.org/rfc/rfc793.txt
• CSS 2.1 Spec - http://www.w3.org/TR/CSS2/

참여자

참여할 사람의 이름을 적어주세요

• [bluemir]
• 이원준
• 최다인
• 이지수
• 김정민
• 김한성
• 유재범
• 박희정
• 김성원
• 원준연--쿨타임 돌고 있음--
• 장혁재 (드랍인 & 아웃 할 것 같습니다)

기록

Start Up Meeting

• 이름 정하기
  • askyweb
  • 켠김에 웹까지
  • 스파이더맨
  • ~~스웹~~
  • ~~안생겨요 웹~~
• 시간 정하기
• 목표 정하기

OSI계층 && HTML실습 - 7/15

• 추상화 // 참고 링크 : http://ko.wikipedia.org/wiki/%EC%B6%94%EC%83%81%ED%99%94
  • 대학 면접 단골 질문이죠.(이 방에서 이진법으로 표현할 수 있는 것은?? - 답 : 모두)
  • 추상화란 전산학에서 추상화(抽象化)는 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 부분을 간추려 내는 것을 말한다.
  • 즉, 게임을 만들 때 이건 어찌 코딩해야하노.... 이런 상황이 추상화가 안된다라는 거죠
  • #을 7개를 찍어라!! => for(int i=0;i<7;i++) printf("#"); // #을 7개 찍어라는 걸 추상화하여 코딩한 거죠.

• OSI(Open Systems Interconnection Reference Model) 7계층 // 참고 링크 : http://ko.wikipedia.org/wiki/OSI_%EB%AA%A8%ED%98%95
  • 모형

1. 1. 응용 계층(Application layer)

• • ~~응용합시다~~ 간단히 프로그램이 돌아가는 계층??

1. 1. 표현 계층(Presentation layer)

• • ~~표현합시다~~ 코드간의 번역(인코딩, 암호화같은거)

1. 1. 세션 계층(Session layer)

• • ~~통신상태가 불량합니다~~ 통신하는 유저들을 동기화하고 상태를 점검

1. 1. 전송 계층(Transport layer)

• • TCP가 제일 유명 ~~여기가 거기여~~ 가장 끝에 있는 사용자끼리 신뢰성있는 데이터를 송수신할 수 있게함
    • TCP(Transmission Control Protocol, 전송 제어 프로토콜) // 참고 링크 : http://ko.wikipedia.org/wiki/%EC%A0%84%EC%86%A1_%EC%A0%9C%EC%96%B4_%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C

     IP의 핵심 프로토콜 중의 하나. 근거리 통신망이나 인트라넷, 인터넷에 연결된 컴퓨터에서 실행되는 프로그램 간에 정보 교환을 에러없이 할 수 있게 한다.

1. 1. 네트워크 계층(Network layer)

• • IP가 살짝 물려있는 곳(IP를 3.5계층이라고하죠) 경로를 찾아주는 계층(그림생각나죠??)
    • IP(Internet Protocol, 인터넷 프로토콜) // 참고 링크 : http://ko.wikipedia.org/wiki/%EC%9D%B8%ED%84%B0%EB%84%B7_%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C

     사용자간의 네트워크에서 패킷을 주고받는 데 사용하는 정보 위주의 규약이다. 사용자의 주소지정과 패킷 분할 및 조립 기능 담당함.

• • • 패킷 // 참고 링크 : http://ko.wikipedia.org/wiki/%ED%8C%A8%ED%82%B7

     데이터의 형식화된 블록. 각 패킷은 프로토콜 계층들의 구현 내용을 담고 있음.

1. 1. 데이터 링크 계층(Data link layer)

• • 이더넷(Ethernet)이 여기. 물리계층에서 발생할 수 있는 오류와 흐름 제어
    • 이더넷 // 참고 링크 : http://ko.wikipedia.org/wiki/%EC%9D%B4%EB%8D%94%EB%84%B7

     LAN을 위해 개발된 컴퓨터 네트워크 기술. 물리 계층에서 신호와 배선, 데이터 링크 계층에서 MAC 패킷과 프로토콜의 형식을 정의

1. 1. 물리 계층(Physical layer)

• • 눈에 보이는거(전기) ~~무선인터넷도 포함되는데 안보인다 그러면....할말이...~~ 말그대로 물리적인 실제 장치

• HTML실습
  • 누가 실습한 것 좀......

• 할 말
  • 해킹 - 공격의 예술 에서 OSI계층 설명이 있는데 그거 찾아서 읽어보세요 짱 쉬움(내 책 가져도 놓음) - 김한성

다음주 예고

이론 : DNS/라우터 실습 : 추후공개~~(서프라이즈)~~