[TIL] 221028

Beanxx·2022년 10월 28일

TIL

목록 보기

86/120

🔥 오늘 한 일

프로그래머스 Lv.0 4문제 풀기
기술면접 질문 & 답변 5개 정리
1. state를 직접 변경하지 않고 setState를 사용하는 이유에 대해서 설명하세요.
2. id와 class 셀렉터의 차이점에 대해 설명하세요.
3. 프록시 서버가 필요한 이유에 대해 설명해주세요.
4. 일반적으로 CSS <link> 태그를 <head/> 태그 사이에 위치시키고, JS <script> 태그를 <body> 태그가 끝나기 직전에 위치시키는 이유가 무엇인가요?
5. CSS in JS(ex. styled component)의 장단점에 대해서 설명하세요.
[JS Deep Dive] Chapter11(원시 값과 객체의 비교) 학습 p.137~153
[Toy-project] Image Upload 학습

🧚 새롭게 알게 된 내용

💡 얕은 복사, 깊은 복사

얕은 복사 👉 객체에 중첩되어 있는 객체의 경우, 참조값을 복사
깊은 복사 👉 객체에 중첩되어 있는 객체까지 모두 복사 → 원시 값처럼 완전한 복사본 생성

✋ 얕은 복사, 깊은 복사로 생성된 개체는 원본과 다른 객체!
👉 즉, 원본 & 복사본은 참조 값이 다른 별개의 객체

const obj = { x: { y: 1 } };

// 얕은 복사
const c1 = { ...obj };
console.log(c1 === obj); // false
console.log(c1.x === obj.x); // true

// 깊은 복사
const _ = require("lodash");
const c2 = _.cloneDeep(obj);
console.log(c2 === obj); // false
console.log(c2.x === obj.x); // false

Naver Cloud에 이미지 업로드하기 (정리해서 따로 블로깅하기!)

✍️ Diary

오늘은 프로그래머스 Lv.0 4문제를 푸는데만 3시간이 걸렸다..
아니 레벨0도 이렇게 어려워해서 실제 코테는 어쩌려고 그러지,,, 😭
주말 내로 얼른 토이 프로젝트 배포까지 끝내쟈 💪

Beanxx

FE developer

이전 포스트

[TIL] 221027

다음 포스트

[TIL] 221028

TIL

🔥 오늘 한 일

🧚 새롭게 알게 된 내용

💡 얕은 복사, 깊은 복사

✍️ Diary

[TIL] 221027

[TIL] 221029-30

0개의 댓글