본문 바로가기

자바스크립트

구조분해할당, Spread 연산자 & Rest매개변수, 타입 [JavaScript | 학습을 위한 자료 | 한입만 REACT] 구조분해할당 // 구조 분해 할당// 배열 또는 객체의 속성/값을 간단하게 변수로 추출하는 방식 // 1. 배열의 구조 분해 할당// 배열에 변수를 순서대로 할당 let arr = [1, 2, 3];let [one, two, three, four =4] = arr; // 변수 할당, 대괄호 사용console.log(one, two, four);// 2. 객체의 구조 분해 할당let person = { name : "강진호", age : 36, hobby : "농구",};let { name, // person.name → name 변수에 할당 age: myAge, // person.age → myAge 변수에 할당 hobby, .. 더보기
함수, 함수표현식, 화살표함수[JavaScript | 학습을 위한 자료 | 한입만 REACT] 함수// 함수// 중복되는 코드를 묶어서 반복을 줄임// 1. 함수선언function greetig() { console.log("안녕하세요");}console.log("호출 전");greetig(); // 함수는 호출해야 실행된다.console.log("호출 후");// 직사각형 넓이를 구하는 함수function getArea(width, height) { // 매개변수: 함수 정의 시 괄호 안에 전달받을 값을 정의 let area = width * height; console.log(area); return area; // 함수는 종료되며 반환된 값을 호출한 곳에서 사용 가능}getArea(10,20); // 인수: 함수 호출 시 전달하는 실제 값getArea(30,20);get.. 더보기
변수, 자료형, 형변환, 연산자 [JavaScript | 학습을 위한 자료 | 한입만 REACT] 변수 //변수// 1.변수// 변수는 선언 후 초기화하지 않아도 되며, 나중에 값을 할당할 수 있다.let age age = 27;console.log(age);// 2.상수const birth = "1988.01.24"; //선언과 동시에 값을 반드시 초기화해야 하며 초기화 이후 값은 변경할 수 없다.// 3.변수 명명규칙(네이밍 규칙)// 3-1. $,_제외한 기호는 사용할 수 없다.let $_name;// 3-2. 숫자로 시작할 수 없다.let name1;let $2name;// 3-3. 예약어를 사용할 수 없다.//4. 변수 명명 가이드 : 알아보기 쉬인 네이밍 필수let a = 1;let salesCount = 1;let total = salesCount - a;  자료형//자료형// 1. Nu.. 더보기
[예제로배우는자바스크립트 | 2장 데이터 형과 연산자] 변수와 데이터 형 1. 학습목표 변수에 대해 이해할 수 있다. 8가지 데이터 형(숫자,문자열,불,Null,Undefined,Bigint,객체,심볼)에 대해 이해할 수 있다. 2.필요 개념 문장정리 변수 변수는 데이터가 컴퓨터에 저장되는 주소이다. 변수를 선언하는 데는 var, let, const 세 개의 키워드가 사용된다. let을 이용하여 변수를 선언한 경우에는 언제든 필요에 따라 값을 재할당할 수 있다. const는 constant(상수)의 약어이다. const를 이용하여 선언된 변수는 값을 재할당할 수 없다. 따라서 값이 고정된 변수에 사용된다. 변수 이름 짓기 영어 알파벳, 숫자, _, $를 사용 숫자로 시작하면 안된다. 대문자와 소문자는 서로 다른 것 길게 지을 경우 _와 캐멀케이스 사용 데이터 형 기본데이터형 .. 더보기

티스토리툴바