메뉴 건너뛰기

본 페이지는 웹 프로그래밍을 공부하는데 직접적인 관련은 없지만, 학습 도중 참고하면 좋을만한 웹페이지 링크들을 모아봤습니다.

단원별로 분류하여 정리해 놓았으니 책의 학습과 함게 병행하여 보시면 좋을 것 같습니다.

 


 

1장 : 웹 프로그래밍과 HTML5 개요

HTML5 태그 오류 검사

홈페이지의 주소나, html 파일, 태그의 직접 작성 등을 통해 html 태그를 입력하면 자동으로 오류를 찾아주는 웹페이지입니다.

 

웹 브라우저 사용 동향

데스크탑과 모바일 환경에서 사용되는 여러 웹 브라우저의 점유율을 다양한 형태의 자료로 가공하여 제공해주는 사이트입니다.

메인 화면에서는 데스크탑에서 사용되는 주요 웹 브라우저들을 월 단위로 집계하여 점유율을 보여줍니다.

 

웹 개발 도구: 서브라임 텍스트 공식 홈페이지

서브라임 텍스트는 상당히 가벼운 IDE(통합 개발 환경)입니다. 내가 필요한 플러그인을 내 입맛대로 설치하여 마치 조립 컴퓨터를 만들듯 가볍고 우수한 나만의 개발 환경을 구성할 수 있습니다. 위 사이트에서 서브라임 텍스트의 다운로드가 가능합니다.

 

웹 개발 도구: 비주얼 스튜디오 코드 공식 홈페이지

MS 사의 웹 개발 특화 IDE입니다. 한글을 완벽히 지원하므로 웹 개발 입문자들이 사용하기 좋은 도구 입니다. 서브라임 텍스트와 같이 플러그인 설치를 지원합니다.

 

웹 개발 도구: 아톰 공식 홈페이지

Github에서 개발한 웹 개발 도구입니다. 일렉트론 프레임워크를 기반으로 제작되어 내마음대로 튜닝할 수 있는 것이 특징입니다. 고급 개발자에게 적합한 프로그램입니다.

 

2장 : HTML5 기본 문서 만들기

HTML 표준

HTML에 관한 모든 정보를 제공하는 웹페이지 입니다.

HTML의 소개, 배경, 역사, 각종 문법의 사용법 등 html에 대한 정보를 전반적으로 아울러 다루고 있습니다.

 

W3C 초안 - HTML 레퍼런스

1번 항목과 비슷하게, HTML에 관한 정보를 제공하는 웹페이지 입니다. 그러나 이곳은 배경지식 보다는 html 자체를 소개하는데 초점을 두고 있습니다.

또한, 페이지 하단부에 html 태그의 a-z를 나열하여 누구든지 쉽게 자신이 궁금한 태그의 정보를 열람 할 수 있습니다.

 

HTML5의 모든 태그에 대한 설명

HTML5에서 지원하는 모든 태그가 알파벳 순으로 설명과 함께 정리되어 있습니다.

 

W3C 초안 - HTML의 폐기된 기능

html이 html5로 진화함에 따라 없어진 기능들에 대해 상세히 소개하고 있습니다.

 

문자 엔터티 레퍼런스

웹에서 사용 가능한 모든 문자 엔터티에 대해 정리해 놓은 웹 페이지 입니다.

 

3장 : HTML5 문서 구조화와 웹 폼

HTML5의 시맨틱 태그를 사용하는 방법

어느 웹 개발자의 포스트입니다. HTML5으로 넘어오면서 다소 생소한, 시맨틱 태그에 대해 설명하고 어떻게 사용하면 좋을지 자세히 소개하는 글입니다.

 

웹 페이지 구조화 테스트

구글에서 제공하는 서비스입니다. 구조화 여부를 알고자 하는 웹페이지의 url을 제공하면, 구조화 유효성을 자동으로 검사하여 그 결과를 알려줍니다.

 

4장 : CSS3로 웹 페이지 꾸미기

CSS 공식 홈페이지

CSS(Cascading Style Sheets)의 공식 홈페이지 입니다.

최근 이슈, 관련 뉴스, 관련 소프트웨어 등 CSS에 관한 다양한 정보를 얻을 수 있습니다.

 

