TIL #210502

📚 TIL

---

노마드코더 바닐라 JS & CSS 챌린지 DAY 14, 코어 자바스크립트

🌠 노마드코더 바닐라 JS 챌린지 과제 제출하기

 

오늘은 최종 과제를 제출하는 날!

미리 코드를 다 작성해놔서 오늘은 디자인만 했어요~

디자인은 참 어려운 것 같아요

다른 분들꺼 보니까 다들 예쁘고 창의적이던데

막상 디자인하려니까 생각도 안나고 시간도 별로 없고 ㅠㅠ

그래서 VSCode를 따라서 만들었어요! ㅎㅎ

자바스크립트 챌린지 끝~~

챌린지를 하면서 querySelector랑 eventListener에 더 익숙해졌어요!!

자바스크립트 정복하기에 한 걸음 더 다가갔다!

 

 

---

 

🌠 노마드코더 CSS 챌린지 과제 제출하기

 

CSS도 최종 과제를 제출하는 날~~

하루동안 진행하는 최종과제였는데요!

그래서 3시간정도 투자해서 만들었어요

변형하고싶었는데 오늘 공부할 시간이 많지 않아서

그냥 글은 안바꾸고 디자인만 Hover로 꾸며봤어요!

CSS 챌린지는 크게 고통받지않고 재밌게 했네요 ㅎㅎ

크으 챌린지 두개 끝!!! 좀 쉬자!! 아니네 알고리즘 공부해야되네 아낭

 

---

 

🌠 코어 자바스크립트 1장 공부하기

 

1장 데이터 타입

 

1-5 불변 객체

 

1-5-1 불변 객체를 만드는 간단한 방법

 

• 값으로 전달받은 객체에 변경을 가하더라도 원본 객체는 변하지 않아야 하는 경우 불변 객체가 필요
• 대상 객체의 모든 프로퍼티를 복사하는 함수를 만들어 불변 객체를 만들 수 있음

 

1-5-2 얕은 복사와 깊은 복사

 

• 얕은 복사 : 바로 아래 단계의 값만 복사하는 방법, 중첩된 객체에서 참조형 데이터가 저장된 프로퍼티를 복사할 때 그 주솟값만 복사
• 깊은 복사 : 내부의 모든 값들을 하나하나 찾아서 전부 복사하는 방법
• 객체 내부의 모든 값을 복사해서 완전히 새로운 데이터를 만들고자 할 때, 참조형 데이터는 다시 그 내부의 프로퍼티들을 복사해야 함
• 객체를 JSON 문법으로 표현된 문자열로 전환했다가 다시 JSON 객체로 바꾸는 방법으로도 깊은 복사를 처리할 수 있음

 

1-6 undefined와 null

 

• 자바스크립트 엔진이 undefined를 반환하는 경우
  • 값을 대입하지 않은 변수에 접근할 때
  • 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때
  • return 문이 없거나 호출되지 않은 함수의 실행 결과
• 비어있는 요소는 순회와 관련된 많은 배열 메서드들의 순회 대상에서 제외됨
• 사용자가 명시적으로 undefined를 부여한 경우 프로퍼티나 배열의 요소는 고유의 키값이 실존
• 비어있음을 명시적으로 나타내고 싶을 때는 null 사용

 

---

 

🌠 코어 자바스크립트 스터디 1회

 

• 주제 : 1장 데이터 타입

 

문제

 

Q1 : 참조 카운트가 0인 메모리 주소는 어떻게 될까요

 

Q2 : 얕은 복사와 깊은 복사의 차이를 설명해주세요

 

Q3 : 자바스크립트 엔진이 undefined를 반환하는 경우 3가지를 설명해주세요

 

Q4 : JS에서 객체가 가변하다는 것을 메모리적으로 설명해주세요

 

Q5 : undefined와 null의 차이점을 설명해주세요

 

Q6 : const array = [1,2,3]에서  array는 상수인데요. array[1] = 3를 해도 error가 나지 않습니다. 그 이유를 메모리를 이용해서 설명해주세요

 

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 오늘 오전에 서울갔다오느라고 공부를 조금 했어요

- 밤에 바닐라 JS 챌린지 과제 제출하니까 머리아파서 쉬었어요

- 너무 집중했나봐요 ㅠ TIL도 다음날에 쓰기 ㅎㅎ

 

🚗 서울 가기

- 오늘 짐옮길게 있어서 엄마랑아빠랑 언니가 사는데로 갔어요!

- 짐옮기고 점심으로 오리고기 먹었어요 ㅎㅎ

- 여기 처음에 죽주고 마지막에 오리탕 주시는데 대박이에요

- 피곤해서 차에서 자고 집에 오니까 거의 4시..