웹개발 일지 (1) - HTML, CSS, Javascript 기초 개념

 

스파르타 코딩클럽 1주차는 HTML, CSS, Javascript 기초 개념과 실습을 다룬다. 

 

(1) 브라우저 기본 

 

브라우저의 역할

1) 서버에게 요청함 (url + enter)

2) 서버가 준 정보 받아서 그대로 그려준다.

 

HTML 은 뼈대를 잡아줌

CSS 는 꾸밈 

자바 스크립트: 움직임 + 클릭하면 이동함.

 

(2) HTML

html 을 디자인할 때 가장 중요한 것은 DIV 로 묶어 주는 것이다. 

웹 페이지 디자인을 할 때에도, 어디를 묶어줄지 (EX. 이미지, 타이틀, 본문 등) 먼저 생각하자. 

DIV 는 눈에 보이지 않기 때문에 맨 처음에 사이즈를 정할 때는 Background-color 를 깔아준다.

백그라운드에 이미지를 넣어줄 때는 아래 세 가지가 항상 세트로 다닌다. 

 

(3) CSS

-Margin

margin-auto 를 했는데도 가운데로 오지 않는다면, display 속성값을 체크해보자. 가운데로 오는 것은 글 속성 (in-line)이 아니라 박스 속성 (block) 일 떄 가능하다. 

 

-CTRL + ALT + L 로 틈틈이 들여쓰기 및 가독성 높여주기. 

 

(4) Javascript 란? 

(유일하게) 브라우저가 알아들을 수 있는 프로그래밍 언어

역사적인 이유 & 이미 만들어진 표준이기 떄문에 모든 브라우저는 Javascript를 알아듣게 설계되어 있음.

 

(5) 코딩을 대하는 태도/접근

 

의외로 튜터님이 태도/접근에 대해 얘기해주신 부분이 도움이 됐다.

코딩을 하다보면, 어디까지 알고 있어야 하는 건지 애매할 때가 많았고, 배운 함수들을 기억하는 것 역시 어려웠다. 

코딩은 외워서 하는 게 아니라 바꿔가면서 풀어가는 것이다. 필요하면 정리해두었던 걸로 와서 복사하면 됨.

HTML, CSS 등을 할 때도, 중괄호, 큰따옴표, 마침표 등을 언제 쓰는지를 다 이해하기 보다는 큰 맥락에서 이해하면 된다. 모든 것을 알아야 한다는 생각을 하지 말자.

 

에러를 무서워하지 말자. 최대한 읽어보고 익숙해지자.