name https://images.velog.io/tags/React.png

# React

리액트(React)는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하세요. 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링합니다.

17200개의 포스트
post-thumbnail

[React] Flux 패턴에 대해서: Redux와 Zustand

flux 패턴이 왜 탄생했는지에 대해서는 다른 분들이 잘 정리한 글을 참조하는 더 좋을 것 같아서 링크로 대체하겠습니다.페이스북 flux document리덕스 공식 문서 - 기존 기술Redux는 Flux 패턴의 중요한 특징들로부터 영감을 받아 제작된 라이브러리이다.Re

약 3시간 전
·
0개의 댓글

Lifecycle useEffect 1

컴포넌트의 Lifecycle사용하는 이유 : 컴포넌트 인생 중간중간에 간섭 할 수 있기 때문컴포넌트 장착시 특정 코드 실행 가능컴포넌트 업데이트시 특정 코드 실행 가능옛날 React에서 Lifecycle hook 사용했던 방법예전엔 class 문법으로 컴포넌트를 만들었

약 3시간 전
·
0개의 댓글

React 기본 강좌 - 끝말잇기 class/hooks

input 속성의 value 넣으려면 onChange같이 넣어라.onchage안넣으려면 defaultValue를 넣어줘야한다.

약 4시간 전
·
0개의 댓글

Route, Link, react-router v6

오늘도 어김없이 삽질 , react-router v6

약 4시간 전
·
0개의 댓글

Redux

상태 관리 라이브러리 Redux 기본 개념: 세가지 원칙 Single source of truth: 동일한 데이터는 항상 같은 곳에서 데이터를 가져온다. 데이터를 저장하는 store라는 하나뿐인 공간이 존재 State is read-only: action이라는 객체를

약 4시간 전
·
0개의 댓글

TIL27. hooks2 (useMemo, useCallbak)

useMemo, useCallback 알아보기 및 최적화 방법

약 5시간 전
·
0개의 댓글
post-thumbnail

React 시작하기 - JSX

아직 정리하지는 못했지만, Vue를 배웠고 이번에 React를 시작하게 되었다.프론트엔드 프레임워크,라이브러리를 한번도 사용해보지 않았기 때문에 Vue를 배울 때 고생했던 기억이 난다.ㅠReact를 공부하기 위해서 이것 저것 강의도 찾아보고 책도 구매해볼까 생각했지만멘

약 5시간 전
·
0개의 댓글

리액트로 구글 소셜로그인? 가져다 쓰세요!

스택오버플로우 - 구글 OAuth2 클라이언트 사이드

약 6시간 전
·
0개의 댓글

React는 무엇인가?

React is used to build UI on the front end.React is the view layer of an MVC application.React is an open-source project created by Facebook.프로젝트의 규모가

약 7시간 전
·
0개의 댓글
post-thumbnail

[React] 18 -> 17 버전으로 다운그레이드 이후 발생한 Cannot find module 'react-dom/client' 오류

파이널 프로젝트 진행 중 npx react create app으로 리액트 프로젝트를 생성하고 열심히 작성하던 중 리액트가 18버전인 것을 발견했다. 나같은 초심자에게는 어려운 내용의 패치 사항이 있었고, 예기치 못한 오류를 만나게 될 가능성이 있어 다운그레이드를 추천

약 8시간 전
·
0개의 댓글
post-thumbnail

[React] 리액트 개발환경 구축 (webpack + babel)

📦 CRA 없이 리액트 개발환경 세팅하기!

약 8시간 전
·
0개의 댓글
post-thumbnail

Cloudinary - 이미지를 업로드하고 URL로 변환한 값 리턴받기 (매우쉬움)

프로젝트에서 파티를 생성하는 페이지를 맡게 되었고, 사용자가 업로드한 파티의 대표 사진을 서버로 전송해야 하는 니즈가 있었다. 나는 사용자가 이미지를 업로드하면 URL로 변환해줘서 DB에는 사진의 URL만을 저장하는 방법을 생각했고, 원래는 파이어베이스를 활용해 볼 생

약 9시간 전
·
0개의 댓글
post-thumbnail

[패캠 메가바이트 스쿨] 리액트 실시간 강의 - 6

진상현 강사님의 리액트 강의 목차 > 1️⃣ 이전 실습 2️⃣ React router 이전 실습 • input value를 수정하면 3초 이후에 현재 value를 console.log 를 통해 1회 출력하는 컴포넌트 만들기 1초마다 input창 아래에 n초 뒤 콘

약 9시간 전
·
0개의 댓글
post-thumbnail

0527 TIL

다른 곳에서도 공통으로 쓸만한 것. global한 애들만단, 한 페이지에서만 쓰는 컴포넌트는 그 페이지 안에 넣을 것데이터 셋은 코치님도 이제 사용하시기 시작.다행이다! 좋은 습관 하나 있어서적합한 태그? 클릭받는건 다 button 태그map을 돌리면 대부분 li태그테

약 9시간 전
·
0개의 댓글
post-thumbnail

[React] 간단하게 Github 페이지 배포하기!

기본적으로 갖춰있어야 하는 것! 나의 레포지토리가 깃허브 원격저장소에 올라가 있어야한다. 깃허브의 원격저장소는 반드시 Private이 아닌 Public으로 설정 본격적으로 시작

약 10시간 전
·
0개의 댓글
post-thumbnail

15) 셋째주 금요일

Algorithm Self Study, Infinite Scroller , Code Review, Daily Scrum, Algorithm Class, self Study

약 11시간 전
·
0개의 댓글
post-thumbnail

[React] 렌더링 성능저하 해결하기

만약 아래와 같은 상황이라고 하자input에 데이터를 입력하면 10000개의 div가 생기는 코드다.이런 대량의 데이터를 처리하면 당연히 버벅일수밖에 없는데,이런 버벅이는 현상을 개선할 수 있는 새로운 hook이 react 18ver.에 나왔다. react 공식문서us

약 11시간 전
·
0개의 댓글

Rules of Hooks

Hooks는 자바스크립트 함수지만 두 가지 규칙을 지키며 사용해야 합니다. 이런 규칙은 linter plugin을 통해 자동으로 적용할 수 있습니다. Only Call Hooks at the Top Level Hooks를 루프 내부, 조건(condition), 또는 중

약 11시간 전
·
0개의 댓글
post-thumbnail

useEffect, fetch 렌더링 문제

아래와 같은 mock data mock.json이 public폴더아래에 있다App.jsApp.js를 실행시키면 이런 에러가 뜬다.useEffect는 렌더링이 된고 나서 실행되는데App.js 렌더링 과정을 살펴보면 useEffect가 실행도 안 됐는데 return문에서

약 12시간 전
·
0개의 댓글