[TIL] 2022.04.26

TIL 첫 번째 기록 2022년 4월 26일

---

리액트를 다루는 기술 1~2장

- JSX 문법

1. 감싸인 요소

2. { }를 활용한 자바스크립트 표현

3. if 문 대신 조건부 연산자(삼항 연산자)

4. AND 연산자(&&)를 활용한 조건부 렌더링

5. OR 연산자(||)를 활용한 undefined 렌더링 하지 않기

6. 스타일 처리에 인라인 스타일링(카멜 표기법)

7. class 대신 className

8. 태그 닫기

9. 주석 => {/* 주석 */}

 

 

- const let var의 차이점

ES6 문법에서 const와 let 도입.

var : 함수 스코프

let, const : 블록 스코프

---

모던 자바스크립트 Deep Dive 1~4장

 

- 변수 호이스팅

변수 선언은 런타임 이전에 실행되지만, 값의 할당은 런타임에 실행된다.

자세한 내용은 실행 컨텍스트와 함께 별도 내용으로 정리할 예정.

 

- 변수 값의 재할당

변수 값을 재할당할 경우 기존 메모리 공간에 지우고 새롭게 저장하는 것이 아닌, 새로운 메모리 공간을 확보하고 값을 저장

 

- 가비지 콜렉터

불필요한 값들은 가비지 콜렉터에 의해 메모리에서 자동 해제된다.

단, 언제 해제될지는 예측할 수 없음.

자바스크립트는 가비지 콜렉터를 내장하고 있는 매니지드 언어로 메모리 누수를 방지한다.

 

---

코딩 테스트 준비

- 프로그래머스 카카오 문제 [숫자 문자열과 영단어]

블로그 내 정리 : https://mocha-blog.tistory.com/3

[프로그래머스] 숫자 문자열과 영단어_Javascript

 

코딩 테스트는 프로그래머스 1단계 3개를 남겨두고 있음.

하루에 최소 1문제씩 지속적으로 문제를 해결하며 성장하겠음.

 

5월 초에 우아한 테크 캠프 테스트가 있음.

현재 실력으로는 어려운 것을 알고 있지만 코딩 테스트 경험을 위해서라도 응시할 생각.

---

Project

 

Youtube API를 활용하여 유튜브 리액트 프로젝트를 진행 중.

axios, fetch를 활용하여 video 데이터를 받아 리스트로 만들기까지 성공.

 

남은 기능

1. 검색 기능

2. video 클릭 시 화면 전환 및 비디오 재생

3. css

 

리액트에 대한 기본이 없이 프로젝트를 시작하여 막히는 부분이 매우 많은 상태.

리액트를 다루는 기술을 통해 기본을 쌓으며 프로젝트 진행 예정.

 

일주일의 시간을 가지고 스스로 만들어본 후 강의를 통해 복습 및 피드백 예정.