본문 바로가기

분류 전체보기46

객체에서 쓸 수 있는 메소드들 Object.assign() : 객체 복제 기존에 있던 객체를 복사하여 사용하고 싶을땐 어떻게 해야할까? 단, 기존의 객체의 키와 값은 그대로 유지 되어야 한다. 그때 사용하는 메소드가 Object.assign()이다. const user = { name: 'Mike', } const newUser = Object.assign({}, user); newUser.name = 'tom'; // 새로 만든 객체의 이름 값은 'tom'으로 변경 console.log(newUser); // {name: 'tom'} 으로 변경되어 출력 console.log(user); // 기존 객체의 키와 값은 변하지 않고 {name: 'Mike'} 출력 위 같은 메소드 말고 아래와 같은 방법으로 복사해서 쓰면 어떻게 될까? /.. 2023. 2. 18.
계산된 프로퍼티 computed property 계산된 프로퍼티 (computed property, 연산 프로퍼티) 저장 프로퍼티와 다릴 저장 공간을 갖지 않고, 다른 저장 프로퍼티의 값을 읽어 연산을 실행하거나, 프로퍼티로 전달받은 값을 다른 프로퍼티데 저장한다. 쉽게 말하면 키(key) 값에 변수 또는 함수를 넣고 싶을때 사용된다. let a = 'age'; // 변수 a 에 age 값을 할당 const user = { name: 'Mike', [a]: 32, // computed property } // user 객체에 변수 [a]에 할당된 값을 불러옴 > 이것을 computed property 라고 불음 아래와 방식 외에도 식 자체를 넣는것도 가능 const user = { [1+4]: 5, ['안녕' + '하세요']: 'Hello', } co.. 2023. 2. 17.
멋쟁이 사자처럼 프론트엔드 5기 지원 후기 멋쟁이 프론트엔드 5기 2차 과제 및 테스트까지 끝났습니다! (결과는 아직 안나온 상태) 처음 1차는 3가지 질의응답을 500글자 이내로 적어서 제출 하는거였는데 솔직히 붙을줄 몰랐어요 500글자 이내라는 한정이 있어서 글자수가 오바 되면 줄이고 삭제하고 반복하다보니 어지러운 글이 었는데 1차 합격 문자 왔을땐 정말 생각지도 못한 합격이라 굉장히 어안이 벙벙했어요 (물론 정말 많이 수정하고 다듬고 몇일을 들여다 봤던거 같습니다) 2차 과제는 3분짜리 자기소개 영상과 javascript 테스트 였어요 자기소개 영상은 자막을 넣거나 편집하는건 어느정도 할 수 있어서 걱정은 없었지만 문제는 저는 javascript를 접한적도 없고 써본적도 없는 자린이라는 겁니다..ㅎㅎ 테스트는 일주일 뒤로 멋사에서 3부로 나.. 2023. 2. 16.
객체 object 객체는 키(key) 와 값(value)으로 구성된 프로퍼티(property)를 가지고 있으며 각 프로퍼티는 ,(쉼표)로 구분된다. object 접근, 추가, 제거 const man = { name: 'Mike', age: 33, } // 추가 man.gender = 'male'; man['hairColor'] = 'black'; // 접근 console.log(man.hairColor); console.log(man['gender']); // 제거 delete man.gender; console.log(man.gender); // gender 의 값이 삭제됨 단축 프로퍼티 const name = 'mike'; const age = 33; const man = { name, // name: name 과 같.. 2023. 2. 11.