[WebStorm] WebStorm 8.0.2 설치 설치 파일 다운하기 웹스톰 설치 및 실행 프로젝트 생성 소스코드 작성 설치 파일 다운하기 http://www.jetbrains.com/webstorm/ Get WebStrom 8클릭 파일 저장 웹스톰 설치 및 실행 다운 받은 파일 실행 설치 중 설치 완료! Run WebStrom체크 > Finish 첫번째 선택항목은 이전에 설치된 웹스톱의 설정을 유지하면서 설치하겠다는 항목입니다. 처음 설치하는 경우에는 선택사항을 선택합니다. I do not have a previouse version of WebStorm or I do not want to import my settings 체크 > OK 프로젝트 생성 Create New Project 클릭 Proje..

[WebStorm] WebStorm 버전 업데이트하기 Update 방법1: 아래 상태표시줄의 Check를 클릭하거나 업데이트 방법2: Menu > Help > Check for Upate... 방법1/방법2클릭하면 아래와 같이 창이 오픈합니다. Download 다운로드 받은 파일 실행 Yes 설치 중 업데이트 완료! Run WebStrom체크 > Finish Allow access Help > Check for Update… 최신 버전임을 확인

[WebStorm] WebStorm 8.0 설치 설치 중 Run WebStorm체크 > Finish 첫번째 선택항목은 이전에 설치된 웹스톱의 설정을 유지하면서 설치하겠다는 항목입니다. 처음 설치하는 경우에는 선택사항을 선택합니다. I do not have a previouse version of WebStorm or I do not want to import my settings 체크 > OK 구매하여 라이선스 키가 있는 경우 Buy WebStorm > User name/License key입력 > OK 그냥 평가판 사용할 경우 -> Evaluate for free for 30 days > OK OK Create New Project > OK

[WebStorm] WebStorm, 웹스톰 자바스크립트 개발 도구로 비주얼 스튜디오나 이클립스와 같은 통합 개발환경(IDE)을 제공합니다. 운영 환경 http://www.jetbrains.com/webstorm/

웹 개념 도식도 웹개발 프로그래밍 도식도

크롬 개발자 도구 - Elements · 개발자 도구를 열어을 때 가장 처음 표시되는 도구입니다. · HTML, CSS가 잘 출력되고 동작되고 있는 지 확인 할 수 있는 기능을 제공해 주며 다양한 방법으로 속성을 추가/제거 및 변경할 수 있게 해 줍니다. · 디버깅을 위해 기능을 테스트하거나 속성을 변경 할 때 사용합니다. HTML구조가 보이고 화살표를 펼치고 접어서 트리된 HTML구조를 탐색할 수 있습니다. 하단에는 선택 요소의 계층 정보를 확인할 수 있습니다. Styles 특정 요소를 선택하고 오른쪽 창을 보면 Styles탭이 보이며 여기의 정보를 수정하여 스타일을 변경해 볼 수 있습니다. 이 부분에서 CSS 디버깅을 할 수 있습니다. 오른쪽의 [+]아이콘을 클릭하여 새로운 스타일 룰을 생성할 수 있..