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

# React

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

18419개의 포스트
post-thumbnail

React : Redux createStore deprecated

☃️ React : 뭐야? 사라지는 거야?! (#°Д°)

32분 전
·
0개의 댓글

[TIL] Day43 #React-CRUD-server

✍🏻 2022.06.24(Fri) [Today I Learned] 43일차

34분 전
·
0개의 댓글

React useDebounce Hook 사용기

공부를 하면서 여러가지 레퍼런스 및 블로그를 보며 적은 글이라 틀린 부분이 있을수도 있습니다. 혹시 그런 부분이 있다면, 바로 잡아주시면 감사드립니다 :) 문제상황 검색창을 만들면서 값을 입력할 때마다 api를 호출하기 보다는 시간이 어느 정도 흐른 후에 api를 호

약 2시간 전
·
0개의 댓글

React와 Typescript(4) : React+Typescript 프로젝트 만들기

지금까지 TS에 대한 기본적이 내용을 살펴보았으니, 실제로 React에 TS를 적용시켜보자. 아래의 두 가지 방법 중에 상황에 알맞게 선택하면 되겠다. 기존 프로젝트에 TS 추가새로운 프로젝트를 생성하며 TS 추가각 방법의 자세한 내용은 Create React App

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

[TIL] 0626 | React with Redux, Next.js, TypeScript

✍🏻 0626 | React with Redux, Next.js, TypeScript ✓ 사용자 정의 훅 재사용하기 ✓ 사용자 정의 훅 연습하기

약 3시간 전
·
0개의 댓글

우당탕탕 mbti 테스트 만들기 - ResultPage

ResultPage ResultPage에서는 쿼리스트링으로 받은, 나열된 12개의 mbti 요소를 가지고 mbti 결과를 보여주기로 했다. JSON ResultPage에 보여줄 mbti 결과 글 역시 json 데이터로 만들었다. 이런 식으로. 그리고 똑같이 Res

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

리액트 - 라우터

페이지를 나눌 때 일반 html css js 사이트는 그냥 html 파일 여러개 만들면 그게 하나의 페이지인데 리액트는 html 파일을 하나만 사용한다. 'react-router-dom' 이라는 외부 라이브러리 설치해서 구현하면 쉽게 페이지를 나눌 수 있다.사용 전에

약 3시간 전
·
0개의 댓글

[React Study] 전역 상태관리

React Study 3주차, 전역 상태관리

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

React : CRA 후 console.log가 2번씩 찍히는데요?

React 프로젝트를 새로 생성할 떄 CRA는 매우 유용하다. 귀찮은 설정들을 일일이 하지 않게 해주니까 약간 Spring boot 같은 느낌이다. 일단 하나 만들어보자 my-app 이라는 리액트 앱을 하나만들고 필요없는 파일들을 모두 지운 후

약 4시간 전
·
0개의 댓글

[React Study] CSS

React Study 3주차

약 4시간 전
·
0개의 댓글

더 나은 컴포넌트 설계하기

요구사항은 끝없이 추가되고 바뀝니다. 우리는 유저를, 기획자를, 또 디자이너의 입장에서 변경을 예측하기보다 변경에 유연하게 대응할 수 있는 컴포넌트를 만들고자 고민해야 합니다 🤗

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

[react] SWR을 쓰는 이유

최근들어 이직고민이 많아 기술면접을 볼 일이 종종 있었다. 불합격이든 거절이든 최종적으로 옮기지는 않았지만 면접을 보면서 한가지 꺠달은 것이 있었다. 나는 해당 기술을 왜 쓰는가? 라는 고민을 너무 안하고 살았다. 라이브러리를 도입할 때 비슷한 종류끼리 비교하고

약 5시간 전
·
0개의 댓글

React | HOC

Intro 🌼 HOC... React 공식문서 들어가면 설명이 아주 잘되어 있지... 근데, 나만의 방식으로 이해하는게 필요하니깐~ 구조 😁 사실 잘 안쓴다... 가끔 아주 가끔 쓰는데... 로직이 반복되는 컴포넌트가 많을 경우에 쓴다. 사실 그것도 hook으로 빼서 사용하다보면, 그것도 거의 안쓰게 되지만... Test.js Test2.js 두...

약 5시간 전
·
0개의 댓글

[React 5.] #34~55

Reactstrap 사용하기 파트가 워낙 많아서 생략하기로 하고, 대신 필요할 때마다 책 혹은 구글에서 찾아서 쓰자. Alert : 알림영역 기능 제공 Badge : 부모 요소에 추가로 특정 문자열이나 숫자를 표시할 때 사용 Breadcrumbs : 페이지 위치 경로를 지정한 웹 네비게이션에 사용. 보통 웹 사이트 상단에 표시되는 메뉴 리스트에...

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

React(리액트) 설치

react 언어를 브라우저가 이해할 수 있는 언어로 변경해야함(webpack babel)기본 제공된 파일 삭제 및 코드 수정App.jsindex.js페이지 Hello! 뜸

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

[코드숨] 리액트 8주차 회고-더 나아가기

[코드숨] 리액트 8주차 회고-더 나아가기

약 7시간 전
·
0개의 댓글

React | React-Router, location에 state가 있네?

음... 1년동안 개발했는데, 처음 알았다. 반성하게 되었다. history안에 location 안에 state가 있다는 걸을...쩝...문제의 발생은 이렇다. 페이지 내에 있는 목록버튼을 클릭했을 때, 그 이전페이지로 넘어가게 해야하는 상황이었다. 근데, 그 페이지를

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

[React] 서버 시작과 종료하는 법

다음은 서버시작하는 법과 서버 종료하는 방법입니다.우선은 시작하는 방법입니다. 터미널에 아래 키워드를 입력해주시면 끝입니다.npm start이렇게 출력되면 성공입니다.만약 아래와 같은 에러가 발생한다면 링크참고 해주세요. 다음으로 위에서 출력된 링크 (Local,On

약 8시간 전
·
0개의 댓글