kinggora 2022. 1. 16. 00:45

WEB - 생활코딩 (opentutorials.org)

 

WEB - 생활코딩

2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 기술지원과 상담을 해드리고, 완주하신 분들께는 수료증도 드

opentutorials.org

생활코딩의 WEB에 대한 학습을 시작했다.

웹 백엔드 작업에서 사용하는 여러 언어가 있는데 java의 경우는 대학에서 모바일 앱을 짤 정도는 이해가 있지만(백엔드에서 사용하는 용법과는 다를지언정) node.js는 이름만 접해보고 실체를 모르기 때문에 WEB 전반을 훑어볼 겸 생활코딩을 선택했다. WEB 강의에서는 HTML & Internet 섹션부터 시작된다. node.js는 그 이후이다.

 


 

'나의 문제'를 코딩으로 해결하라 

 

무엇인가를 만들기 전에 무엇을 만들 것인가를 상상하고 계획하는 과정이 필요하다. = 기획

 

웹페이지를 만들기 위한 언어 = HTML

내 컴퓨터가 아닌 다른 컴퓨터에 저장되어 있는 웹페이지를 읽고 싶을 때는 주소를 입력한다.

자신의 컴퓨터에서 저장된 웹페이지를 읽고 싶을 때는 html 파일을 연다.

오른쪽 클릭 -> 페이지 소스 : 웹페이지를 구성하는 소스 코드를 확인 가능하다.

 

HTML 문법: TAG

통계 기반 학습: 많이 사용되는 문법 위주로 기초 학습

 

TAG + CSS(디자인)

TAG + Attribute(속성값)

 

HTML이 중요한 이유

 1. 정보 검색에 유리성 (header tag에 담긴 정보가 검색 우선 순위가 됨)

 2. 접근성, 개방성 (누구나 공평하게 정보에 접근)

 

parent TAG - child TAG :  서로를 한정하기 위해 필요

ex. <ul> - <li>, <ol> - <li>

 unordered list , oredered list

 

웹페이지의 메인 화면 레이아웃을 구성하였다.