JAVASCRIPT
브라우저가 읽을 수 있는 프로그래밍 언어이다.
프로그래밍 언어가 참 다양하게 존재하는데 다른 프로그래밍 언어를 사용하지 않는 것은, JS를 표준 언어로 약속했기때문에 프론트 제작시 HTML, CSS와 함께 JS를 사용한다.
javascript는 만들어놓은 html과 css에 움직임을 주어, 보다 퀄리티 있고 흥미로운 웹페이지를 만들 수 있게한다.
JS는 style 밑에 script를 만들어, 그 안에 작성해준다.
- 변수
변수란 어떠한 자료를 담을 수 있는 박스와도 같다.
자바스크립트에서는 let 으로 변수를 선언해준다. let name = '홍길동';
/* =은 수학을 할때 같다라는 의미로 사용하지만,
프로그래밍을 할땐 오른쪽에 있는 것을 왼쪽으로 대입시킨다는 의미이다.
같다라는 표식은 == 으로 사용한다. */- 자료형
자료형이란 내가 사용할 변수가 정수인지, 실수인지, 문자인지 등을 나타내주는 것.
- 함수
어떤 이름아래로 특정 기능을 설정하고, 해당 이름을 부르면 그 기능을 실행할 수 있다.
function sum (a,b) {
return a+b
}
sum (1,2)
-> 3 이 리턴된다.- 조건문
어떠한 조건에 대해 참이면 어떻게 하고 , 아니면 어떻게 하라~ 지정해주는 것.
if else문.
if (a < b) {
alert ('a가 b보다 작다') /*alert은 브라우저 창에 알람 창 뜨는걸 말한다*/
}else {
alert ('a가 b보다 크다')
}
/* if, a가 b 보다 작으면~ 'a가 b보다 작다'라는 문장을 띄우고 ,
아니라면 'a가 b보다 크다'라는 문장을 띄워라 */- 반복문
얼마간 반복을 할 것인지 조건을 지정하고, 반복되는 동안에 실행할 일을 지정할 수 있다.
for 문.
for (let i = 0; i < 10; i++) {
console.log(i)
}
/* -> 콘솔창에 0,1,2,3,4,5,6,7,8,9 하나씩나옴 */
반복문과 조건문의 조합
for (let i = 1; i < 11; i++) {
if (i % 2 == 0) {
console.log('짝수입니다.')
}else {
console.log('홀수입니다.')
}
}