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

# React

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

5992개의 포스트
post-thumbnail

React - Router의 match, location, history 객체

브라우저와 리액트 앱의 Router르 연결하면 Router가 history api에 접근할 수 있게 되고 각 Route와 연결된 컴포넌트의 props로 match, location, history 객체를 기본적으로 전달하게 된다.

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

React - 동적 라우팅

동적 라우팅(Dynamic Routing)은 Route의 경로에 유동적인 값을 넣어서 특정 페이지로 이동하는 것이다.

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

React - Router

일단 라우팅(Routing)이란 다른 경로마다 다른 화면을 보여주는 것이다. 리액트는 자체적으로 라우팅 기능을 제공하지 않기 때문에 React Router라는 외부 라이브러리를 주고 사용한다.

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

[React & Express] - 1. 프로젝트 생성

client 와 server 를 분리해서 생성

약 14시간 전
·
1개의 댓글

REACT 배포

프론트 서버를 배포 하기 위해서 Nginx와 Apache를 고민하던 중, Nginx가 요새 많이 사용되기도 하고 성능이 좋고 가볍다고 해서 Nginx를 선택했다.CI/CD를 사용하지 않는다면 도커 이미지를 만들어 줄 필요가 없지만, CI/CD를 위해서 도커를 살짝 맛봤

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

[React] SOPT 4차 세미나 - react 실전 이론

SOPT 세미나에서 배운 React개념을 정리해보았습니다. ( 조건부 렌더링, list & key, BEM방법론, SCSS, Grid Layout, React Router, React Hooks )

약 17시간 전
·
0개의 댓글

TodoList de façon TDD

Todolist fait par TDD

약 17시간 전
·
0개의 댓글

OAuth 구현 with Firebase

React 에서 OAuth 손쉽게 구현하기

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

COINSS: React Custom Hooks로 Scroll Event 구현하기

Scroll Event를 Custom Hook으로 빼보는 방법에 대해 공부해보도록 하겠습니다. 일반적인 Scroll Event 일반적으로 Scroll Event를 감지하기 위해서는 addEventListener('scroll')을 이용하면 됩니다. 앞에 스크롤 이벤

약 18시간 전
·
0개의 댓글

리액트 좋은 코드를 작성하기 위한 팁!

template을 만들자 template.js 소스 코드를 어떤 순서를 console.log 잘 관리하기 propduct level에서는 보이면 안됨! 되도록 로거함수 만들어서 사용하기 주석 함수의 경우, 이 함수가 하는 일, 파라미터로 받아오는 것, 리턴 값이 무

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

#24 코드스테이츠 5주간 FRE코스 회고💻

🌼먼저 다시 배웠던부분이다 보니까 페어분들과의 코플릿을 풀 때 이해가 안되는 부분은 알려줄 수 있는 부분이 정말 많았다. 전 기수때 처음 페어코딩을 할 때 같이 페어를 한 분이 기수이동을 한분이여서 내가 내비게이터일 때도 그분에게 의지해서 문제를 풀기만 집중을해서 내

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

React.js란..?

React.js를 알아보자 😙

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

[TIL16] React로 조건 만족시 로그인버튼 활성화하기

id의 형식이나 비밀번호의 글자수가 어떤 조건을 만족시 이렇게 로그인 버튼을 활성화하는 기능을 구현해보자! ✔️ 입력한 아이디가 비밀번호 기준에 맞는 경우에만 로그인 버튼 색상 활성화 ID는 @ 포함 / PW는 5글자 이상 입력시 삼항연산자 사용부모 컴포넌트인 Log

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

Toy Project 007 Instagram Main page clone with React(1)

1\. 여러 인스타그램 계정의 정보가 담긴 Mock data를 fetch로 불러오기2\. 사용자가 입력한 keyword 저장하기3\. Mock data 내의 user id 중 keyword를 포함한 계정만 사용자에게 보여주기이 한 가지 기능을 구현하기 위해서는 다양한

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

[TIL 40] React 프로젝트 배포하기

[TIL 40] React 프로젝트 배포하기

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

TIL 22 - Array.map()

1.1 Let's learn about Array.map() 😎 > React로 개발하면서 가장 많이 쓰게 될 함수 중 하나는 map() 입니다. 실제로 Westagram project를 하면서도 제일 많이 썼었던거 같습니다. 이유는 웹에서 어떤 component를 반복해서 페이지에 distribute하기에 편하기 때문입니다. 하지만 생각보다 사용방법...

약 22시간 전
·
1개의 댓글
post-thumbnail

React : Component

재사용 가능한 UI 단위

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

[DeepFlow] 프로젝트 5주차 ~ 8주차 정리 및 느낀점 😀

안녕하세요! 오늘은 한달 전에 작성하였던 DeepFlow라는 개인 프로젝트의 5주차 ~ 8주차 동안의 활동 내용 및 느낀점을 작성해보도록 하겠습니다.

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

[리액트] 환경변수를 .env로 만들기

현재 진행중인 프로젝트에서 카카오 로그인 기능을 사용하고 있는데, 카카오 로그인 기능을 사용하기 위해 삽입한 자바스크립트 api키가 index.html에 고스란히 남아있는 상황이다. 로컬에서만 개발을 하다가 이제 서버에 올리는 단계가 되어 env를 활용하여 보안상의 이

약 23시간 전
·
0개의 댓글

React : JSX

jsx가 뭐죠?

어제
·
0개의 댓글