본문 바로가기

프론트엔드6

props props 란 - properties의 준말로, 컴포넌트에 값을 전달할 때 사용한다. - 전달하고자 하는 컴포넌트 내부에 props 이름과 값을 할당. - 하위 컴포넌트에서 props.(props명) 방식으로 해당 변수를 사용할 수 있다. props가 여러 개인 경우 - 위와 같은 방식으로 여러 값을 전달할 수 있다. 배열 디스트럭처링 - 배열 디스트럭처링을 사용하여 코드를 좀 더 간결하게 작성할 수 있다. props의 default 값 - 위와 같이 props 변수에 값을 할당하면 컴포넌트에서 props 값을 입력하지 않았을 때 num은 12345, name은 bbb로 할당된다. 2023. 8. 5.
5. 제어문 정의 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. 일반적으로 코드는 위에서 아래로 순차적으로 실행되지만, 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 코드의 실행 순서 변경은 직관적인 코드 흐름을 혼란스럽게 하여 가독성을 떨어뜨리고, 이는 오류 발생 가능성을 높인다. 따라서 제어문의 사용을 억제하는 것이 좋다. 1. 블록문 블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록이라고도 한다. js에서 블록문은 하나의 실행 단위로 취급하며, 제어문이나 함수를 정의할 때 사용한다. 2. 조건문 조건문은 주어직 조건식의 평가 결과에 따라 실행할 코드 블록을 결정한다. 조건식은 if else 문과 switch 문 두 가지로 구분된다. - if else 문 주어진 조건.. 2022. 12. 5.
4. 연산자 정의 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리 등의 연산을 수행하여 하나의 값을 만든다. 연산의 대상을 피연산자라고 하며, 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 또한 이들의 조합으로 이루어진 연산자 표현식도 값으로 평가될 수 있는 표현식이어야 한다. 4.1 산술 연산자 산술 연산자는 피연산자를 대상으로 연산을 수행해 새로운 숫자 값을 만든다. 연산이 불가능한 경우 NaN을 반환한다. - 이항 산술 연산자 이항 산술 연산자는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 피연산자의 값을 변경하는 부수 효과는 없다. - 단항 산술 연산자 1개의 피연산자를 산술 연산하여 숫자 값을 만든다. 이항 산술 연산자와 달리 피연산자의 값을 변경하는 부수 효과가 있다. 연산.. 2022. 12. 2.
3. 데이터 타입(Data Type 3.1) 데이터 타입이란? 값의 종류를 의미하며, js의 모든 값은 데이터 타입을 갖는다. 숫자, 문자열, 불리언, undefined, null, 심볼, 객체 총 7개의 타입으로 구성된다. 종류에 따라 확보할 메모리 공간의 크기, 메모리에 저장되는 2진수, 메모리로부터 읽어들여 해석하는 방식 등이 다르다. ex) 숫자 1, 문자 '1' -> 각각 다른 크기의 메모리 할당. 문자 '1'은 산수 연산 불가능. 3.2) 숫자 타입(Number) 산수 연산이 가능한 데이터 타입. 타 언어와 달리 하나의 숫자 타입(실수)로 모든 연산 처리. 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입을 제공하지 않기 때문에 모든 연산 결과는 10진수로 출력. 특별한 세 가지의 값 출력 가능. ex) Infinity, .. 2022. 11. 28.
2. 표현식과 문 2.1) 값 - 값은 표현식이 평가되어 생성된 결과를 말한다. - 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해 붙인 이름이다. 2.2) 리터럴 - 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법이다. 예를 들어 사람이 이해할 수 있는 문자 '3'을 코드에 기술하면 js 엔진은 이를 평가하여 숫자 3을 생성한다. - 리터럴을 사용하면 다양한 종류의 값을 생성할 수 있다. -> ex) 정수, 2진수, 문자열, boolean, null, 객체, 배열 등.. 2.3) 표현식 - 표현식은 값으로 평가될 수 있는 문이다. 새로운 값을 생성하거나 기존 값을 참조한다. - 리터럴, 식별자, 연산자, 함수 호출 등의 조합으로 이뤄질 수 있다. 2.4) 문(s.. 2022. 11. 15.
1. 변수 1.1 변수란 무엇인가 - 변수는 값을 저장할 메모리 공간을 할당하고 이를 식별하기 위해 붙인 이름이다. - 저장된 값을 읽어들여 재사용하기 위해 변수라는 식별자를 사용한다. - 10 + 20은 연산을 통해 30이라는 값을 생성한다. 30은 메모리 공간에 저장되고, 해당 메모리 공간으로부터 값을 다시 읽어들여 재사용할 수 있도록 메모리 공간에 상징적인 이름을 붙인 것이 변수이다. => 변수명 : result => 변수값 : 30 => 변수에 값을 저장하는 것 : 할당 => 변수에 저장된 값을 읽어들이는 것 : 참조 1.2 식별자 - 식별자는 값을 구별할 수 있는 고유한 이름을 의미한다. - 식별자는 메모리 주소를 기억하고 있고 이를 통해 해당 메모리 공간에 저장된 값에 접근한다. - 선언을 통해 식별자의.. 2022. 11. 8.
반응형
LIST

티스토리툴바