1 - 1 데일리 모토, 멜로디 쉐어
- 최종 목표 : 데일리 모토(명언 사이트)와 멜로디 쉐어(음악 공유 사이트) 사이트 만들기
1 - 2 클라이언트(=브라우저)와 서버
- 클라이언트가 요청하면 서버가 코드(HTML, CSS, JS)로 응답을 준다.
(데이터만 보내주기도 함)
- 받은 코드를 브라우저가 웹페이지로 변환해서 우리에게 보여준다.
1 - 3 필수 프로그램 설치
- VS Code(프로그래밍, 코딩할 때 쓰는 편리한 편집 프로그램)
- VS Code에서 코딩을 더 편리하게 해줄 확장 프로그램들 설치
1 - 4 HTML과 CSS
- HTML = 뼈대, 기본 구성
- CSS = 뼈대를 토대로 꾸미기
- JS = 동적인 효과, 동작
- VS Code 파일 탐색기 키고 끄는 단축기 : Ctrl + B
- 브라우저는 코드를 웹사이트 형태로 바꿈.
코드 이름은 HTML(웹페이지의 뼈대를 담당)
- HTML 구조 : head(페이지에 나타나진 않지만 중요한 정보들과 연관)와 body(실제로 페이지에 보여질 부분과 연관)
다양한 tag들이 있지만 모두 외울 필요 x. 필요할 때 찾아서 쓰면 됨.
1 - 5 주석과 코드 정렬
- 주석 : 나, 동료를 위해 붙이는 것. 컴퓨터/브라우저가 읽지 x.(단축키 : Ctrl + /)
- 코드 정렬하기(Shift + Alt + f) : 단축키로 코드를 자동 정렬하(코드 작성하다가 수시로 해주기)
- 개발자 도구에서 주황색으로 표시 되는 부분은 여백
*
강의 첫 날이다. 간단한 내용만 있어서 그런지 아직까지는 할 만하다. 간단한 내용의 강의는 진도를 빠르게 나가야겠다. 과제가 양이 꽤 많은데 아직 과제를 할 수 있는 수준이 아니기 때문이다. 두 번째 강의를 들어야 과제를 시작할 수 있을 것 같은데, 강의 하나를 다음 주 내로 마칠 수 있을까? 그래도 너무 조급해하지 않고 내용을 충분히 이해하면서 진도를 나가야한다. 진도를 빨리 나가는 데에만 초점을 맞추면 강의를 듣는 이유가 없어질 지도 모르니까.
* 노트 필기
