Front-End/React (6) 썸네일형 리스트형 [React] useMemo https://velog.io/@jinyoung985/React-useMemo%EB%9E%80 [React] useMemo란? 📋 useMemo란? useMemo는 리액트에서 컴포넌트의 성능을 최적화 하는데 사용되는 훅이다. useMemo에서 memo는 memoization을 뜻하는데 이는 그대로 해석하면 ‘메모리에 넣기’라는 의미이며 컴퓨터 프로 velog.io [React] Describing the UI 한달 전에 작성했는데 안 올렸었다니..!! 공식문서를 보는 것으로 공부방향을 바꿨다. https://react.dev/learn Your First Component – React The library for web and native user interfaces react.dev Q. 프로그래밍에서 동사 nest의 의미? A. 프로그래밍에서 "nest"란, 하나의 코드 블록이 다른 코드 블록 안에 중첩되는 것을 의미합니다. 중첩된 블록은 다른 블록 내부에 들어가기 때문에 외부 블록의 범위를 포함하게 되며, 이러한 구조를 "nested" 구조 또는 "nesting"이라고 합니다. 대표적인 예시로는 if문이나 for문 같은 제어 구조가 있습니다. 이들 구조는 중첩될 수 있으며, 이를 통해 복잡한 조건과 반.. [React] 230501 학습일기 http://www.yes24.com/product/goods/97782392 초보자를 위한 리액트 200제 (React) - YES24 따라하면서 이해하는 React A to Z리액트를 시작하기 전에 개발 환경을 준비하는 과정부터 시작하여 예제 파일을 실행하는 방법을 안내한다. 입문부터 초급, 중급, 활용, 실무까지 5개의 파트로 나 www.yes24.com 길고도 긴 무기력 상태를 벗어나 이젠 좀 열심히 살아보려 한다. ㅋㅋ..ㅜㅜ ** 시작하기 전에 굉장한 것을 알아냈다. R008_LifecycleEx.js 파일이 아래와 같고 import React,{Component} from "react"; class R008_LifecycleEx extends Component { constructor(pro.. [React] 220423 학습일기 http://www.yes24.com/product/goods/97782392 초보자를 위한 리액트 200제 (React) - YES24 따라하면서 이해하는 React A to Z리액트를 시작하기 전에 개발 환경을 준비하는 과정부터 시작하여 예제 파일을 실행하는 방법을 안내한다. 입문부터 초급, 중급, 활용, 실무까지 5개의 파트로 나 www.yes24.com 1. 생명주기 함수 static getDerivedStateFormProps(props, state) 사용하기 App.js를 수정해보자. import React from 'react'; import './App.css'; import R006_LifecycleEx from './R006_LifecycleEx'; function App() { ret.. [React] 220416 학습일기 http://www.yes24.com/product/goods/97782392 초보자를 위한 리액트 200제 (React) - YES24 따라하면서 이해하는 React A to Z리액트를 시작하기 전에 개발 환경을 준비하는 과정부터 시작하여 예제 파일을 실행하는 방법을 안내한다. 입문부터 초급, 중급, 활용, 실무까지 5개의 파트로 나 www.yes24.com 그동안 너무 정신없이 리액트를 배우다보니 기초가 와르르.. 그래서 책을 샀다. 공부해보자. 1. npm : node package manager yarn: 페이스북에서 만든 패키지 관리 도구. npm에 비해 캐싱, 신뢰성 등이 개선됨. 2. npm install -g yarn 으로 yarn을 설치해주었다. 여기서 -g는 무엇이냐? Q. npm in.. [ReactJS] 코드 모음 https://nomadcoders.co/react-for-beginners ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co 노마드코더 강의를 듣고 작성하였다. 2.3 Events in React 이거는 JSX를 사용하지 않은 버전이다. 2.5 JSX Arrow function 여기서 직접 만든 컴포넌트들은 모두 함수 직접 만든 컴포넌트의 첫 글자는 반드시 대문자여야 함. 3.0 Understanding State UI를 계속해서 업데이트 시켜줘야 함. => reRender을 해줘야 함. 그렇기때문에 이 방법은 좋은 방법이 아님. 3.1 setState part 1 3.2 setState Part 2 setCou.. 이전 1 다음
