제수기 > HTML > 개념

Eunbi Jo·2024년 12월 30일
0

제수기

목록 보기
23/90
post-thumbnail
제수기 - 제발 수업내용을 기억해라

앞으로 배울 Web 언어

  • html
  • css (publisher가 담당해주니까 개발자는 알고 있는 정도만 해도 됨)
  • js를 집중해야 한다.

자바스크립트는 프로트앤드로 시작해서 백앤드의 node.js라는 기술이 잘 쓰이고 있다.

프로트앤드에서 recat, vueis 등도 자바스크립트에서 쓰이는 거다.


HTML

참고 페이지

기본

  • 대소문자 구분 X
  • !-- 비쥬얼코드의 주석

file과 http, https 프로토콜

  • file:// 파일 프로토콜
    browser에서 내 파일에 접근

  • http://, https:// 웹 프로토콜
    내 파일을 live server라는 웹 서버에 올려놓고 browser가 그걸 쓰게 하는 거

live server

vs code 확장 프로그램을 많이 찾아보면 좋다.

  • indent-rainbow 등 찾아서 설치하기
  • 익스텐션에서 live server를 설치해서 열어보자.

  • http:// 웹프로토콜로 변하면서 열린다.


인터넷 / 웹 / 크롬 구분하기

  1. 인터넷
    네트워크 : 컴퓨터와 컴퓨터가 연결된 것
    공유기로 연결될 수도 있다.
    작은 네트워크가 모여서 어디까지 확장될까?
    전 세계가 다 연결된 네트워크가 인터넷이다.
    1950년 군사용네트워크 ARPANET 아르파넷. 이후에 인터넷이 됐음.

  1. 월드 와이드 웹(WWW, World Wide Web)
    인터넷은 FTP(파일 주고받는) 서비스, 이메일 서비스, TELNET 서비스 등이 있었는데 그 중에 하나가 웹서비스였다. 스위스의 입자물리연구소에서 근무하던 팀 버너스 리가 90년대에 개발했다. 팀원들하고 연구 내역 공유하려고 궁리해서 만든 게 웹. 그때 사용한 프로토클 html. 이걸 영리목적으로 안 쓰고 오픈소스를 했음. 그래서 30년만에 IT의 근간이 됐음. 나중에 영국에서 기사 작위도 받음. 지금은 w3c (www consothium) 수장. 웹 관련 표준 정립하고 있음. 브라우저가 웹서버에 요청하고 응답을 받는 구조.
  1. 크롬
    그 브라우저의 대표주자.

hyper text의 link. 누르면 이동하는 기능. 대표적이었다.
markup language
-> 합쳐서 html

move line 키 찾는 방법

컨트롤 쉬프트 P ->
shortcut 입력 ->
컨트롤 K S ->
move line 입력

0개의 댓글