생활코딩 2강

생활코딩 2강에서는

자바스크립트 실행방법과 실습환경에 

대하여 공부하였습니다.

1생활코딩에서는 구글 크롬 개발자 도구를 사용하고 있다.

2,텍스트를 편집할 수있는 에디터를 사용할것 (아톰 사용)

아래 코드를 복사한다.

여기서 <script>

            alert('Hello world');

        </script>

이 자바스크립트입니다.

그러므로 실습을 할 경우 <script> </script> 안에 코드를 작성해야 합니다.

그리고 자바스크립트를 제외한 나머지 부분을

 html부분이라고 합니다.

설정시 html파일로 저장하고 파일형식은

모든 파일에 인코딩은 utf-8로 저장해야 합니다.

해당 코드를 저장하고 html파일을 클릭하면

이 페이지가 뜨게 됩니다.

[크롬 개발자 도구 사용방법]

오른쪽 부분이 개발자 도구입니다.

콘솔이라고 표기 되어있는 부분이

소스를 넣고 수정하는 부분입니다.

위 소스를 넣고 실행시키면

hello world라는 글씨가 나오게 됩니다.

[정리]

3.콘솔사용법 (크롬 개발자 도구 사용)

1) Ctrl+Shift+J (윈도우)누른다. 콘솔 탭이 선택된 상태로 개발자 도구가 실행된다.

2) alert('hello world')를 실행한다. 실행 결과 아래와 같이 경고창이 실행된다.

3)   스크립트 부분에 console.log('Hello world');를 넣게 되면

콘솔창에 경고창이 뜨게 된다.