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

# React

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

19006개의 포스트
post-thumbnail

webpack 두렵지 않아요 - intro

webpack을 두려워 했던 한 사람으로webpack을 공부한 내용을 정리하면서나와 같았던 사람들에게 도움이 되었으면 한다.따라서, 대상 독자는 webpack 초보자이다.아래에 해당 되지 않는다면 넘어가셔도 됩니다. :)webpack에 w도 모르는 사람webpack 들

31분 전
·
0개의 댓글

2022.07.06

모달창 구현index.js의 이해modal props, props.child 이해

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

리액트(React)란? 🧐

리액트(React)의 개념과 특징

약 1시간 전
·
0개의 댓글

[react] Img lazy loading 개념 및 정리

사전과제를 토대로 하나의 플젝으로 합치는 과제를 진행하였다. 협업을 진행하면서 맞춰야할 부분이 많았고 공부할게 많다고 느꼈다. 담당한 기능 Img lazyloading Img lazyloading 출처: pullrequest.com/blog/how-and-why-

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

npm init으로 시작하는 typescript react 프로젝트 (3)

이번에는 project에 styled-components를 적용해볼 예정이다.'styled-component'가 아닌 'styled-components'임에 유의잘 적용이 되었다.styled-components가 새로운 파일을 만들어내는 것이 아니기 때문에별도로 web

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

[TIL] Day51 #Redux #Cmarket Redux

✍🏻 2022.07.06(Wed) [Today I Learned] 51일차 && [SEB FE] 50일차

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

[#CovidKoreaStatus] 토이 프로젝트 안내

React.js를 학습한 후 처음으로 제작해본 토이 프로젝트를 소개합니다.지난 6월 말부터 조금씩 학습해온 React 프레임워크를 본격적으로 활용해보았다.아직 미숙한 점이 많지만 (lazy loading 등) 그래도 처음이 가지는 의미는 꽤 크다!디자인과 설계 및 세부

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

npm init으로 시작하는 typescript react 프로젝트 (2)

npm init으로 시작하는 typescript react 프로젝트 (1)에 이어webpack과 babel을 설치하고 설정한다.webpack에 대한 설명을 이 시리즈에서 자세하게 다루기는 어렵다.기본적인 사용법을 안다고 가정한다.잘 모른다면 아래 링크를 참조하고 보면

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

[TIL] Day50 #상태관리 # Cmarket Hooks

✍🏻 2022.07.05(Tues) [Today I Learned] 50일차 && [SEB FE] 49일차

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

useRef 공부 간단하게 한 것

js에서 특정 돔에 접근할 때 getElementById, querySelector처럼 리엑트에서도 특정 DOM에 접근할 수 있다리렌더링 없이 가변값을 유지할 수 있다컴포넌트 별로 특정 데이터를 갖게 하고, 이 데이터들을 리렌더링 없이 관리하고 싶을 때 사용리렌더링이

약 2시간 전
·
0개의 댓글

[CowAPI] 24. Server Sent Event (Springboot + React)

현재 Springboot + React로 Server Sent Event를 구현했습니다.하지만, 실시간 처리를 하기위해 너무 많은 요청을 보내는 문제가 발생했습니다.특정 시간을 기준으로 그 시간이 지날때마다 요청을 보내고 있습니다.특정 Event가 발생할때만 실시간으로

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

[2022.07.06] create-react-app 없이 리액트 개발환경 설정하기

CRA는 어떻게 동작하는걸까?제로초님 강의 영상을 기반으로 공식 문서를 일부 참고하여 작성하였다.Create React App(CRA)은 React 애플리케이션 환경을 세팅해주는 방법으로 webpack이나 babel같은 도구를 설치하고 구성할 필요가 없어서 편리하다는

약 3시간 전
·
0개의 댓글

useRef는 왜 쓰는 거지?

useState를 사용하여 상태를 저장하면 state값이 변할 때마다 재렌더링이 일어나고 컴포넌트 내부의 변수들이 초기화된다.하지만 useRef를 사용하면 렌더링이 일어나지 않기때문에 변수들의 값을 유지할 수 있다. => 불필요한 렌더링을 막을 수 있다.또한 DOM 요

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

npm init으로 시작하는 typescript react 프로젝트 (1)

react 프로젝트를 setting하는 방법들은 다양하다.react 초기 세팅 방법들 에서 작성한 방법들 중에어떠한 tool을 사용하지 않고 설정하는 방법을 소개해본다.진행한 내용은 아래 github repository로 확인할 수 있다.https://gith

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

React 상태관리 Redux

상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.Redux에서 사용하는 Action, Dispatcher, Reducer 그리고 Store의 의미와 특징을 이해할 수 있다.Redux의 3가지 원칙이 무엇이며, 주요 개념과 어떻게 연결되는지 이해할 수 있다.기존에 언

약 4시간 전
·
0개의 댓글

React 와 친해지기 1

프론트엔드 공부를 시작하면서 React를 접하게 되었다.React를 이용하기 위해 알아본것을 끄적여본다.React에서는 HTML 대신 JSX를 한다.태그가 비어있으면 <span style = "background-color:\-JSX는 HTML보다는 JavaScr

약 5시간 전
·
0개의 댓글

[React] 게시판 기능 만들기

먼저 React Router 라이브러리를 설치한다.그런 다음 Router가 잘 깔려 있는지 확인한 이후, index.js로 들어가 다음 사전작업을 마치자.

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

Style 부분 파일 분리

내가 기존에 작성하던 코드의 문제점은 컴포넌트는 분리를 했지만 style은 분리를 하지 않아서 코드가 다소 길어지는 상황이 많이 발생했다.기존에 내가 코드를 하던 방식 (물론 실제로 이렇게 css를 하드코딩하지는 않지만... 그냥 예시! )회사코드를 공개할 수 없어서

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

React에서 유저 상태 관리하기

Nest.js에서 JWT를 활용해 유저를 인증했다.이제, 클라이언트에서 유저 정보, 유저 인증을 구현해보자.

약 7시간 전
·
0개의 댓글