IT업계 종사자의 블로그

[Project H4C] 11. 의미론적인 웹(Semantic Web) HTML에서 정보의 의미를 더 잘 드러내는 태그들을 살펴보자. navigation을 뜻하는 가 추가 됨. 여기서 는 어떤 기능이나 의미가 있는 것은 아니지만, 라는 약속된 태그를 통해서 안에 있는 내용들이 웹사이트를 탐색하는데 사용되는 정보인 것을 표시한다.  마찬가지로 를 사용하면 안의 내용들이 간판과 같은 존재라는 것을 표시할 수 있다. 또다른 예로 로 감싸게 되면 안의 부분이 본문이라는 의미를 내포하게 된다. 이처럼 특정 태그들은 사용해서 HTML 정보의 의미를 더 잘 전달할 수 있다.

[Project H4C] 10. 모델링을 HTML로 만들기 웹사이트를 만들려면 구상한 사이트를 정보의 형태(HTML)로 바꿔줘야 한다. 위 UI 모델링을 함께 HTML로 만들어 보자. JavaScript JavaScrip란? 변수와 상수 연산자 변수와 상수 변수란 변하는 값 x=10일 때 왼쪽항…

[Project H4C] 9. HTML 정리 HTML이 어떻게 변화하고 있는지 살펴보자. 만든이: 팀 버너스리 관리하는 국제기구: w3c http://dev.w3.org/html5/html-author/ HTML5 Reference The i element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whos dev.w3.org ..

[Project H4C] 8. HTML 태그의 중첩 리스트를 만들어 보자. 이 처럼 3개의 리스트를 크게 두 개의 묶음으로 구분하고 싶다면 리스트 태그인 를 각 항목에 넣어주고 ui 태그로 두 개의 큰 그룹으로 나눠준다. ul란? unordered list 즉, 순서가 없는 리스트. 그 반대로 순서가 있는 리스트는 ol(ordered list)이다.

[Project H4C] 7. HTML 속성 a: 링크 태그 하지만 어디의 링크인지는 알려주지 않는다. 이 때, 사용하는 문법적 요소가 '속성'이다. 이렇게 해야지만 '생활코딩'이 링크이면서(a), http://opentutorials.org/corse/1 에 연결(href)되어 있다는 것을 알려준다. 이때 href 를 '속성명'이라고 하고 = 이후의 주소가 '속성값'이다. 또 다른 예시. 링크를 새창에서 열기. - href, target: 속성 - 속성과 속성 사이에는 띄어쓰기로 구분한다.

[Project H4C] 6. HTML 기본 문법 HTML 이란? - Hypertext: 문서와 문서가 링크로 연결되어 있다. - Markup language: 태그 떠올리기!

[Project H4C] 5. 프로그래밍 언어 프로그래밍 언어란? 프로그래밍 언어로 작성된 내용을 코드, 소스라고 한다. - 코드가 곧 제품이 된다. - 그만큼 중요하다.

[Project H4C] 4. 서버 제어 My SQL과 Apache 가 Running 상태인지 확인할 것. (OS X나 리눅스는 재부팅시 자동으로 실행되지 않기 때문에 확인 요망!) 그리고 각 Configure창을 통해 오류 확인 및 동작 방법의 변경 등을 할 수 있다.

[Project H4C] 3. 서버와 클라이언트 생활코딩피셜: 서버 클라이언트는 우리 수업에서 가장 중요한 부분이다 (그렇구만....) 어떤 컴퓨터가 서버이고, 어떤 컴퓨터가 클라이언트일까? 서버: 웹서버 sw가 설치된 컴퓨터 클라이언트: 웹브라우저가 설치된 컴퓨터 서버와 클라이언트의 작업 과정 클라이언트에서 원하는 웹 주소를 입력하면 클라이언트는 해당 페이지를 서버에게 요청한다. 그러면 서버는 하드디스크등에 저장된 웹페이지 문서를 읽어서 클라이언트 컴퓨터에 응답해준다 나에게는 웹브라우저는 있으니 웹서버를 설치해보자. (하나의 컴퓨터에 웹브라우저와 웹서버를 동시에 설치할 수 있다.) 웹서버의 종류 참고로 웹서버의 설치는 어렵다 (한달이 걸리기도 하고 실패하기도 한다고....) 하지만, 서버 소프트웨어를 ..

[Project H4C] 2. 웹의 역사 인터넷과 웹은 같은 걸까? 정답: 다르다..! 이 둘의 역사를 살펴보자면.... 1960년대: 인터넷 등장 1990년대: 웹 등장 웹과 인터넷의 관계는? 인터넷: 전세계의 컴퓨터들이 네트워크로 연결되서 데이터를 주고 받을 수 있는 곳(e.g. 도로) 웹: 전세계에 깔려있는 (인터넷의)네트워크를 활용해서 html로 이루어진 웹페이지를 컴퓨터와 컴퓨터가 주고 받을 수 있도록 고안된 서비스 (e.g. 도로 위를 다니는 대중교통) 그 과정에서 결정적인 공헌자 '팀버너스리' 그는 웹을 창시하였다.(ㄷㄷ..) 초창기 웹의 모습 웹브라우저와 웹서버는 서로 정보를 주고 받을 수 있는데 그 과정에서 사용된 통신 규약인 HTTP의 등장. 그리고 웹페이지를 만드는 언어인 HTML의 ..