테두리(Border)의 속성에 대한 설명

테두리(Border)를 꾸밀 때 사용되는 각종 CSS 프로퍼티에 대한 설명과 사용법을 알려주는 페이지 입니다.

 

브라우저의 CSS 지원 현황

모든 CSS기능 및 속성에 대해 해당 항목을 지원하는 브라우저를 알려주는 페이지입니다.

 

이름이 부여된 CSS3 색 표

모든 브라우저에서 지원이 가능한, 이름이 부여된 CSS3의 색들을 표로 정리한 웹 페이지입니다. 

 

5장 : CSS3 고급 활용

 

6장 : 자바스크립트 언어

자바스크립트 튜토리얼

자바스크립트의 A to Z입니다. 웹 프로그래밍을 공부하다가 자바스크립트의 특정 문법에 대해 좀더 심화학습을 하고 싶은 분들은 이곳을 참고하면 좋을 것 같습니다.

 

7장 : 자바스크립트 코어 객체 및 배열

 

8장 : HTML DOM과 Document

DOM에 대한 기본 개념과 설명

DOM이란 무엇인가? 에 대한 기본 개념과 정의, 구조 및 설명이 자세하게 나와있는 웹 페이지입니다.

 

JavaScript와 HTML DOM의 객체 레퍼런스

자바 스크립트와 HTML DOM에서 사용되는 모든 객체에 대한 레퍼런스를 다루고 있습니다.

 

실시간 DOM 뷰어

텍스트 형식으로 작성된 html 태그를 분석하여 실시간으로 돔트리를 출력하여 보여주는 웹 페이지입니다.

내가 작성한 태그의 돔 트리가 어떻게 구성되는지 자세히 알고 싶을 때 유용할 것 같습니다.

 

기본 DOM 노드 속성들

자바스크립트에서 모든 돔 객체가 가지고 있는 공통적인 속성(property)에 대해 설명해주는 페이지입니다.

 

사용자 정의 속성과 속성값

자바스크립트에서 하나의 객체에 대해 기본 속성 이외에 사용자가 정의하는 속성을 어떻게 사용하는지에 대해 자세히 설명하는 페이지입니다.

 

9장 : 이벤트 기초 및 활용

브라우저의 이벤트 지원 현황

자바스크립트에서 제공하는 모든 이벤트들에 대해, 간략한 설명와 함께 해당 이벤트를 지원하는 브라우저를 알려주는 페이지입니다.

 

버블링과 캡처링

이벤트의 흐름의 2가지 과정인 버블단계와 캡쳐단계에 대해 자세히 설명해주는 페이지입니다.

 

클립보드 API와 이벤트

책에서는 언급하지 않았지만, 복사와 붙여넣기도 하나의 이벤트입니다. 이 페이지에서는 복사와 붙여넣기에 관련된 다양한 이벤트 및 api에 대해 소개합니다.

 

10장 : 윈도우와 브라우저 관련 객체

 

11장 : HTML5 캔버스 그래픽

 

12장 : HTTP와 쿠키, 웹 스토리지

 

13장 : 오디오 비디오 제어 및 위치 정보 서비스, 웹 워커

 

14장 : 웹 프로그래밍 응용

현대적인 웹 사이트 만들기

IBM developerWorks®에 기재 되어있는 한 칼럼입니다. 정식 문서는 아닙니다만, 웹 프로그래밍이 HTML5와 CSS3 세대로 진화하면서 새롭게 추가된 기능들을 어떻게 사용하면 좋을지, 간략한 예시들과 함께 알기 쉽게 작성되어 있습니다. 한번 쯤은 시간내어 읽어보는 것도 좋을 듯 하네요.

 

부록

몽구스 웹 서버 다운로드

몽구스 웹 서버 최신버전을 다운로드 받을 수 있는 몽구스 웹 서버 공식 홈페이지입니다.

책에서는 6.3버전을 기준으로 설명하였지만, 어느 것을 사용하여도 크게 문제는 없습니다.

아니다, 난 그래도 6.3 버전으로 하고싶다! 하시는 분들은 Download 게시판에서 6.3 버전을 다운받아주세요.

위로