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

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

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

지금 당장 필요한 도구는 무엇일까요?

전문가가 사용하는 리스트가 두렵게 다가올지도 모르지만, 다행히도 여러분은 저런 대부분의 것들을 모르더라도 웹 개발을 시작하실 수 있습니다. 이 글을 통해 여러분이 최소한의 도구(텍스트 편집기와 최신 웹 브라우저 같은)를 마련할 수 있도록 할 것입니다.

텍스트 편집기 설치하기

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

웹 개발을 위해서 여러분은 Notepad나 TextEdit를 사용하는 것보다 우리가 추천하는 Brackets을 사용하는 것이 나을 것입니다. 무료인데다가 무려 무료이며(쫭쫭) 코드에 도움이 되는 힌트도 제공하기 때문이죠!

최신 웹 브라우저 설치하기

이제, 코드를 테스트 하기 위한 몇 개의 데스크탑 웹 브라우저를 설치할 것입니다. 아래의 링크 중 여러분의 운영체제와 관련된 링크에서 선호하는 브라우저를 선택해 설치파일을 다운로드하세요:

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

local 웹서버 설치하기

몇몇 예제는 제대로 동작시키기 위해서 웹서버를 설치해야 합니다. 로컬 테스트 서버 설치하기(How do you set up a local testing server?)에서 설치하는 방법을 알아보세요!

 

In this module

 

문서 태그 및 공헌자

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