오늘 공부할 내용

• WEB2 수업 듣기
• 프로젝트 사전조사
• 개강여부 확인 및 이후 계획 생각해보기

오늘 공부한 것 & 배운 내용

• WEB2 수업듣기

  • CSS

    • HTML/CSS 가 웹에 가장 기본 문법이기 때문에 CSS까지는 듣고 가기로 결정했다
    • 선배들이 HTML에 디자인 문법을 추가한 것이 아닌 CSS라는 새로운 디자인 언어를 개발했다는 것은 새로운 언어를 배워야 한다는 단점을 뛰어넘는 장점들이 존재하기 때문이다
      • 효율적 디자인 문법을 통한 가독성/ 유지보수성에 증가
      • 정보와 디자인의 언어적 분화 => HTMl자체가 중요한 내용이기 때문에 정보만을 담고있는 코드를 독자적 관리가 필요했다
    • CSS를 사용하는 2가지 방법 sytle 태그를 쓴다 혹은 html태그안에서 style속성을 사용한다
    • CSS의 선택자에는 태그선택자, 클래스선택자, 아이디 선택자가 있고 그순서대로 포괄적 -> 구체적이 되서 우선순위가 결정된다
      • 가장 포괄적인게 우선순위가 낮은이유는 일반적인 디자인을 하고 그다음에 클래스로 묶어서 특별한 애들을 넣고 마지막으로 아이디로 정말 유일한애들만 딱딱찝어서 디자인해주기 위해서다(이게 효율적이겠다)
    • 실습 따라만 치는건데도 잘 안된다.. Java할때랑 이게 하나둘씩 쌓이니까 되게 거슬린다..
    • 박스모델 - 그리드 - 반응형디자인 -링크까지 중요한 기능들을 하나씩 훑어보면서 기본적인 css구조를 이렇게 짜는구나 하고 이해하게 되었다
    • 수업후기
      • 아주 기본적인 것들이면서 핵심적인것만 담고 있는 강의라 정말 듣길 잘했다고 느끼는 강의였다
      • 항상 수업마지막에 나오는 배운것들을 활용해야 한다고 하면서 배운것들을 활용하지 않으면 뇌는 공부를 쓸모없는것으로 받아들여 더이상 공부를 하지 않으려고 할 것이라는 얘기가 부담으로 다가온다... 배운것들을 어떻게 활용할 수 있을까 고민해야겠따

  • Homeserver강의

    • 강의듣는 목적

      • 시간이 가능하다면 JavaScript나 Nod.js 수업들 듣고 싶지만 벌써 일요일 오후이고 월요일부터는 다시 진도로 돌아가야된다.. 그래서 Web2강의를 둘러보던중 Homver강의가 있길래 둘러봤더니 네트워크에 개념에 대해 조금이나마 친숙하게 배울수 있을 것 같고 강의시간도 짧아서 현상황에 잘맞는 것 같아서 강의를 고르게 되었다

    • 강의내용 요약

      • 라우터

        • 통신을 위해서 컴퓨터는 IP주소(전화번호같은)를 가지고 있어야 가능하다
        • 통신사로부터 받은 WAN케이블이 공유기에 꼽히는 순간 그 주소는 해당 공유기로 배정이된다
          • WAN는 WildAreaNetwork의 줄임말
          • Wan에도 IP주소가 배정된다
            • 이를 public IP address라고 한다(인터넷에서 공유되는 주소)
        • 공유기에 LAN을 통해 해당 네트워크를 공유한다.
          • 지역네트워크(LocalAreaNetwork)가 형성된다
          • LAN에 연결된 기기들은 자동으로 각각에 IP를 부여받게 된다
            • private IP address 라고 하고 사설IP라고도 부른다. 이는 내선번호 같은 것이다
          • 공유기에도 IP를 부여받는다
            • 이를 Gateway address 혹은 Router address라고 한다
          • private IP를 위한 IP주소값을 지정해 놓았기 때문에 주소를 보고도 어떤 IP인지 알아볼 수 있다
          • 공유기는 WAN와 LAN의 일종의 중개소 역할을 하게 된다

      • NAT(Network Address Translation)

        • private IP address에서 네트워크에 요청 발생시 생기는일(클라이언트 입장)
          • 1)먼저 private IPaddress에 요청이 공유기로 전달됨
          • 2)공유기에서는 첫번째 privat IPaddress에 요청을 기록함
          • 3)두번째 prvivate IP address에 요청을 public IP address로 변경하여 요청을 전달하게된다
            • 이때 사용되는 기술이 Network Address Translation이다
          • 4)요청을 받느 곳에서 public IP address로 요청을 보낸다
          • 5) 2)에서 저장되어 있는 정보를 바탕으로 해당 private IP address로 전송하게 된다
          • 6) 요청을 보낸 private IP address에 응답이 전달된다
        • 우리가 배울 HomeSever는 클라이언트 입장이 아닌 Sever입장이 되어서 외부 IP가 어떻게 우리의 private Address로 접근하게 되는지 배우게 될 것이다

      • IP주소 알아내기

        • 제어판 - 네티워크 - 속성에 들어가서 확인하기
          • IPv4 Address가 현재 접속기기에 private IP adrress
          • IPv4 Default Gateway 라우터의 Gatewy IP address
        • 웹브라우저에 자신의 GatwayIP주소 넣어서 공유기 관리페이지를통해 확인하기
        • 웹브라우저에 myIP라고 검색하고 myip.com 같은 서비스 활용하기

      • Port

        • 하나의 컴퓨터 안에 있는 여러개의 서버를 식별할 수 있게 해주는 시스템
          • 0~65535번까지의 숫자로 표현한다
            • 0~1023번까지는 Well-know port로 이미 배정이되어있다
              • 80번은 http(web)에 사용되있도록 배정이 되어있다
                • 우리가 Websever를 설치하면 80번에 자동으로 연결이 된다
                • 만약 우리가 2번째 Websever를 설치하고 싶으면 다른곳에 설치하면된다(대부분 8080에 설치하게 된다)
              • Listening이라는 표현을 씀. 듣고있다가 요청이오면 응답해주는 역할
        • 여러개의 서버중 어떤 것과 접속할 것인지에 관한 것은 URI에 연관된다
          • httP://opentutorials.org 라고 하면 자동으로 80번 port에 접속이된다
            • http는 port80가 default이기 때문이다.
          • httP://opentutorials.org:8080 라고 하면 자동으로 8080번 port에 접속이된다
        • Port를 통해 하나의 여러대의 서버를 운영하는 것을 할 수 있다

      • PortForwarding(포트포워딩)

        • 포트포워딩 동작 요약
          • 외부에서 public IP에 :8081포트로 들어오면 공유기에서 private에 4번에 :80포트로 보내버리기
          • 외부에서 public IP에 :8080포트로 들어오면 공유기에서 private에 3번에 :80포트로 보내버리기
            • 라우터(공유기)가 안내자 역할을 하게 한다
        • 포트포워딩 과정
          • 공유기 관리자페이지 - 고급 설정 - NAT 설정 - 포트 포워딩
          • 외부에서 들어올 포트 설정, prviateIP와 내부 포트 설정
          • 웹브라우저에서 public:외부에서들어올 포트 입력하면 내 웹페이지로 이동됨
            • 실습하려고 했지만 계속 웹브라우저에서 접속거부가 되서 포기함..

      • Dynamic IP Address VS Static IP Address(유동아이피 vs 고정아이피)

        • ISP 인터넷 공급처에서 한정된 IP를 사용할 때마다 배분하면서 IP를 돌려막기 하는 것이 유동아이피
          • 유동아이피는 특정조건(임대시간, 컴퓨터 재부팅)등에 상황에서 재임대해 준다
          • 문제점은 서버로 사용하는 IP의 경우 유동IP사용하면 IP주소가 바뀌어서 접속주소가 바뀔 수 있다
          • 통신사에 고정IP를 사용할 수 있게 비용을 지불하면 이런문제를 해결 할 수 있다

      • Dynamic Host Configuration Protocol

        • 직접 privateIP를 설정하는 것은 어려운일이다.. 그래서 자동으로 설정해주는 DHCP에 대해서 알아볼것이다
        • DHCP 구성
          • DHCP server라는 프로그램을 공유기에서 내장하고 있따
          • DHCP Cleint라는 프로그램을 인터넷을 사용하는 기기에 깔려있따
          • 인터넷을 사용하는 기기에는 고유한 식별자가 써져있다(공유기, 노트북 등) :이를 MAC Adress이나 피지컬어드레스라고 한다
        • DHCP 작동방식
          • 컴퓨터를 공유기에 꽂는순간, 연결한순간 DHCP클라언트가 네트워크안에 DHCP 서버가 있는지 찾으며 Mac어드레스를 알려준다
          • DHCP서버가 자신의 Mac어드레스를 밝히며 해당 mac어드레스에 특정 IP를 임대해줄 수 있다고 알려준다
            • DHCP서버가 다른기기가 어떤 IP주소 빌려갔는지 기억하고 있기 때문에 가능한 일이다
          • DHCP클라이언트에서 해당 IP를 사용한다고 응답을 한다
          • DHCP서버는 해당 MAC주소에 기기는 해당 IP어드레스를 쓰고있다고 기록하고 클라이언트에게 ~시간동안 사용하라고 알려준다
          • DHCP서버는 해당 정보를 받아서 수동으로 작성해야하는 IP주소를 자동으로 기입한다
          • 이런 기술때문에 인터넷을 전기쓰듯이 사용할 수 있게 된 것이다

      • 수업 마무리

        • 공유기는 많은 네트워크를 가진 기기 이다. 이것을 활용할 수 있으면 생각보다 많은일을 할 수 있다
          • 그러니 겁먹지말고 하나씩 알아보고 활용해봐라
        • IP어드레스가 아닌 도메인을 활용하여 서버를 연결할 수 도 있다.
        • https를 활용하면 웹사이트에 보안까지 커버할 수 있다
        • 홈서버를 넘어서 서버를 제공해주는 업체들인 webhosting , serverhosting, cloud computing을 통하여 실제 서비스를 구현해보아라
          • 그때에도 우리가 배운 지식들이 활용될 것이다

      • 느낀점

        • 공유기라는 것이 얼마나 대단한 기기인가 이번기회를 통해 배울 수 있었다
        • 많이 들어봤지만 여러종류가 있어서 잘모르고 있던 IP주소의 종류들에 대해 명확히 정리할 수 있었다
        • 안타깝게고 포트포워딩이 작동하지 않아 홈서버 실행에는 실패 했지만 어떤 방식으로 진행되는지 이해할 수 있었고 그중에 포트에 역할을 이해할 수 있었다

공부하면서 느낀점

• 오늘 정부시책 발표로 사회적거리두기가 1단계로 조정됨에 따라 다시 학원이 다시 강의를 시작하게 될 것같다. 8월 19일 이후 약 7주만이다.. 되게 반가울줄 알았는데 생각보다 부담감이 많이들어서 생각을 좀 정리해봐야 될 것 같다

• 강의들은 나름의 목차를 가지고 정리해가면서 들으니 훨씬 효과가 좋았다. 강의안이 없는 내용은 이렇게 정리하면서 듣는게 효과적이 될 것 같다

내일 공부할 내용

• WEB2 강의
• 프로젝트 준비
• 화요일 수업준비
• 질문사항 조사 및 정리
• TiL 정리 및 블로그 업데이트