TIL_221129_ ❓❗🚩 JavaScript 심화_1

정윤숙·2022년 11월 29일

TIL

목록 보기

30/192

1. JavaScript 심화_1

1) 데이터 타입의 종류

모든 data는 byte(8개의 bit) 단위의 식별자인 메모리 주소값을 통해 서로 구분이 된다
JS에서는 memory issue를 고려하지 않고 값 할당 가능
- memory issue: 단위의 종류(short, int, long)에 따라 기본으로 가지는 byte값이 다름
식별자와 변수
- 식별자 = 변수명
- var testValue(식별자) = 3(변수)

2) 데이터 할당

3) 기본형 / 참조형 데이터 1, 2
(1)

변수 / 상수 - 변수 영역의 변경 가능성으로 나뉜다.
불변 / 가변 - 데이터 영역의 변경 가능성
기본형 = 불변 / 참조형 = 가변
불변값과 불변성(Garbage Collecting)
- 값일 재선언하면 데이터의 값이 바뀌는 게 아니라 새로운 주소에 재선언언한 값이 들어가고 이전 데이터는 Garbage Collecting으로 인해 사라지고 빈칸이 된다.

참조형 변수 할당 과정
- 변수마다 해당 객체 변수 영역이 존재하는지?
  ex. obj1의 객체 변수 영역은 8104부터 시작?
  obj2의 객체 변수 영역은 9104부터 시작?

주소는 5001, 7103, 7104, 8104, 8105, 8106, 5002, 5003, 5002, 5004, 5005 -> 2byte*11 = 22byte

(2)

변수 복사의 비교
- 기본형 - 복사해서 값이 바뀌면 두 변수는 서로 다른 것
- 참조형 - 복사한 변수의 값이 바뀌면 원래 변수의 값도 변경됨
복사 이후 값 변경(객체 자체를 변경)
- 변수마다 객체 변수 영역이 새로 생기는 것을 떠올리기!

4. 불변객체

얕은 복사 - CopyObject
- for문이 한 번만 돌기 때문에 중첩된 객체(2depth)의 경우(ex. 변수의 객체가 배열) 그 주소값은 그대로 복사가 됨
참조형 데이터를 불변값으로 사용하는 방법
- 깊은 복사 - CopyObjectDeep
  -> 내부의 모든 값을 하나하나 찾아 복사 = 재귀적 수행
- 라이브러리
  -> J.SON
for in = index를 가짐
for of = value를 가짐

5. undefined / null

undefined(JS 엔진에서 자동 부여)
- 변수에 값이 지정되지 않은 경우
- 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때
- object의 하위요소로 접근할 때(. []) 해당 데이터가 존재하지 않은 경우
- return문이 없거나 호출되지 않는 함수의 실행 결과

null
- '없다'를 명시적으로 표현할 때 사용
- typeof null - typeof 기능을 사용할 때 꼭 체크
  -> if(typeof var1 === 'object' && var1 != null) null(객체)가 들어오는 것 방지

2. JavaScript 기본 자료(notion)_1

REFL 사용
- vscode Terminal에서 node 치기
문자 변수 선언 후 백틱 안에 $로 해당 값을 가져와 표현 가능
- ${aString} ${bString} 'Hi Yunny'
- 숫자의 합 - ${aNum + bNum}
객체 구조 분해 할당
- ES6에서 도입. Object, List(배열Array)를 변수로 분해 가능
- 주의: 변수명과 객체의 프로퍼티(key & value) 이름 일치!
배열의 index = value에 접근 가능하게 해주는 식별자
배열 구조 분해 할당
- 변수 이름 선언 자유, 배열의 순서대로 할당
NaN(Not a Number)
- 숫자가 아닌 값을 숫자로 변환하는 경우 NaNd으로 반환
- 판별 - Number.isNaN() / isNaN()
  -> 현재값이 NaN이어야만 true를 반환

3. 프로그래머스

잔디 깔려고 한 문제 풀었다.
- 나는 음식 문제랑 잘 맞는 것 같다.
- 저번에는 배고파서 '양꼬치' 문제를 풀었는데 금방 풀렸고 오늘은 '아메리카노' 문제 풀었는데 금방 풀렸다ㅋㅋㅋ

JS 데이터 강의를 듣다 중첩 객체 할당 부분에 대해 정확히 이해하고 싶어 원장님한테 질문했다.
- 설명을 듣고 난 후 원장님이 보충 설명을 더 해주시겠다며 다른 수강생들도 불러 설명을 해주셨다.
- 강의에 오류가 있던 부분이었고 다시 설명해주신 덕분에 이해를 제대로 할 수 있었다.
- 내가 한 질문으로 인해 오류가 정정되고 동기들과 더 잘 이해할 수 있는 시간을 가질 수 있어서 기분이 좋았다.
- 내가 쏘아 올린 작은공⭐
속시원함
- 일요일에 마찰이 있었던 팀원과 오늘 속시원하게 얘기했다.
- 내일부터 다른 팀을 만나는데 그냥 얘기하지 않고 넘어갈까 하다가 회피하기 싫어서 따로 젭 카페ㅋㅋ 가서 얘기하자고 했다.
- 자세히 얘기를 들으니 상대방을 더 이해하게 됐고 끝까지 프로젝트를 같이 해내준 것에 대해 고맙다고 했다.
- 팀원의 말을 듣고 나도 스스로에 대한 피드백을 하며 일기에 적었다. 나도 더 잘할 수 있는 부분이 있지 않을까 잠깐 생각하다 말았는데 이번에 기록으로 남기고 다시 새기면서 같은 상황에서 더 나은 결정을 내리고 싶다.