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

기본 소프트웨어 설치하기 에서는 여러분이 간단한 웹개발을 하기위해 어떤 도구가 필요하고, 그것들을 어떻게 적절히 설치할 수 있는지 보여드릴 것입니다.

전문가들이 사용하는 도구는 무엇일까요?

  • 컴퓨터. 당연한 얘기로 들릴 수 있지만, 여러분 중 누군가는 이 글을 휴대폰이나 도서관의 컴퓨터를 통해 읽고 계실겁니다. 진지한 웹 개발을 위해서는 데스크탑 컴퓨터(윈도우, 맥, 또는 리눅스)에 투자하는것이 좋습니다.
  • 코드 작성을 위한 텍스트 편집기. 무료 텍스트 편집기 (Notepad++, gedit, Brackets, 또는 Text Wrangler), 상업적인 텍스트 편집기 (Sublime Text 또는 Coda) 또는 하이브리드 편집기 (Dreamweaver) 가 있습니다.
  • 코드를 테스트하기 위한 웹 브라우저. 현재 가장 널리 사용되는 브라우저로는 파이어폭스, 크롬, 오페라, 사파리, 그리고 인터넷 익스플로러가 있습니다. 또한 여러분은 여러분이 대상으로 한 사용자들이 여전히 사용하고 있을 지도 모르는 오래된 브라우저(인터넷 익스플로러 6~8 버전)와 모바일 환경에서도 여러분의 사이트가 어떻게 동작하는지 테스트 해야 합니다.
  • 웹 페이지를 위한 이미지를 만들 수 있는 The GIMP, Paint.NET, 또는 Photoshop같은 이미지 편집기.
  • 팀과 프로젝트를 공동으로 일하고, 코드와 자원들을 공유하고, 수정으로부터 오는 충돌을 피하기 위한 버전 관리 시스템. 지금은 Git 이 가장 대중적인 버전 관리 도구입니다.
  • 공개를 위한 서버에 웹페이지들을 업로드하기 위한 FTP 프로그램. Cyberduck, Fetch, 그리고 FileZilla 를 포함한 많은 프로그램들이 있습니다.
  • 반복적인 작업을 자동으로 수행하기 위한 자동화 시스템. 코드와 실행 테스트들을 줄여줄 수 있고, Grunt 라는 프로그램이 있습니다.
  • 일반적인 기능을 위한 코드 작성 속도를 높히기 위한 템플릿, 라이브러리, 프레임워크, 등등.
  • 그밖에도 많은 도구들이 있습니다!

어떤 도구가 지금 당장 정말 필요할까요?

무서운 리스트로 보이시겠지만, 다행히도 여러분은 저런 대부분의 것들을 모르더라도 웹 개발을 시작하실 수 있습니다. 이 글을 통해 여러분이 최소한의 도구(텍스트 편집기와 최신 웹 브라우저 같은)를 마련할 수 있도록 할 것입니다.

텍스트 편집기 설치하기

여러분은 아마도 이미 기본 텍스트 편집기를 가지고 있을것입니다. 윈도우는 기본적으로 Notepad를 포함하고 있고 맥은 TextEdit를 포함하고 있습니다. 리눅스는 다양합니다; 우분투는 기본적으로 gedit 을 포함합니다.

웹 개발을 위해서 여러분은 Notepad 나 TextEdit 를 사용하는 것이 나을 것입니다. 윈도우에서는 Notepad++ , 맥에서는 Text Wrangler 로 시작하는 것을 추천합니다. 두 편집기는 무료이고 Notepad 와 TextEdit 보다 더 많은 기능을 제공합니다.

최신 웹 브라우저 설치하기

이제, 코드를 테스트 하기 위한 몇 개의 데스크탑 웹 브라우저를 설치할 것입니다. 아래의 링크 중 여러분의 운영체제 중 선호하는 브라우저를 클릭하여 설치하세요:

다음으로 진행하기 전에, 테스트를 위해 최소 두 개 이상의 브라우저를 설치해야 합니다.

문서 태그 및 공헌자

 이 페이지의 공헌자: takeU, galcyurio, whitetofu, cs09g
 최종 변경: takeU,