국비교육 시작

[국비 11일차]javascript, 배우기 시작

kkzzznn 2024. 7. 15. 19:50
자바스크립트의 자료형
 */

// 1. 문자열(String)
console.log("He said 'I love you.'");
console.log('He said "I love you."');
console.log("I'll be back.");

//특수문자 - 백슬래시(\) + 문자 , 줄바굼 \n
console.log('\tabc\tdef"ghi\njkl\\');

// 문자열 연산자(+) -결합 연산자
console.log("가나다" + " " + "라마바");

// 문자열 선택

let hello = "안녕하세요?";
console.log(hello, hello[0], hello[3]); //안녕하세요? 안  세

//문자열 길이
//문자열: 속성(attribute), method
console.log(hello.length, hello.charAt(0), hello.charAt(3));

// template literal
console.log(hello + "문자열의 길이는" + hello.length + "입니다.");
console.log(`${hello} 문자열의 길이는 ${hello.length} 입니다.`);

//2. 숫자(Number)
// 자바스크립트에서는 정수형(integer), 실수형(floating point)을 구분하지 않는다.;
let a = 3,
  b = 4;
console.log(a + b, a - b, a * b, a / b, b % a);
let pi = 0.314159e1; // 0.314159 x 10 ** 1 (10의 1승);
let f = 1.3e-8; // 1.3 x 10 ** -8 ;
console.log(pi, f);
console.log(2 ** 10, 2 ** 20, 2 ** 30); //1K, 1M, 1G

//3. 논리형(boolean) - true, false
//비교 연산
console.log(a > b, 10 === 10.0); // === : 타입과 값이 같을때 참
console.log(10 == "10", 10 === "10"); // true, false

//논리 연산;
// || = or , && = and

/* x > 5, x<= 0
x > 5 || x <=0 */
/*


3 < x <= 8
x>3 && x < = 8 */

let x = 10;
console.log(x > 8 || x < 0);
console.log(x > 0 && x < 8);

//자료형 검사
console.log(typeof hello, typeof a, typeof true);

let y = a + -b; // + : binary operator, - : unary operator ;

 

 

자바 스크립트는 " " , ' ' 둘다 사용가능하다

"내부에 '작은따옴표'를 사용하면 외부는 "

'외부에 "큰따옴표 사용하려면" 외부에는 '

 

따옴표를 문자 그대로 사용하고 싶으면 : 이스케이프(\) 사용, 

 

자주 사용하는 이스케이프 기능 .

 

\n - 줄바꿈 ,

 \t - 탭 , 

\\  - 역슬래시 그 자체

 

문자열 내부에서 \그 자체를 사용하려면 \\ 두번 써야함.

 

문자 선택 연산자 : []

.

console.log("안녕하세요"[3]);

 

run

 

console.log('안녕하세요'[2]);

 

문자열 길이 구하기는 : .length

 

 

console.log("자바스크립트".length);

6

 

 

* 상수

상수를 만드는 과정을 '선언'이라고 표현, const 키워드로 다음과 같이 ㅅ너언

const 이름 = 값

 

const PI = 3.141592

console.log(PI)

 ---- > 3.141592

 

------------------------


console.log(2 * PI * r); //반지름으로 원의 둘레 구하기
console.log(PI * r * r); //반지름으로 원의 넓이 구하기  ㅡㅡ> 두 상수를 활용해 원의 둘레와 넓이를 구하기

 

원의 둘레 :62.83184
원의 넓이 :314.1592

 

* 복합 대입 연산자

 

복합 대입 연산자 설명 사용 예 의미
+= ㅣ기존 변수의 값에 값을 더하기 a += 1  a = a+1ㅣ

 str = "";
str += "A quick brown fox"; // str <- str 'A quick brown box'
str += " jumps over the lazy dog";
console.log(str);

처음에 str = " " 아무것도 아닌걸로 설정

str +=  " 아무것도 없는 str에  "a quick brown fox"  를 더하라

str += "a quick brown fox " 에 jumps ove the lazy dog" 를 더하라

console.log(str);

 ㅡㅡㅡㅡㅡㅡㅡ>  A quick brown fox jumps over the lazy dog


bbq = "arigato";
bbq += " goja";
bbq += " imaseu";
console.log(bbq);

ㅡㅡㅡ >> arigato goja imaseu

 

*증감 연산자

console.log(x++, ++y); // 후위 post-increment(조회후 1증가), 전위 pre-increment(조회전 1증가)
console.log(x, y);
console.log(x--, --y); // post-decrement, pre-decrement
console.log(x, y);

++n 전위 , n++ 후위

전위나 후위나 둘다 1을 증가시킨다

하지만 ++n과 n++의 값을 직접 구하려고 하면 수치가 달라진다

 

전위 (++n)

연산자 ++가 피연산자 n보다 앞에 위치할 때를 전위라 하고 1증가된 값이 연산결과값이다.

 

후위 (n++)

반대로 연산자 ++가 피연산자 n보다 뒤에 위치할 때를 후위라 하고 1증가하기 전 값이 연산결과값이다.

 

 

 

run

(0 1)
(1 1)
(1 0)
(0 0)

 

 

한줄평 : 자바스크립트 .. 재밌지만 어려운듯 하다