Javascript의 이해 2
Javascript를 시작하기 위해선 <head>부분에 저런식으로 넣으면 된다.
변수 (variable)
: 변하는 수, 변하는 값
프로그래밍 공부를 하기위해선 예약어라는 것을 알아야 한다.
프로그래밍을 작성할 때 내 마음대로 작성해도 되는 부분과 정해진 대로 써야되는 부분이 있다.
처음 우리는 예약어인 let, const인 변수를 선언하는 예약어를 배울 것이다.
ex) let ingoo; -> let은 예약어이고 뒤에있는 것이 변수이다 (변수의 시작을 숫자로 할 수 없다.)
' = ' : 대입연산자
-> 수학에서 1=1은 1과 1은 같다라고 표현한다. 하지만 프로그래밍에서의 1=1은 1이라는 곳에 1을 집어넣겠다. 라는 의미이다.
<코드>
let ingoo;
ingoo=427;
-> 예약어를 통해 ingoo 변수를 생성해주고 ingoo를 427로 설정을 했다.
console.log(ingoo);
-> 설정한 값을 출력하기 위해서는 코드가 필요한데 그 코드가 바로 'console.log(i);' 이다.
괄호 안에다가 내가 출력하고 싶은 내용과 변수를 넣어주면 출력해줄 수 있다.
let을 통하여 값을 정할 때 그 값에도 각자의 데이터 타입이 존재한다.
1) 숫자
2) boolean : ture, false
3) 문자 : '' "" ``
데이터타입에는 크게 2종류로 구분된다.
1) 변수 하나에 하나의 데이터
2) 변수 하나에 여러개의 데이터(군집형)
let number;
number =10;
console.log(number);
let bool;
bool=true;
console.log(bool);
bool=false;
console.log(bool);
let str;
str= '안녕하세요~';
console.log(str)
str= "안녕하세요!"
console.log(str);
str= `안녕하세요!@`;
console.log(str);
[배열 , 객체]
배열 -> [1, 2, 3]으로 인덱스의 개념이다
컴퓨터는 순서를 0 -> 1 -> 2 이런식으로 센다. 그래서 첫 번째 순서는 0으로 센다.
let arr;
arr = [1,2,3];
console.log(arr);
console.log(arr[1]); -> 2가 나온다.
or
arr=['짱구','철수','훈이'];
console.log(arr);
console.log(arr[2]); -> 훈이가 나온다.
객체 : 여러개의 데이터에 각 이름을 붙여주는 것을 말한다 - > { } , ' , ' 를 사용한다.
let obj;
obj = {
name:'짱구',
age:7,
height:137,
}
->
console.log(obj.name);
-> 짱구
console.log(obj.height);
-> 137
console.log 할 때 '.' 넣는걸 생각하자!
연산자
- 산술 연산자 ( +, -, %, *, ... ++)
- 연결 연산자
console.log(1+2);
console.log(1-2);
console.log(2/1);
console.log(1/2);
console.log(7/5);
console.log(7%5); // %를 사용했을 때 나머지 값을 나타내는 수식어.
console.log('안녕'+'하세요');
// 연결연산자 -> 앞에 있는 데이터 타입에 따라서 연산자 역할이 달라진다.
console.log('안녕'+1); // 안녕1 but
console.log(1+'안녕'); // 1안녕 -> 이거는 오류.. ;ㅅ;
비교연산자 : [ ==, >, <, >=, <= ]
값과 값 사이에서 비교하는 연산자
비교 연산자 결과물은 boolean 타입으로 변환되서 나온다.
1 =1 은 같다를 참으로 볼때 값이 -> true
논리 연산자 : [ &&(and), ||(or), !(not) ]
&&(and) -> 값(boolean) && 값(boolean) // ture && ture -> true , false && false -> true
If문 조건문 : [ if( ){ } ]
내가 만든 데이터가 true일 경우에 처리하는 방식 or 내가 만든 데이터가 false일 경우 처리하는 방식을 다르게 하고 싶을 경우에 사용한다.
if(1>2){
console.log('안녕하세요');
}
else{
console.log('내일봐여~');let 곽인구 = 180;
let 조용훈 = '남자';
let 김지현 = '여자';
if('남자' == 김지현){
console.log('남자'); //true일때만 이것이 실행된다.
}
else{
console.log('여자');
}//false일때만 이것이 실행된다.
for 반복문 : [ for(변수선언; boolean; 산술연산자){ } ]
값을 반복해서 만들고자 할 때 사용한다.
for(let i =0; i<10; i++){
console.log(i)
}
함수 [ function 변수( ){ } ]
함수의 역할은 특정 역할을 동일시 수행할 경우에 사용한다.
ex) 1+10 작업을 100번해야한다고 봤을 때 for 반복문을 사용할 수 있지만 함수로도 사용할 수 있다.
함수의 기능 2가지
1) 매개변수(인자)
2) return
function ingoo(){
console.log('hello world');
}
3.함수의 기능 2가지
1) 매개변수(인자)
문자열 + 문자열 연결연산자
function ingoo(name){
console.log(name+'님 환영합니다')
}
name에 값을 넣어줄 때는 밑에서 함수를 실행할 때 넣어준다.
밑에 값을 지정하고 그 값이 위에 들어가면서 답이 나온다.
ingoo('web7722')
ingoo('김지현')
ingoo('장주찬')
ingoo('한빈')