JavaScript
자바스크립트란 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어다.
클라이언트가 서버에 요청할 때 HTML + CSS + JavaScript 를 보내준다.
왜 JavaScript를 사용할까??
- 브라우저에서 JavaScript를 사용하는 이유는 역사적으로 웹 브라우저에서 실행되는 스크립트 언어로 사용되온 관습 때문이다.
- 웹 페이지의 동적인 기능을 구현하기 위해 개발되어 왔으며 JavaScript를 사용하여 웹 애플리케이션을 구축하고 유지 관리 해왔다.
JavaScript의 범용성
- JavaScript를 통해 서버를 만들 수 있기 때문에 front-end, back-end 모두 가능하다.
JavaScript의 생성 위치 및 사용 법
<script> ... </script>내부에 위치하여 생성한다.
<script> // 함수 생성 function funcName() { console.log() // 예시 } </script>
처럼 script안에서 선언되어
<body> <button onclick="funcName()"> ... </button> </body>
body내부의 요소들에 연결하여 사용한다.
JQuery
JQuery란 JavaScript를 미리 더 쉽게 작성해둔 라이브러리를 말한다.
JQuery를 사용하는 이유?
- 미리 작성된 JavaScript 코드를 가져와서 사용하기 때문에 코드의 복잡성을 줄이며
브라우저 간의 호환성 문제를 고려하기 위해 사용한다.
사용 방법
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
미리 작성된 javascript를 가져와 사용하는 것이기 때문에 import의 과정을 거쳐야 하며
<head> 와 </head> 사이에 해당 import문을 삽입한다.
- JQuery는 id값을 통해 button, div, input 등을 가리켜 사용한다.
function funcName() { let a = '글자 변경 후' // 예시 $('#q1').text(a) } <div id="q1">테스트</div> // body 내부
처럼 div에 id 값을 주고 스크립트 내부에서 id에 접근하여 텍스트를 변경하는 방식으로 사용이 가능하다.
끝!
후기1. 자세한 사용법은 구글을 참고하세요~
혼자 공부하는 블로그라 부족함이 많아요 https://www.notion.so/18067a27ac7e4f4790dde645fb3bf3d3?pvs=4