본문 바로가기

분류 전체보기135

[JS] 스프레드 연산자(...) 원시 값이란 객체가 아니면서 메서드도 가지지 않는 데이터를 말한다.stringnumberbigintbooleanundefinedsymbolnull원시값은 변형할 수 없지만 재할당 할 수는 있다.let a = "hello"; // 주소 : 1000, 값 : helloa = 1; // 주소 : 1001, 값 : 1 재할당은 새 메모리 공간을 확보하는 것이다.값을 저장한 후 변수(a)가 이전에 참조하던 메모리 주소를 변경함(1000 -> 1001)으로써 이루어진다.  원시값을 복사하면 어떻게 될까?let a = 2; // 주소: 1000 값: 2let copiedA = a; // 주소: 1001 값: 2a = 3; // 주소: 1002 값: 3console.log(a); // 3console.log(copie.. 2024. 7. 5.
[JS] 배열 및 객체의 분해(디스트럭처링) 배열 분해const userNameDate = ["Max","Kim"];const firstName = userNameDate[0];const lastName = userNameDate[1]; 이렇게 하면 직관적이지만 코드가 길어진다.  이 대신 왼쪽에 []을 놓고 상수 또는 변수를 정의하면 해당 배열을 분해해 배열 값을 가져올 수 있다.const [firstName, lastName] = ["Max","Kim"];console.log(firstName);console.log(lastName);  객체 분해const user = { name: "Max", age: 34}const name = user.name;const age = user.age; 객체 값을 이렇게 가져올 수 있지만 이 또한 길다. 왼쪽.. 2024. 7. 5.
[JS] 배열과 배열 메소드 배열도 객체 중 하나이다.배열을 값의 목록을 생성하는 것으로 []를 사용한다.const hobbies = ["sports","cooking","reading"];console.log(hobbies[0]);객체는 키-값 쌍으로 값 그룹을 묶지만, 배열을 값만을 순서대로 저장하며 목록의 위치에 따라 값을 액세스할 수 있다.배열을 저장하는 변수 또는 상수 이름 뒤에 [] 대괄호를 사용해 배열의 값에 접근한다.[] 대괄호에 출력하고자 하는 원소의 인덱스를 넣으면 된다.인덱스는 0부터 시작한다.배열은 모든 유형의 값을 저장할 수 있다. 객체, 숫자, 문자열 등  배열에 저장된 값을 변환하거나 읽는데 사용할 수 있는 다양한 내장 메소드가 존재한다.  push() 원소를 추가할 수 있다. const hobbies =.. 2024. 7. 5.
[JS] 객체와 클래스 여러 개의 값을 그룹으로 묶어 객체를 생성할 수 있다.const user = { name: "Max", age: 34, greet() { console.log("Hello"); console.log(this.name); }};console.log(user);console.log(user.name);user.greet();name과 age 프로퍼티에 값을 넣는다.점을 통해 객체의 값에 접근한다.function 키워드 없이 함수를 넣을 수 있다.객체 내 함수를 메소드라도 부른다.메소드에 매개변수를 받거나, return으로 반환하거나, console.log를 작성할 수 있다.메소드는 this 키워드로 객체의 프로퍼티에 접근할 수 있다. class로 실제 객체를 생성 시 사용할 청사진을.. 2024. 7. 5.
[JS] 화살표 함수 화살표 함수란함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법을 말한다.let func = function(arg1, arg2, ...argN) { return expression;}; 위와 같은 함수를아래와 같이 간략하게 표현할 수 있다.let func = (arg1, arg2, ...argN) => expression 화살표 함수를 아래와 같이 더 간략하게 사용할 수 있다.  1) 매개변수 () 괄호 생략하기화살표 함수가 정확히 하나의 매개변수만 사용하는 경우, 묶는 괄호를 생략할 수 있다.let func = (userName) => { ... } userName이라는 하나의 매개변수만 사용되니 매개변수를 묶는 () 괄호 없앨 수 있다.let func = userName => { .. 2024. 7. 4.
[JS] import 와 export 사용하는 방법 import/export 문법은 여러 파일에 코드를 분리해 관리하기 위함이다.  export / import  {...} fromutill.jsexport let apiKey = "adfasdgkl";작성된 변수나 함수를 다른 파일에서 사용하려면 export를 추가해 준다.app.jsimport { apiKey } from "./utill.js"console.log(apiKey);다른 파일의 변수나 함수를 사용하려면 import { 변수나 함수명 } from “파일 경로”를 작성한다.리액트는 파일명에 확장자(. js)를 쓰지 않아도 된다. 빌드 프로세스가 알아서 확장자(.js)를 추가하기 때문이다. 빌드 프로세스가 없는 자바스크립트는 확장자를 입력해야 한다.변수나 함수명은 대소문자 구분해서 똑같이 입력한.. 2024. 6. 19.
반응형

티스토리툴바