📢자바스크립트는 처음 배우는 프로그래밍 언어가 될것이다.
브라우저가 알아들을 수 있는 프로그래밍 언어이다.
명령을 내리면 언어를 알아듣고 수행 요청을 한다.
이렇게 소통할 수 있는게 프로그래밍 언어이다.
자바스크립트는 유일하게 브라우저가 알아들을 수 있는 언어이다.
🧪자바스크립트가 내가 만들어논 html과 css에서 어떻게 동작하는지
실습으로 보겠다.
CSS는 style안에다가 넣어놨었는데
자바스크립트는<script></script>안에다가 넣는다.<script> function hey() { alert('안녕!!'); } </script>
🎈onclick 옆에 hey()를 붙인다.
<a onclick="hey()" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
🎈onclick= 👉 'onclick' (클릭)하는 행위를 하면
"hey()" 👉 hey라는 함수가 불립니다
🎈hey (){ 👉 hey라는 함수는
{ alert('안녕!!'); }👉 이렇게 정의되어있는데 내용물을 보면 경고창으로 안녕!!을 띄어줘
🎈이런것을 잘 동작 시키려면 자바스크립트 문법을 알아야한다.
간단한 문법 배우기
코드를 수려하게 짜는것보다는 동작하게 짜는것이 더 중요하다.
그 코드를 어떻게 하면 깨끗하게 짤 수 있는지 필요성에 의해 인식해 가면서 단계별로 밟아가는게 좋은 학습법이다.
🧪연습으로, 나홀로 메모장 만들어논곳에 검사 들어가서 console로 들어간다.
hey()라고 치고 엔터를 누르면 아까 만들어논 '안녕!!'이 alert으로 뜬다.
💡console창은 검사하고 들어간 페이지(나홀로 메모장)이 이어지는 코드이다.
다시 말해서 스크립트가 이어지는 코드이다.
👉스크립트에서 정해놓은 코드를 개발자 도구에서 불러다가 쓸 수 있다.
💡개발자 도구가 존재하는 이유: 파이참에서 수정하고 새로고침하고의 반복이 번거롭기 때문이다.
첫강의 때 네이버뉴스를 다른 이름으로 바꿀수 있었던 것을 상기 시켜볼 내용
