ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 프로그래밍 핵심 개념 in JavaScript
    코드잇 부스트 2024. 5. 21. 20:48

    자료형:

    숫자형

    JS에선 여러 연산기호를 사용할 수 있고 사칙연산의 우선순위 규칙을 따른다. 문법은 위와 같다.

    문자열 기본

    따옴표로 씌우면 문자열로 인식 된다.

    문자열 활용

    작은 따옴표를 문자열 내부에 사용하려면 큰 따옴표를 사용하면 된다.

    큰 따옴표를 사용하고 싶으면 이스케이프 문자인 /를 사용하면 되고,

    가독성을 위해 백틱(``)을 사용할 수도 있다.

    문자열간의 덧셈은 두 문자열을 이어붙인 것이 출력된다.

    불 대수

    And, Or, Not으로 나뉜다.

    명제란 참과 거짓이 확실한 문장을 뜻한다. 위는 그 예시이다.

    And는 여러개의 명제가 전부 참인 경우 참을 출력한다. (&&)

    Or은 여러개의 명제 중 최소 하나가 참인 경우 참을 출력한다. (||)

    Not은 특정 명제가 거짓인 경우 참을 출력한다. (!)

    불린형

    true와 false로 나뉜다.

    typeof 연산자

    typeof 뒤에 변수명을 입력하면 그 변수의 자료형을 출력한다.

    *typeof 8 - 3은 NaN를 출력하는데 이는 Not a Number의 축약형으로 이를 출력하는 이유는 typeof 연산자가 사칙연산 기호의 우선순위보다 높아 먼저 실행되기 때문이다.

    괄호를 씌우는 것으로 이를 해결할 수 있다.

    형 변환 I

    Number(변수), String(변수), Boolean(변수)의 방식으로 자료형을 지정하고 변환할 수 있다.

    ‘’, 0, NaN의 Boolean은 false를 출력한다. (falsy라고 부름)

    형 변환 II

    자동 형 변환 규칙:

    • 문자열 + 숫자 = 문자열
    • 숫자 + 불리언 = 숫자
    • 숫자 * 불리언 = 숫자
    • 숫자 / 문자열(숫자 형식) = 숫자
    • 숫자 % 문자열(일반 문자열) = NaN
    • =와 같은 연산은 전부 숫자형으로 변환시키고, 연산이 불가능할 경우 false를 출력함.
    • ==는 형변환을 하지만 ===는 하지않음 (자료형까지 동일해야 true 출력)

    템플릿 문자열

    백틱 내부에 ${변수}를 넣으면 문자열 내부에 변수를 가독성 좋게 넣을 수 있다.

    Null과 Undefined

    null: 값이 없음을 의도적으로 명시할 때.

    undefined: 내부에 정의된 값이 없음을 확인할 때.


    추상화:

    할당 연산자

    x = x-2는 오른쪽 변수의 값은 왼쪽 값이라는 뜻으로 사용된다.

    -=, +=, *=, --, ++ 등 복합 연산자도 있다.

    함수의 실행순서

    기본적으로 위에서 아래로 실행되지만 함수 호출시 함수를 실행하고 넘어감

    return문 제대로 이해하기

    함수에서 return문 이후의 코드는 Dead Code가 되어 실행되지 않는다.

    return과 console.log의 차이

    return의 변수의 값을 반환하고 console.log는 변수의 값을 출력한다.

    옵셔널 파라미터

    함수를 호출 할 때 정의한 파라미터를 전달하지 않으면 undefined가 출력이 된다.

    함수 정의 시 파라미터에 default 값을 넣어주면 파라미터를 전달하지 않은 경우 default로 설정해준 값이 파라미터로 들어간다.

    변수의 scope

    변수의 유효범위를 알아야한다.

    {}로 감싼 코드를 블록문(Block Statement)라고 부르는데, 이 내부에서 정의한 함수는 지역변수로 외부에서 사용할 수 없다.

    상수

    변하지 않는 일정한 값으로 const로 선언하고 변수명은 대문자로 선언한다.


    제어문:

    if문

    조건이 맞는 경우에만 코드를 실행함.

    else문으로 맞지 않는 경우에 실행할 코드를 작성할 수 있음

    else if문

    2가지 이상의 조건이 필요한 경우 사용할 수 있다.

    switch문

    비교할 값을 정해두고 case로 조건과 비교값이 동일 한 경우 밑에 있는 코드를 실행한다. default는 else와 같이 작용한다.

    조건식을 여러번 작성하지 않아도 되고 가독성 측면에서도 else if문과 차별점이 있다.

    switch문은 값들을 비교할 때 자료형을 엄격하게 구분하고, if문으로 대체할 때는 반드시 등호 세 개를 사용해 일치 비교를 해야 한다

    for 반복문

    위와 같이 동작한다. 조건이 참일 경우 동작부분을 반복하여 실행한다.

    while 반복문

    위와 같이 동작한다. 조건문에 사용하는 변수를 동작부분에서 사용할 경우 유리하다.

    break와 continue

    break시 반복문을 빠져나온다.

    continue시 동작부분을 생략하고 다시 조건부로 넘어간다.

    피보나치 수열의 구현.

    재귀함수로 구현해본적은 있지만 반복문만으로는 처음 풀어본다.

    간단하게 해결했지만 정석은 아닌듯하다.

     

Designed by Tistory.