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

# React

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

28146개의 포스트
post-thumbnail

[React]리액트 학습 기록 - 참조형 및 원시형 데이터 타입

기본형 자료 타입 : number, string, boolean이 기본형 타입에 해당한다. 기본형 자료 타입은 값을 재할당하거나 변수를 다른 변수에 저장할 때마다 값을 복사한다.참조형 자료 타입 : 객체와 배열이 참조형 타입에 해당한다. 변수를 다른 변수에 저장할 때

15분 전
·
0개의 댓글
·
post-thumbnail

React 왜 필요한가요?

React가 필요한 세가지 이유

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

원티드 프리온보딩 프론트엔드

원티드 프리온보딩 프론트 엔드 코스 진행

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

메인 프로젝트_운동웹

메인프로젝트 진행11월20일~12월20일

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

이벤트 핸들링

사용자가 웹브라우저에서 DOM 요소들과 상호작용하는 것을 이벤트(event)라고 합니다.이벤트 이름은 카멜 표기법으로 작성합니다.이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달합니다.DOM 요소에만 이벤트를 설정할 수 있습니다.리액트에

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

리액트 파이어베이스 연결

파이어베이스 홈페이지를 들어가서 시작하기를 누른다! 프로젝트 이름을 적고 설정한뒤 프로젝트 설정으로 들어간다 !vscode로 들어가 npm install firebase를 한 후src 에 firebase.js 파일을 만들고프로젝트 설정에 있던 코드를 붙여넣는다 !서버가

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

컴포넌트

컴포넌트를 선언하는 방식은 두가지 입니다.1\. 함수 컴포넌트2\. 클래스형 컴포넌트함수 컴포넌트는 코드가 다음과 같은 구조로 이루어져 있습니다.클래스형 컴포넌트는 코드가 다음과 같은 구조로 이루어져 있습니다.클래스형 컴포넌트와 함수 컴포넌트의 차이점은 클래스형 컴포넌

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

React Twittler

Bare Minimum Requirement 상세 컴포넌트 구현하기 Tweet 컴포넌트 (Tweet.js) // 이미지, 유저 이름, 트윗 생성 일자, 메시지 데이터 연결하기 // 내용이 들어가는 구간에 {tweet.데이터키}로 맞춰서 기입 // 생성일자는 날짜형식이 정해져 있어 상단에 추가된 변수로 대체 // 트윗 생성 날짜 변경 = new Date(t...

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

소셜 로그인 -네이버

소셜 로그인 구현 - 2. 네이버

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

React state & props

state 컴포넌트를 사용하면서 내부의 내용이 변할 수 있는 값 usestate React에서는 state 를 다루는 방법 중 하나로 useState 라는 특별한 함수를 제공한다 props 부모 컴포넌트에게서 state를 받아오고 싶을 때 props(객체)로

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

useState!!

안녕하세요\~\~~오늘도 어김없이 벨로그를 작성하러 온 mnin입니다이번에 정리해볼것은 무엇이냐~ 바로 useState라는건데용useState를 쓰기전 let posts = '' 이렇게 변수에 데이터를 저장했었는데리액트에선 변수 말고 state를 만들어서 데이터를 저장

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

React 강의 6일차

useEffect에 의해 component가 사라질 때 무엇인가를 하고싶다면return을 넣어주면됨.이런 방법도 있음근데 자주 쓰이는 함수는 아니래요~다음 강의부터는 가벼운 프로젝트를 만들어본다고함드디어 이론 끝!

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

React.js summary

리액트가 무엇인지는 다른 포스팅인 https://velog.io/@dlife/react.js-react-dom-react-native 이것을 참고하고 본 포스팅에서는 최대한 짧고 간략하게 react 핵심 기능들을 요약하도록 하겠다.

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

W3S_React [미완성]

How does React Work? > React creates a VIRTUAL DOM in memory. Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memo

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

[기록] 리액트에서 Emotion이 적용되지 않을 때 해결 방법

/** @jsxImportSource @emotion/react */

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

storybook에 emotion globalStyle 설정

storybook에 globalStyle을 적용하는 도중 아래와 같은 에러가 발생했다.storybook/preview.cjs 파일의 확장자를 jsx로 변경preview.cjs -> preview.jsx.storybook/preview.jsx 에서 아래와 같은 코드 추가

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

간단하게 만들어보는 리스트 가상화

간단하지 않은 거 같은데요??

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

리팩토링 프로젝트를 진행하며

리팩토링 프로젝트를 진행하며....

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

[react] 화살표 함수

콜백함수 쓸때 왜 위에 처럼 적으면 안될까?화살표함수 특징화살표함수의 반환값이 한줄로 표현가능한 코드이면 {return }이 생략 가능하다

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

React hooks

react-router-dom 설치 필요useLocation()사용자가 현재 머물러있는 페이지에 대한 정보를 알려주는 hooks이다.객체 형식으로 보여주기 때문에 location.state로 접근할 수 있다.useParams()URL에 포함되어있는 Key, Value

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