MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Web과 함께 시작하기 는 여러분에게 웹 개발의 실질적인 측면을 소개하는 간결한 시리즈 입니다. 여러분의 간단한 웹페이지를 생성하고 출판하기 위해 필요한 도구들을 마련하게 될 것입니다.

첫번째 웹사이트 이야기

전문적인 웹사이트를 생성하기 위해서는 아주 많은 작업이 필요합니다. 그렇기 때문에 만약 여러분이 웹개발을 처음 시작하는 것이라면 저희가 작은것부터 시작할 수 있도록 도와드릴 수 있습니다. 여러분은 페이스북을 당장 만들수는 없지만 여러분 개인의 간단한 온라인 웹사이트를 만드는 것은 그리 어렵지 않습니다. 따라서 여러분 개인의 간단한 웹사이트를 만드는것부터 시작할 겁니다.

아래 나열된 항목들을 통해, 아무것도 모르는 상태에서 여러분은 여러분의 첫번째 온라인 웹페이지를 만들 수 있습니다. 시작해봅시다!

기본 소프트웨어 설치하기

웹 사이트 생성을 위한 도구는 아주 많습니다. 만약 여러분이 막 시작하였다면, 많은 코드 편집기나 프레임워크 그리고 테스트 도구들 때문에 혼란스러울겁니다.  기본 소프트웨어 설치하기에서는 여러분이 기본적인 웹 개발을 시작하기 위해 필요한 소프트웨어를 어떻게 설치할 수 있는지 단계적으로 알려드릴겁니다.

웹사이트의 외관은 어떻게 할까요?

여러분의 웹사이트를 위한 코드 작성을 시작하기 전에, 여러분은 먼저 계획을 해야 합니다. 어떤 정보들을 강조할 것인가요? 어떤 글꼴이나 생상을 사용할 것인가요? 웹사이트의 외관은 어떻게 할까요? 우리는 여러분이 사이트의 내용이나 디자인을 계획하기 위해 따라할 수 있는 간단한 방법을 제공할 것입니다.

파일들 다루기

웹사이트는 많은 파일들(문자, 코드, 스타일시트, 미디어, 등등)로 이루어져있습니다. 여러분이 웹사이트를 만들 때, 여러분은 합리적인 구조로 이러한 파일들을 모아야 하고 서로 잘 작용이 가능한지 확인해야 합니다. 파일들 다루기는 여러분의 웹사이트를 위해 합리적인 파일 구조를 어떻게 설정하고 여러분이 어떤 문제들을 주의해야 하는지 설명할 것입니다.

HTML 기본

Hypertext Markup Language (HTML) 는 여러분의 웹 컨텐츠를 구조화하고, 의미와 의도를 주기위해 사용되는 코드입니다. 예를 들면, 내 컨텐츠가 문단의 집합인지, 또는 목차(*)의 리스트인지? 내 페이지에 이미지를 넣어야 하는지?  데이터 테이블이 필요한지? 여러분을 난처하지 않게하면서, HTML 기본은 여러분이 HTML에 익숙해질 수 있도록 충분한 정보를 제공할 것입니다.

CSS 기본

Cascading Stylesheets (CSS) 는 여러분의 웹사이트를 디자인할 때 사용하는 코드입니다. 예를 들면, 문자가 검정색이나 빨간색이길 원하는지? 컨텐츠가 화면의 어디에 표시되어야 하는지? 웹사이트를 꾸미기 위해 무슨 배경 이미지나 색이 사용되어야 하는지? CSS 기본은 여러분이 시작하기 위해 필요한 것들을 가져다 줄 것입니다.

JavaScript 기본

JavaScript 는 여러분이 인터렉티브한 기능을 웹사이트에 추가할 때 사용하는 프로그래밍 언어입니다. 예를 들면 게임, 버튼이 눌리거나 폼에 정보가 입력되었을 때 발생하는 것, 동적인 스타일 효과, 애니매이션 등이 있습니다. JavaScript 기본은 여러분께 이 흥미로운 언어로 가능한 것들에 대한 것과 어떻게 시작할 수 있는지에 대한 아이디어를 제공할 것입니다.

웹사이트 출판하기

일단 여러분이 코드 작성과 웹사이트를 위한 파일 구성을 마쳤다면, 사람들이 찾아볼 수 있도록 이 모든 것을 온라인에 둘 필요가 있습니다. 예제 코드 출판하기는 여러분이 간단한 예제 코드를 어떻게 최소한의 노력으로 얻을 수 있는지 설명할 것입니다.

웹의 동작 방식

여러분이 가장 선호하는 웹사이트에 접근할 때, 여러분이 모르는 많은 복잡한 것들이 눈에 띄지 않는 곳에서 발생합니다. 웹의 동작 방식은 여러분이 컴퓨터로 웹페이지를 볼 때 발생하는 것들에 대한 개략적인 설명을 할 것입니다.

문서 태그 및 공헌자

 이 페이지의 공헌자: galcyurio, gobyoungil, cs09g, chrisdavidmills
 최종 변경: galcyurio,