website를 만드는 것.. 정보를 보여주기만 하는 website = static site 보이는 모습뿐만 아니라 여러 서비스까지 함께 제공하는 website = dynamic site 그니까 web 개발은 사용자에게 제공할 기능+서비스 모두 담는 걸 말함! Server & Client Client는 Server에게 web browser를 통해서 필요한 정보를 요청 Server는 Client의 요청을 처리해 알맞은 정보를 전달 Front-end & Back-end Front-end: 사용자 앞에 보이는 영역. web browser 화면에 보이는 것을 다룸. website 디자인, 사용자 동작에 반응하는 기능 만듦. → HTML, CSS, JAVASCRIPT를 사용. Back-end: 사용자 뒤에서 보이..

Doctype = Document type. 문서의 형식을 지정해주는 것. DTD = Document Type Definition ▲ "Browser야, 이 이후로 나오는 code는 HTML5의 규약에 따라서 해석한 다음 화면에 표시해줘야 해!"

개발(開發) = programming = coding. 어떤 프로그램이나 서비스를 만들어내는 행위. 개발도구? 개발을 할 때 필요로 하는 도구들.. JSFiddle로 실시간으로 어떻게 나타나는지 보면서 연습해볼 수 있다. Aptana라는 프로그램을 설치하려는데 오류가 생긴다ㅠㅠ 영어공부 헛으로 했나...ㅎㅎ 어떻게 문제 해결을 해야하지...?

생활코딩 ▲ 이렇게 글씨 써진 것을 source(또는 code), 이러한 행위를 하는 걸 programming(또는 coding)이라고 한다. 이 파일을 helloworld.html로 저장한다고 하면, 여기서 .html과 같은 것을 '확장자'라고 부른다. 이 파일이 어떤 형식을 띄고 어떤 성격을 띄는지 나타내주는 것이다. .html은 html로 쓰여진 코드가 들어있는 web page임을 나타내고, .mp3나 .wmv는 오디오가 들어간 음악파일을, .mov나 .avi는 동영상파일을 나타낸다. html 문서는 기본적으로 이라는 tag로 시작하고 이라는 tag로 끝난다. 그리고 두 tag 사이에 필요한 내용을 넣게 된다. 보통 , 라는 tag가 온다. 이는 html 문서 규약으로 약속되어 있는 표준이니까 따라..

3강. tag란? html이란 언어의 문법 & 정보를 정의하는 형식 옷에 붙은 tag에도 옷의 속성, 설명이 부가되어 있잖아! 어디서 생산했고, 어떻게 세탁해야 하고, 어떤 소재로 되어있는지 등등 html이란 언어에서 이런 속성을 표현하는 것이 바로 tag. ★★★ tag는 로 끝난다. tag는 contents를 감싸서 그 정보의 성격과 의미를 정의함. ex. '생활코딩'이라는 text를 링크로 만듦. 그래서 사람들이 '생활코딩'을 누르면 저 링크로 이동하게 됨. 생활코딩 꺽쇠 , 등호 =, 큰 따옴표 "", 슬래시 / → 이것들이 html의 문법! a나 href → 이걸 html을 구성하는 단어라고 생각하면 쉬움. 속성: tag의 부가적인 정보. 이걸 쓸 수도 있고 안 쓸 수도 있다. 여러 개 쓸거면 ..

2강. html이란? 1. html = 웹페이지를 만드는 언어 HyperText - 문서와 문서가 링크로 연결된 형태로서 Markup - 태그라는 형식을 통해 정의한 Language - 사람 & 컴퓨터 & 시스템이 의사소통하기 위한 수단이 되는 언어 2. 언어에서 제일 중요한 것? → 약속! 마찬가지로 프로그래밍 세계에서도 html 언어가 가진 문법, 명령어가 미리 약속되고 정의되어 있어야 한다. 그런 약속과 정의를 사용해 'code'를 작성하고 그 code를 컴퓨터에(정확히는 browser에) 제출하면 browser는 그걸 해석해서 server와 client가 원하는 형태의 웹페이지를 만들어 보여주는 것.