오늘은 공부 중/강의 공부

[생활코딩] 웹. 코딩과 HTML - Atom 에디터 환경설정까지

이도토리 2021. 6. 2. 16:47

생활코딩을 통해 처음부터 차근차근 개념을 되짚어나가려고 한다.

막상 시작하니까 그 흐름이 너무 체계적이고 탄탄해서 홀린듯 쭉 영상을 보며 정리를 해나가고 있다.


사람이 하는 일 = 원인
부호 또는 신호라는 의미의 코드 (code),
원천이라는 뜻의 소스 (Source),
약속이라는 의미에서 언어
그 중에서 컴퓨터 언어.

 


기계가 하는 일 = 결과

  • 애플리케이션
  • (줄여서) 앱,
  • (한국어로) 응용 프로그램,
  • 프로그램

 

 

웹에서는 결과를 웹 페이지,

웹페이지가 모여있으면 웹사이트.
기능이 좀 많으면 웹애플리케이션 (=웹앱)

 

즉, 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심.

 

 

 

웹페이지를 만드는 코드 = HTML.

웹 : 퍼블릭 도메인(Public Domain)

 

팀 버너스 리는 웹을 어떠한 저작권도 존재하지 않는
완전한 자유를 의미하는 퍼블릭 도메인으로 선언.

 


그렇기 때문에
구글과
마이크로소프트와 네이버가
웹브라우저를 만들 수 있고,
우리는 똑같은 웹페이지를
여러 웹브라우저에서 볼 수 있다.

 

웹은 특정 기업이 독점하지 않기 때문에
1990년 이후로
27년이 지난 지금 2017년까지 살아남았고,
27년 뒤에도 살아남을 가능성이 매우 높다.

 

 

 

에디터가 필요하기 때문에

best html editor 20~~ 이렇게 쳐서 가장 최신의 편집기를 찾아본다.

 

github.com에서 만든 Atom(아톰) 다운로드 : https://atom.io/

 

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

 

바탕화면에 디렉토리를 만들고

open folder 를 통해 디렉토리에 접근한 뒤 .html 확장자로 new file 클릭해서 파일 만들어줌.

 

폴더 내부에 파일 생성됨.

 

윈도우 : ctrl + o 

맥 : command +o

=> 파일 선택해서 html을 여는 기능.