개발 환경 설정하기

5.1 IDE 선택하기

프로그램을 작성하려면 프로그램을 작성해야 해. 이 말에 어떤 논리가 있지. 그런데 프로그램 작성 시작하려면 IDE(프로그램 작성을 위한 특별한 프로그램)를 설치하고 첫 프로젝트를 만들어야 해.

웹 개발을 공부하기 위한 다양한 IDE 옵션이 있어. 모든 옵션이 거의 비슷해, 왜냐하면 어쨌든 네 프로젝트 코드는 브라우저에서 실행될 테니까 😊

다음은 가장 인기 있는 4가지야:

• Visual Studio Code by Microsoft
• Intellij IDEA Community Edition
• Atom by GitHub
• WebStorm Community Edition ()

나는 WebStorm이 마음에 들지만, 여러분은 다른 제품을 선택해도 큰 차이를 느끼지 못할 거야. 아래에서 IDE 설정의 몇 가지 주요 단계를 보여줄게.

5.2 WebStorm 다운로드하기

1단계. WebStorm을 설치하려면 먼저 다운로드를 해야 해. Google에 WebStorm을 검색하거나 이 링크로 바로 갈 수 있어. 거기서 이런 멋진 그림을 볼 수 있을 거야:

2단계. 다운로드 버튼을 과감히 클릭하면 즉시 다운로드가 시작될 거야. 모든 것이 순조롭게 진행되면, 이런 메시지를 볼 수 있을 거야:

3단계. 필요한 운영체제가 자동으로 감지되어야 해. 그렇지 않다면, 이 페이지에서 선택할 수 있어 — download WebStorm:

5.3 WebStorm 설치하기

필요한 버전의 WebStorm을 다운로드한 후, 설치를 해야 해. 다음은 몇 가지 주요 단계야:

1단계. 설치 프로그램을 실행해 — 이런 창이 떠야 해:

2단계. 내 설정처럼 몇 가지 확인란을 추가해:

3단계. 아무것도 다시 시작할 필요 없어:

5.4 비상업적 사용을 위한 WebStorm

이 IDE를 학습과 같은 비상업적 목적으로 사용한다면 무료로 사용할 수 있어.

1. WebStorm을 실행해.
2. 시작 시 비상업적 사용 옵션을 선택할 수 있는 창이 나타나.
3. JetBrains 계정에 로그인하거나 새 계정을 만들어.
4. "비상업적 사용을 위한 Toolbox 구독 동의"를 수락해.
5. 개발을 즐겨.

이미 시험 기간을 시작했거나 유료 라이선스로 IDE를 활성화한 경우에도 다음 단계를 따라 비상업적 구독으로 전환할 수 있어:

1. WebStorm의 경우, Help | Register로 이동해.
2. 열린 창에서 Remove License 버튼을 클릭해.
3. 비상업적 사용을 선택해.
4. JetBrains 계정에 로그인하거나 새 계정을 만들어.
5. "비상업적 사용을 위한 Toolbox 구독 동의"를 수락해.
6. 개발을 즐겨.

5.5 첫 번째 프로젝트 만들기

WebStorm을 설치한 후, 이제 실행하고 첫 프로젝트를 만들어야 해. 다음 설명을 따라 해:

1단계. WebStorm을 실행해. 다음과 같은 창이 뜰 거야:

2단계. 새 프로젝트 만들기 — New Project 버튼을 클릭해.

다음으로 해야 할 것은:

• 첫 번째 프로젝트의 이름을 선택해.
• 첫 번째 프로젝트의 폴더(위치 필드)를 지정해. WebStorm이 기본적으로 Admin 폴더를 제안했다면 변경하는 게 좋아. 나중에 문제가 덜 생길 거야.

난 이렇게 됐어:

3단계. 모든 것을 제대로 했다면, 다음과 같은 화면을 볼 수 있을 거야: