Intro
자바스크립트란?
자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어입니다.
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다.
특징
-
자바스크립트는 객체 기반의 스크립트 언어입니다.
-
자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다.
-
자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다.
인터프리터 언어란?
C언어와 같은 언어는 소스 파일을 작성한 후, 해당 파일을 컴파일(compile)하여 사용자가 실행할 수 있는 실행 파일(.exe)로 만들어 사용합니다.
하지만 인터프리터 언어는 이러한 컴파일 작업을 거치지 않고, 소스 코드를 바로 실행할 수 있는 언어를 의미합니다.
자바스크립트는 웹 브라우저에 포함된 자바스크립트 인터프리터가 소스 코드를 직접 해석하여 바로 실행해 줍니다.
엥 그럼 왜 HTML 속에서 쓰는 거야?
자바스크립트는 HTML의 '내용','속성','스타일'을 변경하기 위함이 강한데, 이를 위해 HTML 코드 속에 자바스크립트를 집어넣거나 HTML파일에서 .js파일을 참조하게 하는 것이다.
본격적으로 사용해보자
다음 내용들을 구글링 해보고 실습해보길 바란다. 백문이불여일견
chrome 콘솔창 사용
variable 사용
array 사용
pop() & push()
function 만들기
객체 만들어보기
for each 문 써보기
js파일 만들고, 참조해보기
jQuery 써보기
Ajax
fetch API 사용
then()
response 객체
text 객체
Asynchrounus 동작
익명함수 만들고 사용해보기
hash사용
location.hash사용하기
substr()을 통해 특정문자열에 접근하기
→ location.hash.substr()을 통해 hash에 딸린 내용 긁어오기
split(’,’) & trim()을 이용하여 ,으로 구분된 문자열 분해하기
split(’character’)
→ ‘character’을 구분자로 하여금 문자열 분할
trim()
→ 양 끝 단의 공백 삭제
polyfill을 통해 javascript 엔진 미지원 브라우저에서도 동작하게 만들기
Reference
