[TIL-3] 생활코딩 WEB1-1~5

이미 첫코딩을 결제해놨고 예전에 한번 들었으니 제대로 한번 완강하고 다른 강의들을 통해 개발 공부를 시작하려고 했다. 하지만 프로그래밍 언어로 공부를 시작하지 말라는 조언들도 있었고, 첫코딩은 자바와 파이썬을 다루는 강의라 나에게 필요한 공부와 조금 거리가 있다고 느꼈다. 그리고 무엇보다 조언대로 프로그래밍 언어 강의를 처음에 들으니 체계적이기는 하지만 재미가 없다ㅠㅠ 오히려 어서 개발 공부를 해보고 싶어서 근질근질한 이 마음과 열정을 식혀버리는 것 같다. 그래서 첫코딩 완강을 미뤄두고 생활코딩의 HTML 강의에 입문해보려고 한다!

---

 

4. 코딩과 HTML

• 어떤 쪽이 사람이 하는 일이고, 어떤 쪽이 기계가 하는 일인지 구분. 그리고 무엇이 원인이고 결과인지 추론.
  • 어떤 명령어를 쓸 때는 적용될 내용의 시작과 끝을 감싸는 모양으로 입력. 동작의 끝에는 슬래시가 포함됨.
  • <li>는 각 내용을 리스트로 표현, <ul>은 수준 낮추기, <ol>은 번호매기기
• 사람이 하는 일이자 원인. 부호, 신호라는 뜻에서 코드. (생성되는 결과물의?) 원천이라는 뜻에서 소스. 약속이라는 뜻에서 (컴퓨터)언어.
• 기계가 하는 일이자 결과. 애플리케이션(앱), 프로그램. 구체적으로 웹페이지, 웹페이지가 모여있으면 웹사이트.
• 코딩의 핵심 : 원인인 코드를 통해 결과를 만든다.
• html : 웹페이지를 만드는 코드.
  • 쉬우면서 중요함.
  • 퍼블릭 도메인 : 웹은 저작권 없음. 그래서 여러 회사들이 각자의 브라우저를 만들 수 있고, 웹페이지를 만들면 여러 브라우저에서 똑같이 볼 수 있음.

5. HTML 코딩과 실습환경 준비

• 준비물 : 웹브라우저와 에디터(코드 작성 프로그램). 에디터는 메모장, 텍스트편집기 등 이미 컴퓨터에 내장되어있음. 하지만 코드 작성 전문 도구로 ATOM.
• 에디터 찾는 법 : best HTML Editor 2021
• 목표 : 아톰을 통해 HTML 파일을 만들고 그 결과를 웹브라우저로 출력함.
  • 바탕화면에 디렉토리(폴더) 만들기 : 웹사이트 만드는 프로젝트에 사용되는 파일들이 이 폴더에 저장됨.
  • HTML 파일 만들기 : 아톰에 폴더 추가하고 폴더 우클릭하여 파일 만듦. 확장자명 ".html" 붙여서 이름 지음.
  • 브라우저로 열기 : 다른 컴퓨터에 저장된 웹페이지를 열려면 주소를 입력함. 하지만 내 컴퓨터에 있는 파일을 읽으려고 할 땐 "파일 열기" 기능 사용. 컨트롤 + O.
  • HTML 파일에 작업하기 : 작성하고 저장한 뒤, 브라우저에서도 새로고침하면 뜸.