1. 프론트 앤드(Front end) IDE

첫 포스팅입니다.

이번 포스팅에서는 프론트 앤드(Front end) IDE 및 다룰 내용에 간략히 소개를 하겠습니다.

먼저 ,

프론트앤드(Front end) : 개발의 앞 단, 즉 클라이언트 개발

1.  HTML (Hyper Text Markup Language) : 웹표준(웹접근성 : 시멘틱) 마크업

2. CSS (Cascading Style Sheets) : 레이아웃 및 디자인 / 인터렉션 / 애니메이션

3. Javascript : 동작 및 제어 / 서버와의 통신

이렇게 간략히 소개를 할 수 있고 웹 프로그래밍 에서 다룰 내용들 입니다!

먼저, 통합개발환경에 대해서 어떤 IDE 가 있고 무엇을 선택한지 알아봅시다.

1. Dreamweaver 

2. Bracket

3. Atom

4. Sublime Text

4.WebStrom

- 이렇게 다양한 IDE 가 존재합니다, 저는 이중 WebStrom을 선정하여 사용을 하도록 하고 그에 맞는 설치 방법을 알려드리겠습니다 !

설치는 WebStrom 사이트를 통하여 쉽게 진행을 할 수 있습니다. 다운로드를 누르시고 기본값을 계속 Next 하시면됩니다 ! 

(본인이 원하는 환경으로 다운로드를 진행해 주세요!)

- 실행을 하시면 다음과 같은 화면이 나오실탠데요 ! 특별히 라이센스 코드가 없으셔도 30일동안 무료로 Webstorm을 사용하실 수 있으시니 크게 걱정 안하셔도 될거 같습니다! 

프로젝트를 생성하시는 화면입니다. 새로운 프로젝트를 생성하기 위하여 Create New Project를 누르시고~ 원하시는 경로에 원하시는 프로젝트 이름을 기재하시면 됩니다 !!

처음 프로젝를 생성하신 후 화면입니다! 생성하신 프로젝트에 오른쪽 마우스 클릭을 하셔서

New -> 원하시는 프로젝트 언어? 선택하시고 작업을 하시면 될겁니다 !! 

기본 폰트와 테마를 적용하는 방법입니다. 원하시는 폰트혹은 테마를 지정하시면 됩니다..

테마는 아무거나 상관 없으시지만 폰트는 코딩폰트 적용을 추천해 드립니다!! 코딩폰트에 대해선 다음 포스팅에 설명을 드릴게요!