[TIL] 2022.04.27

2022년 4월 27일 TIL 기록

리액트를 다루는 기술, 자바스크립트 Deep Dive를 공부하는 시간이 점점 늘어나는 것을 느낀다.

Notion을 활용해서 내용 정리하며 공부를 진행해봤는데 생각보다 정말 좋은 툴이라고 생각됨.

오전에는 두가지 책을 먼저 공부하고, 오후에는 코딩 테스트 문제 풀이 후 프로젝트에 집중할 생각.

5월까지 리액트를 다루는 기술 책 완독, 드림코딩 react 강의 완료를 목표로 진행!

리액트를 다루는 기술 3장 컴포넌트

[리액트를 다루는 기술] Component (props,state)

리액트를 다루는 기술 내용 정리 3장 컴포턴트 함수형 컴포넌트의 장점메모리 자원을 덜 사용한다. 최종 결과물의 파일 크기가 더 작다.(단, 성능, 파일크기 면에서 사실상 큰 차이가 없어 중요

mocha-blog.tistory.com

자바스크립트 Deep Dive 5장 표현식과 문

[자바스크립트 Deep Dive] 표현식과 문

자바스크립트 Deep Dive 내용정리 5장 표현식과 문 값평가란, 식을 해석해서 값을 생성하거나 참조하는 것을 의미 EX) 10+20 = 30 //10+20은 평가되어 숫자 값 30을 생성한다. 값은 식이 평가되어 생성된

mocha-blog.tistory.com

코딩 테스트 준비

[프로그래머스] 로또의 최고 순위와 최저 순위

코딩 테스트 연습 - 로또의 최고 순위와 최저 순위 | 프로그래머스 (programmers.co.kr) 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를

mocha-blog.tistory.com

Youtube API를 활용한 유튜브 리액트 프로젝트

- navbar, videoList, Item css 작업 및 1page 완성

남은 기능

1. 검색 기능

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

3. css

내일은 검색기능 구현 예정.

video 클릭 시 화면 전환은 react router를 활용해야 하는 것 같은데 아직 생소한 개념이라 벨로퍼트 모던 리액트를 통해 간단히 공부 중.

프로젝트에서 필요하다고 판단시 리액트를 다루는 기술에서 react router 부분을 먼저 공부를 진행할 예정.

Mocha's blog