자바스크립트-HTML(feat atom소프트웨어) ..

안녕하세요, 아이시밴큐의 랍비입니다. 오늘은 자바스크립트에 대해 공부하겠습니다.자바스크립트와 HTML은 완전히 다른 문법을 가지고 있는 것을 알 수 있는데요!

>

1. 먼저 inline방식을 먼저 하겠습니다 inlline 방식은 HTML에 JavaScript 언어의 onclick=”alert(“Helloicbanq”)에서 onclick는 HTML 속성이고 alert는 JavaScript 언어이며, 이 경우 정보(HTML)+제어(JavaScript)가 함께 섞여 있을 경우 검색 엔진이나 해석에 문제가 될 수 있습니다! cctrl+shift+s버튼을 누르면 저장됩니다. 저장할 때 꼭 마지막에 html를 사용하세요.

>

2. 자 한번 결과를 확인하고 볼까요? 크롬 창에서 ctrl+o 버튼을 눌러 열기를 누릅니다! Hello icbanq 버튼이 나오는 것을 알 수 있는데 버튼을 누르면 Helloicbanq가 나오는 것을 알 수 있습니다!

>

1.2번째의 방식에서는 html태그에까지 자바 스크립트로 해석을 합니다.여기서 스크립트 태그 안에 스크립트 언어를 작성하는 것이 바람직한 방식으로 HTML과 스크립트를 분리하는 방식임을 알 수 있습니다!

>

2. 결과는 위의 결과와 비슷한 것을 알 수 있습니다! cctrl+o를 누르고 저장된 파일을 여는 버튼을 누르면 Helloic banq!이 표시되고 버튼을 누르면 Helloic banq가 표시되는 것을 알 수 있습니다!

>

1. 마지막으로 3번째 방식에서는 HTML과 자바 스크립트를 완전히 분리하는 방식입니다! 여기서에서 src(source)의 약자로, 소스 코드를 가져올 것으로 text/는 현재의 위치한 디렉터리를 가리키는 것을 알 수 있습니다 js란 자바스크립트가 들어있는 파일로 js라는 확장자를 가지고 있습니다.

>

2.javascipt2.js는 자바 스크립트 언어를 써둔 파일입니다. 반드시.js를 작성해야 합니다.

>

3. 결과를 한번 확인하고 볼까요? 결과는 같은 것을 알 수 있습니다!

>

자바스크립트를 이용해서 사용법, 장단점에 대해 오늘 말씀 드렸습니다! 강의가 도움이 됐으면 좋겠어요. 후후후.

>

다음에 또 만나요~~!!