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

# React

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

21041개의 포스트
post-thumbnail

로그인 후 이전페이지 돌아가기

웹 페이지를 구현하던 중, 소셜 로그인을 구현하게 되었다.기존에 부트캠프에서 구현했던 카카오 소셜 로그인을 되짚어 보며 이번 프로젝트에도 적용을 했는데, 당시에는 Nav에 있던 로그인 버튼을 바로 외부 로그인 링크로 연결하여 로그인을 구현했었다. 하지만, 로그인 버튼은

약 1시간 전
·
0개의 댓글
·

리액트공부 - 자바스크립트(Day2)

자바스크립트 데이터 타입은 크게 2가지로 분류됩니다.내장형 타입 혹은 기본형 타입, 값이 변할 수는 있지만 하나의 값만 가짐.한번에 하나의 값만 가질 수 있음하나의 고정된 저장공간 이용한번에여러개의 값을 가질 수 있음여러개의 고정되지 않은 동적 공간 사용이 데이터들은

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

[React] React에서 list를 렌더링 시 key prop에 index를 사용하지 마세요!

해당 포스팅은 React에서 list를 렌더링 시 key prop에 index를 지양해야 하는 이유에 대해 서술한다.

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

[React] 리액트의 폴더 구조

프로젝트를 진행하다 보면 크기가 커질수록 관리해야할 파일은 늘어나고 이에 따라 각 파일들을 용도에 맞게 분류해야할 필요가 생깁니다.

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

State 익숙해지기.

React State 익숙해지기 .

약 3시간 전
·
0개의 댓글
·

TIL

오늘 해야할 일. 1\. 팀 과제(공통과제 1,2번 해결하기.) 2\. 개인과제 파악하며 개인 공부. 3\. 강의 들으면서 감잡기.

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

[React] react의 속성, props

🔎 어제에 이어서 오늘도 리액트 기초에 대해서 다시 학습을 했다.오늘은 리액의 속성인 props에 대해 간단하게 정리하며 복습하고자 한다. 리액트는 속성을 prop라고 한다그럼 어떻게 component에 prop을 장착할 수 있을까?🔎 link 표현은 이번에 복습을

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

[React] 컴포넌트 추가 버튼 구현 오류 (해결완료!)

📚 컴포넌트 추가 버튼 구현 각 컴포넌트 데이터 목록 ❌ 추가버튼 실행 Error <img src="https://velog.velcdn.com/images/soshin0112/post/

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

[남의 고민] styled-component에서 클릭시 색상 변경

단톡방에 올라온 질문에 대해 답변한 이야기입니다.

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

react 흐르는 텍스트 효과

뚝뚝 끊기는 느낌이 든다면 텍스트를 더 추가해주면 됨.

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

React를 입문해보자! (2)

시작을 안해서 그런가 너무 재밌어

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

react 빙글빙글 원안에 텍스트

개별마다 rotate를 주어야 함으로 배열을 만들어준다. 전체 코드이다.배열의 개수마다 조정이 필요하다. transform:rotate(${i \* 13}deg) 부분의 13을 수에 맞게 조절해 주면 예쁜 원이 만들어 진다!

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

[React] Recoil selector의 set property

Recoil의 기본적인 기능에 대해 학습해요!

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

[React] input / useState... Toast

글자를 입력해보자

약 15시간 전
·
0개의 댓글
·

[React] input에서 비밀번호 보이기/숨기기 기능 구현

많은 사이트에서 비밀번호 입력창에 버튼을 달아놓고, 이를 클릭하면 ...으로 보이던 비밀번호가 텍스트로 전부 보이게 되는 기능을 구현해놓는다.어떻게 이 기능을 구현할 수 있을지 알아보자!정말 간단하다.input 태그의 type을 변경할 뿐이다.비밀번호를 입력할 때 ..

약 15시간 전
·
0개의 댓글
·

React useEffect

컴포넌트가 맨 처음 render될 때만 코드가 실행되고 state가 업데이트 될 때는 실행되지 않기를 원한다면?

약 15시간 전
·
0개의 댓글
·

[Typescript] React에서 useRef 여러 개 한번에 선언하기(useRef 배열 만들기)

문제 상황 > 필자가 토이 프로젝트를 진행 중에 마주한 고민이다. useRef를 통해서 특정 요소 클릭 시 특정 이미지로 스크롤이 이동하도록 구현하고자 했다. 이 때, 이미지가 5개 사용되었고, 따라서 useRef가 5개 필요했다. 많은 양이 아니기 때문에 하나하나 u

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

1. firebase를 이용하여 로그인 하기

단 10분만에 로그인 페이지를 작성해보겠습니다.

약 16시간 전
·
0개의 댓글
·

[React] useRef를 통해 특정 요소로 스크롤 이동시키기(ft. Typescript 약간)

문제 상황 > 어떤 목록이 주르륵 내려와 있고, 그 중 어떤 것을 클릭하면 해당 목록에 해당하는 내용으로 주르륵 이동하는 기능을 가진 것들이 있다. Velog에서도 볼 수 있듯이 오른쪽에 고정된 리스트들이 있고, 그 중 어떤 것을 클릭하면 그 내용으로 이동한다. 이는

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

React를 입문해보자! (1)

✅ React란? > Facebook에서 개발한 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용되요

약 17시간 전
·
0개의 댓글
·