[4일차] html 기본값 / 정보통신 일반

20220725(월)

• 목차
  - 정보통신 일반
  - CSS

---

✨ 클라우드 개념 알고 있기!

https://library.gabia.com/contents/infrahosting/9114/

가비아 라이브러리

 

쿠버네티스

https://www.redhat.com/ko/topics/containers/what-is-kubernetes

쿠버네티스(Kubernetes) 개‭념,  사‭용 방‭법,  차‭이‭점

---

< html 기본 설정 값 설명 >

- scale : 배수, 비율

- initial-scale : 초기 설정

* zen coding. 젠코딩은 HTML 코딩의 생산성을 향상해주는 도구; eclipse, vim, dreamweaver, editplus와 같은 에디터에 플러그인으로 설치

 

- 마크업 : 데이터와 메타 데이터를 결합하는 방식으로 표현하는 메커니즘(어떤 사물이 어떻게 작동하는 원리)

마크업 언어는 "마크(Mark)"로 둘러싸인 언어입니다. "태크(Tag)"로 둘러싸였다고도 표현합니다. 
HTML, XML 등의 마크업 언어들은 문서의 구조를 정의합니다. 

 

<p contenteditable>~</p> : 바로 문단을 수정할 수 있도록 설정

<!-- ~ --> : 주석

<th> : 데이터 <td>가 아닌 것은 다 th다!

---

client                                    ➡ request 정보를 요청      ➡ server

IP, DNS(도메인 이름 시스템)                                      1) 이 서버가 해당 정보를 가지고 있다.

ex) 네이버 로그인 창 www.naver.com/login.html        2) 해당 정보의 정확한 위치를 알고 있다.

 

• 인터넷의 역사
  유선망 : 세계대전 때 무선으로 하면 안테나에 잡혀서 땅 깊게 파서 유선망 깔았다. 보안 위해서
  ARPANet : 아파넷(ARPAnet)은 미국 국방부의 고등 연구 계획국(Advanced Research Project Agency : 약칭 ARPA, 문화어: 현대연구계획국망)의 주도하에 만들어진 세계 최초의 패킷 스위칭 네트워크
  
  
• IP
  지역 / 지역 내 번호 IP
  IP Address : 4개의 클래스로 나눠져 있는 식별자(인터넷 프로토콜을 사용하기 위한)
  192.46.5.7 왜 4개로 나눴을까? : 1바이트 = 8비트 0.0.0.0 ~ 255.255.255.255 최대 개수 42억 개
  
  
• DNS와 Query
  DNS : 우리가 어떤 정보를 가져오기 위해서 그 서버를 가져올 수 있는 메커니즘을 제공함
  Query : 질문. ex) gmail.com의 주소 좀 알려주세요. 

• 절대 경로와 상대 경로
  - 절대 경로 : http://www.abc.com/img/a.jpg
     home화면 html에 위 절대 경로 이미지를 삽입하고 싶을 때 주소를 다 치면 길어지니까 현재 페이지를.으로 생략함
  - 상대 경로 (앞. 의 의미는 '내 위치를 기준으로') = 파일 시스템에서 사용하려고 만들어짐
                  *./ 생략 가능 :./지우고 img/a.jpg라고만 해도 불러오기 가능함
                   ../img/a.jpg : 내 디렉토리 위로 가서 다시 찾아
                   ../../../.. 하다 보면 위로 계속 올라가서 e드라이브가 나온다.
                   ../././img/a.jpg : 위로 올라가, 그리고 그 폴더 안의 그 폴더 안의 img. 
  
  
• cmd 창에서 디렉토리 만들기
  - cd : change directory
  - mkdir / rmdir : 디렉토리 생성/삭제
  - dir : 디렉토리 리스트를 보여주는 명령어
  - cd c: : c드라이브로 가라

---

< 웹 접근성 >

• 정의
  정보통신 접근성(Web 접근성)은 '지능 정보화 기본법'에 따라 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적 의무사항입니다. (예전엔 권장사항)
  
  
