JavaScript - 실행과 실습(1/3,2/3,3/3) 1

안녕하세요 금일 생활코딩 자바스크립 공부 내용을 공유드립니다.

 

실행과 실습(1/3)

가장 첫 수업인 만큼 다른 개발도구를 사용하지 않고 메모장을 이용하여 수업을 진행했습니다.

 

수업의 내용으로는 html안에 자바 스크립트 소스가 존재하며 html <script></script> 사이에 자바스크립트 소스 투입하여야 합니다.

 

또 컨트롤 + o로 작성한 html을 브라우저에 불러올 수 있습니다(크롬/윈도우) 

 

메모장에서 작성한 html파일을 저장할 때 주의 사항은 파일명의 확장자는 html 파일형식은 보든 파일로 변경 

그리고 인코딩은 유니코드로 변경해 주어야 합니다. 

 

실행과 실습(2/3)

파일 작성이 귀찮을 때 간단하게 개발자도구 consol을 이용하여 자바스크립트 코드를 확인할 수 있는 방법을 알려주었습니다.

 

F12를 눌러 개발자 도구 접근 후 콘솔에 자바스크립트를 작성하면 바로 적용이 가능합니다.

 

짧은 코드는 이렇게 테스트하고 긴 소스는 파일 작성하여 적용하여야 합니다.

 

생활코딩 사이트 내
생활코딩> 개발도구> 크롬개발자도구를 들어가면 자세한 사용법을 알 수 있습니다.

 

콘솔에서 한번 작성했던 코드를 다시 쓰기 위해서는 화살표 위를 누르면 가능하고 consol.log('test') 사용하면 

 

팝업 같은 창이 안 뜨고 콘솔창에 로그가 찍힙니다.

 

(3/3) 
에디터 도구는 비싸다고 좋은거가 아니다 너무 무거울수도 있기때문에 자신에 맞는 
도구를 사용하여야 한다고 합니다.

해당 강의 에서는 Sublime Text 에디터를 사용한다고 하여 다운받았습니다.

 

https://www.youtube.com/playlist?list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU

JavaScript 입문 수업 (생활코딩)