Introduction
개발 공부를 오랜만에 하려니 신기하고 재밌는 것이 많다. 다양한 개념과 잘 쓰지 않았던 문법들을 보려니 갑자기 머리에서 쥐가 나는 듯 하다. 계속 보다보면 괜찮아질 것이라 믿는다. 올해 처음 눈여겨 본 화살표 함수가 이제는 조금 친숙해졌기 때문이다. 프론트엔드 개발 공부, 이제 시작이다.
새롭게 배운 것
1. Object 자료형
- 여러 자료형을 키를 통해 가질 수 있음.
- key 값은 무조건 문자열
- python의 dictionary와 비슷한 구조.
2. 가비지 컬렉터
- 메모리가 부족할 때 사용하지 않는 메모리를 해제 시켜 다른 용도로 사용 할 수 있게 해주는 프로그램
- 현대에 와서 가비지 컬렉터는 Mark and Sweep Algorithm를 사용
- Mark & Sweep Algorithm : 연결되지 않은 주소를 필요없다고 가정하여 지우는 알고리즘. DFS로 탐색한다고 한다.
3. typeof 연산자
- 피연산자의 타입을 문자로 반환하는 연산자
const a = 13;
const b = 'Int';
const c = true;
console.log(typeof a) //number
console.log(typeof b) //string
console.log(typeof c) //boolean4. 클로저
- 특정 함수의 내부에 있는 함수가 특정 함수에서 사용하던 변수에 접근하고, 함수 실행이 끝나도 계속 그 변수를 사용하는 기법
- 클로저로 은닉화가 가능
5. 시간대
- 순수한 시간, UTC, Time Zone 시간
"birth" : "1996-03-02", // 순수한 시간
"updatedAt" : "2021-03-02T03:12:38Z" //UTC
"postedAt" : "2021-03-01T06:00:00Z" //Time Zone 시간- 간단하게 사용하려면 Date 객체가 있음
깨달은 것
1. 프론트엔드에는 프레임워크 뿐만 아니라 다양한 기술이 있음
글로벌 서비스에는 i18n, Zoom과 같은 다대다 통화에는 WebRTC를 사용한다.
2. DOM은 트리 구조
DOM이라는 객체를 화면에 띄워지는 것을 렌더링이라고 부른다. 이제까지 단순히 DOM을 두려워하고 있었는데 json 같은 느낌이라 하니 마음이 살짝 편해졌다.
3. ARP를 이용하여 MAC 주소 변환
존재를 잊고 있었다. ARP(Address Resolution Protocol)은 논리 주소인 IP 주소를 물리 주소인 MAC 주소로 변환하는 프로토콜.
4. RTC
수강신청할 때 RTC 시간이라는 개념을 썼는데 이제 그 개념을 알았다. Real Time Clock은 카운터 회로를 통해 클럭을 발생시키는 모듈, 1 클럭에 32.768kHz라는 정확한 주파수를 이용
Comment
- 이제까지는 조금 귀찮아서 넘어가던 것들도 이해가 안되도 작동 원리를 한번씩 머릿 속에서 짚고 넘어가야겠다고 생각했다.
- 1~2시간에 한번씩은 쉬어야 한다.
참고링크
가비지 컬렉터
https://www.geeksforgeeks.org/mark-and-sweep-garbage-collection-algorithm/
Cheerful Adventurer