이번엔 움직이기를 배워볼 거다.
JavaScript, JQuery, Fetch를 많이 연습해 볼거다.
JavaScript = 웹을 움직이게 하는 코드
JQuery = html 뼈대를 선택해서 쉽게 조작 가능
-> js를 그냥 그대로 쓰면 복잡하기 때문에 남이 만든것을 가지고 쉽게 조작할 거다.
Fetch = 짧은 코드로 요청을 보내고 받아옴
-> 서버에서 내려오는 데이터를 우리가 가져다 쓸 수 있다.
JS 맛보기
우선 만들었던 웹페이지에서 '기록하기' 버튼을 누르면 경고창으로 '안녕하세요!'를 나오게 만들거다.
<script>
function hey(){
alert('안녕하세요!')
}
</script>
</head>
<body>
<div class="mytitle">
<h1>내 생애 최고의 영화들!</h1>
<button onclick="hey()">영화 기록하기</button>
</div>
위 코드처럼 작성하게 되면 아래처럼 나오게 된다.
위 onclick과 같이 js와 html을 이어주는 다리들이 있다.
이 다리들을 이용해 서로가 어떻게 엮이는지는 차차 알아가보도록 한다.
'js 공부(ft. sparta) > 2주차' 카테고리의 다른 글
| 2-5. Fetch 시작하기(1) (0) | 2023.04.05 |
|---|---|
| 2-4. 서버-클라이언트 통신 이해하기 (0) | 2023.04.05 |
| 2-3. JQuery 연습하기 (0) | 2023.04.05 |
| 2-2. JavaScript, JQuery 연습하기(2) (0) | 2023.04.04 |
| 2-1. JavaScript, JQuery 연습하기(1) (0) | 2023.04.04 |
