react

nodejs에서 project단위는 package라고 한다. 이 package를 처음에 설정하는 명령어가 npm init이다.누르면 package name, version, description, entrypoint 등등이 나오면서 Is this OK?가 나온다. 마지

react는 opensource javascript library로, 컴퓨터넌트 기반의 UI 표현이 가능하다. 즉, UI를 모듈화하여 마치 블럭을 붙이듯이 개발을 할 수 있다. 또한, react를 통해서 UI상에서의 interaction을 매우 편리하게 update할

react의 component는 하나의 함수를 만들어서 html과 같은 tag들을 반환하는 것을 말한다. 다음과 같이 App 함수는 html tag를 리턴하고 있으므로, 이를 하나의 react component라고 할 수 있다. 또한 함수로 만들어졌으므로 함수형 컴포넌

Event란 웹에서 발생하는 사용자의 행동들을 말한다. 가령 버튼을 누르거나 메세지를 입력하는 것들이 있다. 따라서, Event handling이란 이벤트가 발생한 것을 어떻게 처리할 것인가?이다.웹에서 발생하는 사용자의 행동에 따라 어떻게 처리할 지 결정하는 것이다.

https://www.udemy.com/course/react-next-master/react의 component들도 lifecycle을 갖는데, 다음의 3단계를 가진다.Mount: component가 화면에 렌더링된 순간이다. eX) 주로 서버에서 데이터를

https://www.udemy.com/course/react-next-master/useReducer는 useState와 동일하게 새로운 state를 생성하고 업데이트하는 함수를 제공한다. 기본적으로 모두 useState와 동일하지만, useState는 st

https://www.udemy.com/course/react-next-master/우리의 app이 다음과 같은 구조로 되어있다고 하자.여기서 잘보면 App component에서는 onUpdate, onDelete와 같은 props를 TodoList에게 전달하

https://www.udemy.com/course/react-next-master/page routing이란 user가 web browser에 특정 url로 page를 요청하고 browser는 web server에 해당 page를 요청해 화면에 렌더링해준다.

react css파일들의 요소들은 사실 global하게 적용된다. 즉, A react component에 적용한 header tag style이 다른 react component에 적용된다는 것이다. 이를 해결하기 위해서 css파일을 하나의 모듈처럼 사용할 수 있는 방

nextjs는 Vercel이 개발한 오픈소스 자바스크립트 framework로 react에 추가적인 기능들을 제공한다. 따라서, nextjs를 react의 확장판으로 생각하면 된다.굉장히 다양한 기능들을 제공하는데 대표적으로는 다음과 같다.1\. directory 기반의

SSR은 서버 측에서 page를 렌더링하는 것을 의미한다.순서를 정리하면 다음과 같다.Browser가 nextjs app server에 mypage.html을 요청nextjs는 react component와 html, css를 통해 mypage.html을 만들어 반환b