AWS 공부 5일차 - 웹의 기초

AWS수업 5일차

<Web의 기초>

1.수업 소개
상상력이 필요햐~!
나는 "나의 문제를 코딩으로 해결하려는 엔지니어야🥨"
공부는 문제를 해결해줘 해방시켜줄거ㅑㅁ 

뇌에게 공부의 효용을 잘 노출해주면 뇌는 공부를 스스로 찾아낼거야
공부와 친해지는 계기가 되면 좋겠당

2.프로젝트의 동기
2010년으로 돌아가 이고잉의 첫 코딩날을 보자
프로그래머인데 비개발자인 동료들에게 쪼끔만 알려주면 
이고잉은 무대공포증도 극복했다
그러나 강연은 모두들에게 시간과 돈이 많이 들었다.
온라인 서비스가 각광받기 시작했고 동영상으로 수업을 공유하기 시작함!
무료동영상 서비스가 HD서비스를 지원하다니..행운이야
수업을 만들었더니 또 생긴 문제 공부할 순서가 뒤죽박죽
장애물을 만들면 새로운거를 만들자는 생각을 앞으로 하게 되었다

3. 기획
무엇을 만들지 상상을 해보자
설계,계획을 제대로 하지 않으면 문제가 생긴다.

아래 그림이 이고잉이 이번 시간에 만들고싶어하는 것 대충 기획을 그림으로 그린다면!

 

4.코딩과 HTML

 

바라보는 관점에 따라서 부르는 이름이 다른것이다

HTML이란?
쉽다...중요하다...
고럼 HTML이 코딩을 시작할때 최고아냐?
게다가 웹은 public domain이라 저작권 없어!
웹을 만든 팀버너스리가 선언했자나

그래서 많은 회사가 각자 브라우저를 만들고 사람들이 똑같이 볼 수 있는 거야
웹은 독점이 아니였기에 오랬동안 살아 남았고 멀리 갈 것이다.

5.HTML 코딩과 실습환경 준비
웹페이지를 만들려면 HTML을 사용해야한다.
준비물:
 웹브라우저,편집기(에디터)-메모장 등!
그리고 이고잉님은 아톰을 사용하는 군..나는 vs code 사용해야징

web디렉토리 만들고 프로젝트 폴더로 삼자
web디렉토리 내에서 .html파일 만들거야
그리고 이를 브라우저에서 열면 컴파일되지,,
~~아니 제가 이정도는 쉽게 할 수 있지만 특별히 다 봐주는거에여~!~~

6.기본문법 태그
중요한 html문법은 엄청쉽다
!태그!
강조: <strong></strong>
밑줄: <u></u>
..
컴퓨터공학에서 만든 것은 물리적으로 보이는게 아니고 시와같이 추상적이므로
비유와 예시를 필요로한다.

*vs code에서 doc + tab키 누름 자동 완성이쟈나

7.혁명적인 변화
처음 배우는 것이 중요하지만 쉬운것 갈수록 덜 중요하고 난이도가 높은것!
처음이 중요~~
태그를 배우기 전과 후로 인생이 바뀔수 있다?
왜냐면,,W3C에서 만드는데 
앞으로 태그를 보면 뭔지는 몰라도 적어도 '태그라는 것'을 안다면 무엇을 모르는지 아는 것이고
검색하면 알게되고 궁금하게 될거야~~ 'html 00 tag'라고 검색해보면 되지~~
예)<h1></h1>
 html h1 태그

8.통계에 기반한 학습
사용빈도에 따라 높은 것 부터 공부하면 효율적!

www.advancedwebranking.com/html

The average web page from top twenty Google results

9.줄 바꿈: br vs p

 

...

 

 

이 강의를 대충 3-4번은 들은 것 같고 html태그야 모! 아는 것을 또 하는데 시간을 투자하면

에너지 낭비야~!응용하러 가는게 좋지~!