자바스크립트

JS _ 1

zayn 2024. 10. 8. 20:16

[JS 언어의 특징]

 

1. 객체 지향 프로그래밍 지원

 

  1) 절차지향

      - 순서대로 실행

  2) 객체지향

      - 데이터와 함수는 객체라는 그룹으로 묶어서 처리하는 방법

   

  * JS에서 객체를 만들땐?

     : 중괄호{} 를 이용하여 객체를 만들고 쉼표, 로 구분한다.

 

2. 동적타이핑

: 자바스크립트는 동적타이핑을 지원하는 언어/ 변수를 선언할 때 타입을 지정하지않음.

let myVariable = "Hello, world!"; // 변수 선언 및 문자열 데이터 타입으로 할당
console.log(typeof myVariable); // "string" 출력

myVariable = 123; // 숫자 데이터 타입으로 할당
console.log(typeof myVariable); // "number" 출력

myVariable = true; // 불리언 데이터 타입으로 할당
console.log(typeof myVariable); // "boolean" 출력

 

3. 함수형 프로그래밍 지원

: 함수를 사용한다.

 

4. 비동기 처리

 

5. 클라이언트 측 및 서버 측 모두에서 사용 가능

: Node.js 이후로 프론트엔드 백엔드 데이터베이스등 자바스크립트를 사용한다.

 

[기본 문법]

 

1. 변수 : 메모리에 저장한다. 읽어 들여서 재사용한다. (유용하다/ 필수적이다)

 

-> 변수의 5가지 개념

 

1) 변수 이름 : 저장된 값의 고유 이름

2) 변수 값 :  변수에 저장된 값

3) 변수 할당 : 변수에 값을 저장하는 행위

4) 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위

5) 변수 참조 : 변수에 할당된 값을 읽어오는것.

 

# 변수를 선언 할 수 있는 3가지 방법  : var ,  let,  const

 

1) var

var myVar = "Hello World"
console.log(myVar);

var myVar1;
myVar1 = 3;
// var myVar1 = 3;

 

2) let

let myLet = "Hello Wolrd1"
console.log(myLet);

 

3) const

const myConst = "Hello World2";
console.log(myConst);

 

$ Let 과 Const는 같이 선언 할 수 없다.

$ Var랑 Let은 재 할당을 할 순 있었다. Const는 재 할당이 안된다. // Const는 상수이기때문.

 

2. 상수 : Const

 

[ 데이터 타입 ]

runtime : run 하는 Time

코드를 작성할때가 아니라, 실제 코드가 실행될때 -> 옆에 터미널에 코드가 실행 될 때 

그때, 데이터 타입이 결정된다.

 

java :  String a = "abc"

const a = "abc"

 

1. 숫자

1-1. 정수

let num1 = 10;
console.log(num1);
console.log(typeof num1);

 * 해당되는 변수의 타입을 알려주는 연산자  : Type of 

 

1-2. 실수(float)

let num2 = 3.14;
console.log(num2);
console.log(typeof num2);

 

1-3. 지수형(Exp)

let num3 = 2.5e5; // 2.5 x 10^5 (10의 5제곱)
console.log(num3);
console.log(typeof num3);

 

1-4. Nan : Not a number (숫자가 아닙니다.)

let num4 = "Hello" / 2;
console.log(num4);

 

1-5. Infiniity(무한대)

let num5 = 1 / 0;
console.log(num5);
console.log(typeof num5);

 

1-6. Infinity(무한대) // 마이너스

 

let num6 = -1 / 0;
console.log(num6);
console.log(typeof num6);

 

 

2. 문자 : string (문자열 = 문자의 나열)

' ' = " "

let str = "Hello, World!";
console.log(str);
console.log(typeof str);

 

2-1. 문자열 길이 확인하기

console.log(str.length);

 

2-2. 문자열 결합하기

let str1 = "Hello,";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result);

 

2-3. 문자열 자르기

let str3 = "Hello, World!";
console.log(str3.substr(7,5)); // (어디서 부터 자를지, 몇개까지 자를지)
console.log(str3.slice()); // (보여지는 곳의 시작위치부터 끝위치까지)

 

2-4. 문자열 검색

let str4 =  "Hello, World!"
console.log(str4.search("World")); //몇번째 부터 시작되는지 찾는다.

 

2-5. 문자열 대체

let str5 = "Hello, World!"
let result01 = str5.replace("World", "Javascript"); //replace = 대체하다
console.log(result01);

 

2-5. 문자열 분할

let str6 = "apple, banana, kiwi";
let result02 =  str6.split(",") // split 자르는 기준을 쉼표안에 넣으면됨
console.log(result02);

 

'자바스크립트' 카테고리의 다른 글

2024.11.09  (2) 2024.11.09
REACT _ 1  (0) 2024.10.29
2024.10.19  (1) 2024.10.18
보충수업 (JAVA)  (1) 2024.09.20
Javascript란?  (0) 2024.08.29