191113 TIL 코쿼 강의 2 - Webpack, 리액트

» 1.5막, TIL (Today I Learned), 코드스쿼드, React.js

Webpack, 리액트

오늘 강의에선 웹팩을 직접 설정해보고 리액트 입문을 (드디어) 하는 수업을 했다.

웹팩…. 알면 좋을 거 같지만 항상 알아서 해주기 때문에 잘 몰랐는데… 흠

당장 급하진 않지만 언젠가 공부를…

자바스크립트 라이브러리 배포를 위한 웹팩(webpack) 설정 경험기

나중에 이 윤글 보고 공부해봐야지.


예제에서 flat 함수가 나왔는데 처음 보는 함수였다. MDN에서 설명하기로는 배열을 평평화 해주는 함수라고 한다. 어딘가 귀엽다. 평평화

아직 stage3에 있는 기술이라고 하는데, 이렇게 stage가 나뉘어져 있는 것도 처음 알았다.

What’s New in JavaScript 여기에서 flat 기술이 소개되었다고 한다.

https://kangax.github.io/compat-table/esnext/ 여기서 stage별 기능 리스트도 볼수 있다고 한다.


드디어 리액트를 들어가면서 SPA에 대해서 다시 한번 이야기 했다.
예전부터 화면 새로고침 없이 새로운 페이지를 렌더링 함으로써 사용자 경험을 좋게 한다. 는 것은 알고 있었는데, 그-다지 와닿지 않았었다.

근데 어제 수업에서 앱처럼 돌아가게 할 수 있는거죠.에서 갑자기 띵-했다. 오,, 앱을 켜는 것처럼 웹도 하나의 실행파일(?)처럼 돌아가게 한다는 거였구나!

(이런 사소한 것들이 이해될 때 너무 좋다.)

아 그리고 react hook으로 배웠는데 그 이전 버젼 class 활용도 공부해야하는 지 질문했는데 그럴 필요 없다고. 훅으로 다되고 훅만 알아도 되고 훅이 짱이다(?) 라고…. ㅋㅋㅋ

image

리액트는 UI 개선을 위해 시작되었따!!