• 웹 접근성 준수 고려사항
  (1) 시각 (img의 alt 속성값)
  (2) 이동성
  (3) 청각 (img의 alt 속성값)
  (4) 인지 (img의 title 속성값)
  
  💢어떻게 다 하나하나 넣습니까?
  ➡ 툴을 넣어 검토하는 사이트가 있다. 거기에 넣고 돌려서 수정하면 됨!
  
  
• 인식의 용이성
  - 적절한 대체 텍스트 제공
  - 자막 제공
  - 색에 무관한 콘텐츠 인식
  - 명확한 지시사항 제공
  - 텍스트 콘텐츠의 명도 대비
  - 배경음 사용 금지

---

< 정보통신 이론 >

• 정보통신 정의
  기계와 기계 간에 전기적 회선을 통해 정보를 송수신하는 시스템
  
  
• 용어 정리
  System : 규칙에 따라 능동적으로 동작하는 환경
  Interface : 시스템과 시스템을 연결하기 위한 표준적인 접근 방식
  Transmission : 데이터를 왜곡 없이 보내기 위한 동작 방식
  Protocol : 시스템 간 데이터를 송수신(통신) 하기 위한 규칙
  Server : 서비스를 해주는 시스템
  Client : 서비스를 받는 시스템
  
  통신은 인터페이스의 집합이다.
  
  
• 통신 시스템의 구성
  (1) 통신 시스템의 분류
  - 정보 전송 시스템 : 데이터를 전송 (단말 장치, 정보 전송회선, 통신 제어장치)
  - 정보 처리 시스템 : 데이터를 처리/가공 (컴퓨터, 주변 기기)
  
  (2) 통신 시스템의 구성도 (대충 개념만 알아두기!)

PHONE (무선 통신망)  ---통신망---  (광케이블) NAVER
DTE       - DCE               - 통신망 -           DCE      - DTE

• DTE (Data Terminal Equipment)
  디지털 데이터를 입출력하는 단말장치
• DCE (Data Communication Equipment) = Modem 모뎀(디지털 신호↔아날로그 신호)으로도 불림
  데이터 회선 종단 장치, DTE를 망에 연결하는 장치
• CCU (Communication Control Unit)
  데이터 전송에 필요한 각종 제어를 모두 담당, 일반적으로 DCE와 DTE사이에 위치
• CODEC
  아날로그 데이터를 디지털 신호로 변환 (ADC)

---

< 데이터의 전송 >

• 아날로그 신호와 디지털 신호
  • 아날로그 신호 : 연속적으로 변하는 신호(곡선)
      ex) 초고음질 음악파일은 엄청나게 잘게 잘라서 전송했기 때문에 용량이 크고 전송 속도가 느리다.
  
  • 디지털 신호 : 미리 정해진 전압만 있는 신호
     아날로그 신호를 전송하려 하니 답이 없어서,, 일부러 각지게 만들어 보낸다.
  
  
• 변조
   : 신호를 멀리까지 왜곡 없이 전송하기 위해 신호의 진폭, 주파수 위상 등을 바꾸는 기법
  • 변조는 아날로그 변조와 디지털 변조로 나눌 수 있다.
  • 아날로그 변조 : AM, FM, PM
  • 디지털 변조 : ASK, FSK, PSK, QAM

 

   🔥중요!_데이터의 전송
       • 동기식 전송 : 상대방이 누군지 알고, 제어 프로토콜이 존재(ex. TCP)
                                복잡하지만 확실함 
       • 비동기식 전송 : 상대방이 누군지 모름(don't care, 없는 건 아냐!), 제어 프로토콜 부재,
                                   간단하지만 책임질 수 X
                                   ex) 동영상(넷플), 망 품질이 좋을 경우 사용(비어있는 8차선 대로!)

   ** 제어 프로토콜 : 시간 동기화(시간 신뢰성 확보), 에러 검출 및 수정,
                                흐름 제어(전달할 수 있는 캐파 차이 생각/0.5 가마)
                                TCP가 위 기능 다 갖고 있어서 http는 TCP기능도 됨

---

• 후기
  이론이 80이었던 날,, 춥고 졸려서 집중이 잘 안됐다.. 쏟아지는 IT지식^_^
  면접연습 대비 꼭 하자!