본문 바로가기

공부/JavaScript

[생활코딩] JavaScript 1-7 (event, console, 데이터타입, 변수와 대입연산자)

JavaScript는 HTML을 제어하는 언어이다.

HTML 이용해 웹페이지 만든 후, JavaScript를 이용해 사용자와 상호작용할 수 있는 기능을 추가할 수 있다.

 

 

*event: 웹브라우저 위에서 일어나는 사건들 중, 사용자들에게 유용할 만한 것들 (10~20개 정의)

이를 이용해 사용자와 상호작용하는 웹페이지,웹사이트 제작 가능

ex. onclick, onchange 등의 속성(attribute)

 

 

 

 

*console: console이용해서 JS 실행하면 해당 웹페이지를 대상으로 JS가 실행된다. console 이용해 일상의 불편함 가볍게 해소 가능 

(실행방법: 웹페이지 마우스 오른쪽클릭 -> 검사)

 

 

 

*데이터타입 

 

숫자 데이터 타입에서 중요한 것은, 산술 연산자 =>  +, - ,* , /

문자 데이터타입에서 " 는 "로 끝내고, '는 '로 끝내면 됨.

문자열이나 숫자냐에 따라서 결과값 달라짐. 1+1 = 2 , "1"+"1" = "11" (데이터 타입을 정확하게 표현하는 것에 관심 가지자)

 

문자를 처리할 때 사용할 수 있는 명령들 검색어 추천 : 'javascript string' 

 

ex. 

 

 

*변수와 대입연산자

 

변수(variable) : 바뀔 수 있는 어떤 값 

상수(constant): 바뀌지 않는 값 

대입연산자: 오른쪽 항의 값을 왼쪽의 변수에 대입한다 (=)

 

 

변수를 사용함으로써 얻는 효용이 많음.

ex.

-> 변수 사용할 때 앞에 'var' 붙이는 것이 좋은 습관

 

 

 

출처

https://www.youtube.com/@coohde

 

생활코딩

일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa

www.youtube.com

유튜브 생활코딩님의 'WEB2-JavaScript' 강의를 수강하고 공부한 내용을 정리한 포스팅입니다.