# destructing

7개의 포스트

2023. 4. 14 , 17

Index Intro HOF&로컬 스토리지를 활용한 기능 만들기 (예시 코드) 코드를 구현하며 쿠키, 로컬 스토리지, 세션 스토리지 중 어떤 것을 이용해도 좋다. 각 브라우저 저장소의 특성을 고려해 기획 의도에 적합한 저장소를 선택할 것 비회원 장바구니 기능 구현 1) fetchBoards를 이용해 데이터 불러온 후 장바구니 담기 버튼 만들기 2) 온클릭시 HoF 이용해 해당하는 내용 데이터 객체 받기 3) 해당 데이터 객체를 로컬 스토리지에 넣을 수 있는 형태로 가공 데이터를 그대로 로컬 스토리지에 넣으면 제대로 입력되지 않음([Object object])와 같은 식으로 들어가기 때문에 JSON.stringify 등을 이용해 꼭 string으로 변환해 넣어야 한다. 또 제외하고 싶은 데이터가 있을 때 d

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

DAY 02

1. Algorithm self study > 배열에서 length 이용해서 마지막 요소 꺼내기 주어진 fruits 배열에서 마지막 요소를 꺼내 newFruits에 넣어주세요. > 객체 안에 객체 할당하기 student와 school 두 개의 객체가 있습니다. student 객체에 school이라는 객체를 할당해야 합니다. 2. Backend Class > #### * Template Literal / Object +연산자를 사용하지 않지 않아도 새로운 문자열 삽입 가능 => 텍스트 여러줄 만들 때, 백틱(`) 사용 표현식 사용 가능 ${ } 사이에 변수나 연산 등을 삽입 > #### * Destructuring 배열 / 객체 에 따라 [] , {} 순서가 중요 ( 이름이 없기 때문에 ) 키와 밸류가 같으면 밸류 생략 가능 (객체 간단히 표현하기 가능) shorthand property
{ name, age, sch

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

TIL - ES6, ES11 문법

자바스크립트 최신문법 ES6, ES11 spread 전달인자(argument)로 배열을 모두 펼쳐서 요소들로 전달할 때 사용 기존 변수를 사용한다 기존 배열을 변경하지 않는다 immutable 얕은 복사 수행 배열 복사해서 새로운 배열 생성 배열끼리 연결한 새로운 배열 생성 rest 객체, 배열, 함수의 매개변수에서 사용 가능 객체,배열,매개변수에서 특정 값을 뽑고 싶을 때 사용 주의할 점 밑처럼하면 에러 발생함. rest는 나머지를 의미하므로 마지막에 위치해야함 Destructing assignment 구조분해할당 spread 문법을 사용하여 값을 변수에 각각 할당하는 과정 Shorthand property names Default parameters 추가된 방식 인자 다음에 초기값

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

[면접대비 예상꼬리질문] Default Parameters(기본 매개 변수)와 배열 및 객체 비구조화, Import & Export란?

모든 질문들은 실제 질문 받은 것이 아닌 저의 뇌피셜로 만든 질문입니다. > JavaScript는 기본 매개 변수를 선언할 수 있나요? > 기본 매개 변수를 선언할 때 주의해야 할 점은 무엇이 있죠? > 왜 C++와 같은 다른 언어에서는 기본 매개 변수를 선언할 때 오른쪽에서부터 선언하죠? > 그렇다면 JavaScript에서는 왜 순서와 상관없이 선언할 수 있나요? > (지엽적인 질문) 배열 및 객체 비구조화에 대해서 알고 있나요? > Import와 Export를 사용하면 어떤 이점이 있죠?

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[CS] Spread/Rest Day-16

Spread/Rest 문법, 구조 분해 할당 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때 사용됩니다. Rest 문법 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수가 가변적일 때 유용합니다. 배열 + spread 함수는 유용합니다. 배열 합치기 기존 배열을 변경하지 않는 (immutable) 입니다. 순서를 바꾸려면 새롭게 할당해야 합니다. 배열 복사 객체에서 사용하기 함수에서 나머지 파라미터 받아오기 구조 분해 (Destructing) 분해 후 새변수에 할당 배열 객체 함수에서 객체 분해 Spread/Rest 문법 ...args와 같은 친구를 rest parameter, rest syntax라고 부릅니다. **남아있는 모든 인자를 하나의 배열에 담기 때문입니다

2021년 10월 22일
·
0개의 댓글
·
post-thumbnail

Spread syntax, Destructing

Spread 배열을 풀어서 늘어놓는 것. 인자로 전달하거나 각각의 요소를 어딘가에 넣을 때 사용! 1. 배열 중간에 넣기 2. 배열 또는 객체 이어붙이기 합치는 두 객체의 중복 사항이 있으면 뒤에 있는 객체의 값을 따른다. 배열의 합은 obj1.concat(obj2)와 같다. spread로 합친 배열(객체)은 얕은 복사가 이루어진 다른 배열(객체)이다. 따라서 기존 배열(객체)와는 주소를 달리해 서로 영향을 끼치지 않는다. 근데 그 속에 다른 object가 있다면 또 다른 이야기.. Rest 배열형식으로 받아오기. 파라미터 개수가 가변적일 때 배열의 형태로 받아 사용. ❗️자바스크립트는 named parameter를 지원하지 않기 때문에 함수 호출 시 인자의 순서가 중요! 위 함수에서는 2개의 값을 받고 추가로 있다면 ...args rest를 이용해 배열로 받아오고자한다. 하지만 함수 호출문에서 인자를 하나밖

2021년 7월 4일
·
0개의 댓글
·

[JS] Spread / Rest / 구조분해

node 설치된 환경에서 terminal으로 파일 실행법은 >> node 파일명.확장자 Spread 문법 배열을 풀어서 인자로 전달 / 배열을 풀어서 각각의 요소로 넣을 때에 사용함 객체 혹은 배열을 펼칠 수 있다. 용례 Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있음. 파라미터 개수가 가변적일 때 유용함. (객체, 배열, 함수의 파라미터에서 사용 가능) 용례 구조 분해(Destructing) Spread 문법을 이용하여 값을 해체 > 개별 값을 변수에 새로 할당하는 과정 용례 함수에서 객체를 분해하는 유용한 예시

2021년 2월 25일
·
0개의 댓글
·