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

# React

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

10112개의 포스트
post-thumbnail

[React] React Hook

사용자 정의 훅 : 기존 훅을 조합해서 생성자주 사용되는 사용자 로직을 사용자 정의 훅으로 정의하고 사용중복 코드를 제거하며 편하게 사용할 수 있음ui 컴포넌트를 모아 문서화하고 보여주는 오픈소스 툴컴포넌트를 storybook에 등록시켜 놓으면 어떤 컴포넌트가 있는지

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

React 5. State

State : 컴포넌트 내부에서 바뀔 수 있는 값 📌props 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값 사용자가 component를 사용하는 입장에서 중요한것 사용자에게 중요한 정보, component를 조작할 수 있게 한다. 📌state props값에 따라서 내부 구현에 필요한 data들 사용자가 알 필요 없는 component 내...

약 4시간 전
·
0개의 댓글

[React] react-slick 사용기

설치 참고 url :https://react-slick.neostack.com/docs/get-started 1.npm 으로 설치 (or yarn)

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

React + Flask 배포하기

현재 프로젝트 진행 중 guicorn, nginx를 이용한 react + flask배포 방법

약 4시간 전
·
0개의 댓글

Effect Hook

리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록하는 hook이다.useEffect(function, deps)function : 렌더링 이후 실행할 함수deps : 특정한 값이 변경될 때, effect함수를 실행하고 싶을 경우 배열안에 그 값을 넣어줌

약 4시간 전
·
0개의 댓글

State 끌어올리기

State 끌어올리기 상태 끌어올리기, 리액트는 단방향 데이터 흐름이라는 원칙에 따라, 하위 컴포넌트에서 상위컴포넌트로 갈 수 없습니다. 하지만 상위 컴포넌트의 '상태를 변경하는 함수' 그 자체를 하위컴포넌트에 전달하여 , 이 함수를 하위컴포넌트에서 실행 하여 해결합니

약 5시간 전
·
0개의 댓글

TIL | Class Component LifeCycle

클래스형 컴포넌트의 생명 주기 메서드

약 7시간 전
·
0개의 댓글

[React] React-Router !

😶 What's React Router ?!

약 9시간 전
·
0개의 댓글

React / VanillaJS totalCount 만들기

카운트를 하는 부분 3개와 이를 토탈 계산하는 결과 1부분을 만들 것이다. 필요한 파일index.htmlApp.jsindex.js

약 11시간 전
·
0개의 댓글

Hook

함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기

약 11시간 전
·
0개의 댓글

[리액트 기초반] 1주차 - bash: npm : command not found

node 14.18.1 설치 완료하지만 npm -v를 입력하면?👉🏻 bash: npm: command not found해당 명령어를 입력하자 에러 발생정확한 메시지는 까먹었지만 brew 명령어 자체가 안되는 것을 확인예전에도 homebrew 설치 할 때 안돼서 애를

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

[react] vs code 배포하는 방법

num run start 명령어는 개발할 때 사용하기 용이하지만,용량이 너무 많아서 (1.7mb) 빌드용으로 적합하지 않다.따라서 빌드용 명령어가 따로 있다.npm install -g serve 혹은npx serve -s build두 가지 명령어가 있다.그러면 다음과

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

[react] vs code 시작 및 종료 명령어

설치는 생활코딩 react 유투브 강의를 통해서 진행했다.npm을 이용해서 create react app 설치create react app을 이용해서 개발환경구축vs code에 react 실행하는 방법도 생활코딩에 나와있다.샘플 웹앱 실행vs code를 실행한다.vs

약 14시간 전
·
0개의 댓글

axios 메소드 사용법

npm을 이용하여 다운로드 가능한 HTTP request 모듈 혹은 라이브러리JSON 사이트를 이용하여 fetch를 사용했다. 1번째 todos를 받아와서 보여주고 있다. checkGet 함수가 실행되면 결과가 나올 수 있게 하였다. 이때 주의할 점이 받은 respo

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

[React] 영화 검색 페이지 만들기

영화진흥원의 open API를 이용해서 영화 제목을 검색하면 관련 영화가 나오는 페이지를 제작하는 포스팅입니다.

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

next.js에서 react-quill 이미지 업로드 하기

next.js에서 react-quill 라이브러리로 이미지 업로드를 구현하면서 겪은 좌충우돌 이야기

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

WEKEA SIGNUP PAGE

이케아 회원가입 페이지 클론코딩

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

React 4. React Developer Tools

✅ React Developer Tools status를 알 수 있는 도구 공식 홈페이지 ⇲ Tutorial ⇲ Overview ⇲ Developer Tools 크롬의 경우 확장자로 다운받을 수 있다. (+Firefox도) 확장 프로그램을 사용하게 될 경우, 개발자도구에서 React의 Component 트리를 검색할 수 있다. ✔React DevT...

어제
·
0개의 댓글

Styled Component - Global Style

오늘부터 가능한 매일매일 남는 시간에 유튜브 보는 대신 가볍게(?) 기존 웹사이트들을 클론해보기로 했다^\_^ 스타일드 컴포넌트에 대해 배운 기념으로 알차게 써먹어보던 중에 유용한 기능을 발견해서 글로 남겨놓음!참고: https://www.daleseo.com

어제
·
0개의 댓글
post-thumbnail

[SSAC X 코딩온] (2021.10.08) React 입문 수업 1일차

🎆 React란? React는 Component-Based 기반 Javascript 라이브러리다. 화면을 만들기 위한 Javascript 라이브러리 자바스크립트 라이브러리 3대장 : React, Vue.js, Angular MVC(Model-View-Contr

어제
·
0개의 댓글