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

# React

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

4729개의 포스트
post-thumbnail

React | 배경, 사용 방법

React는 사용자 인터페이스 (UI)를 만들기 위한 자바스크립트 라이브러리이다. 가상 돔 (Virtual Dom)을 사용하여 UI를 업데이트 하며 생태계가 발달되어있다.

약 6시간 전
·
0개의 댓글

2. react + webpack + babel로 개발 환경 구축하기 (javascript)

저는 보통 yarn 을 사용하기때문에 이 예제에서 npm을 사용하지 않지만 둘 중 하나 아무거나 해도 상관없습니다! react: React 라이브러리를 불러온다.react-dom: DOM rendering을 위한 ReactDOM을 담고 있다.webpack: webpac

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

React TypeScript event, eventhandler(해결 못함)

이번 게시물에서는 event와 eventhadler에 대해서 알아보려고 한다.TypeScript를 이용한 input 에 대한 e.target.value를 사용하기 위해서 event에 대한 설정을 하려던 도중 문제가 생기는 것을 알아냈다.다른 사람들의 코딩에서는 JSX

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

new TIL. CRA setting

지난 번 작성했던 git & github 게시글는 나만의 프로젝트를 업로드하는 방법이였다. 이번 게시글은 팀 프로젝트를 위한 방법이다. CRA setting 부터 스텝바이스텝으로 정리해보고자 한다🤓 1. CRA 초기 세팅 1) CRA 설치 npx create-rea

약 13시간 전
·
0개의 댓글

리액트를 사용한 소켓통신

server.js클라이언트와 소켓통신을 하기위한 서버Home.js입장할 채팅방을 입력하는 코드ChatRoom.jsHome.js에서 입력한 채팅방 코드useChat.js서버로 입력한 채팅 및 시간 데이터를 전달하며, 서버로부터 데이터를 받는 코트

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

[Express] 쿠키 에러 처리하기

개인 프로젝트를 진행함에 있어 서버 구축은 필수다. 물론 JSON 기반의 MOCK DATA를 생성하여 사용할 수는 있지만 이는 실제로 제대로 처리가 되는지 알 수 없다. 서버를 만들기 위해서 내가 거쳐왔던 시행 착오를 작성해보려 한다.

약 15시간 전
·
0개의 댓글

라이프 사이클

모든 리액트 컴포넌트에는 라이프 사이클(수명 주기)이 존재합니다.클래스형 컴포넌트에서만 사용이 가능하고, 함수형 컴포넌트에서는 Hooks 기능을 사용하여 비슷한 작업을 처리할 수 있습니다.메서드의 종류는 총 9가지 입니다.Will~ 접두사 메서드 : 어떤 작업을 작동하

약 15시간 전
·
0개의 댓글

react refresh 설치 및 설정

react hot loader를 사용하지 않고,react refresh로 사용을 하고 있다.코드를 수정할 경우 새로고침 하지않고, 수정된 사항을 빠르게교체해주는 라이브러리이다.

약 15시간 전
·
0개의 댓글

리액트 - 테스트 코드 작성

프론트엔드에서 테스트 코드를 작성하는 일은 많이 알려지지 않은 것 같다. 결과물이 눈에 보이다 보니 더 그런 경향이 생긴지도 모르겠다.

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

[TIL] useContext

일반적인 React 애플리케이션에서 데이터는 부모로부터 자식에게 props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다. 그래서 context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨

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

React-redux & 제네릭에 대해

내가 보기 위해 정리한 React-redux 및 제네릭에 대한 설명

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

Wecode 18일차

08:00~09:30 헬스장 10:00 위코드 도착 이번주부터는 매일 아침마다 한시간씩 code kata를 하고있다. 알고리즘 문제를 푸는 건데 아직은 로직을 짜는 것만 해도 버겁다. 오늘은 sass 파일을 구현했다.

어제
·
0개의 댓글
post-thumbnail

[Error]React에서 a태그 target ="_blank" 사용시 에러 이슈 및 해결

Using target=_blank without rel=noopener noreferrer is a security risk

1일 전
·
0개의 댓글

new TIL. React intro

1. React. Why? What? Application의 발전 다양한 UI & UX를 구현하는 현대 웹. 이러한 복잡하고 규모가 큰 웹을 유지보수하고 많은 양의 데이터 관리와 생산성을 향상시키지 위해 framework/Library가 등장하였다. Angular/

1일 전
·
0개의 댓글

Context API

기존에는 위와 같이 부모컴포넌트에서 자식컴포넌트로 props를 전달했으나, 단계가 많아질수록 이 과정이 번거로워 진다. Context를 이용하면 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 props값을 공유하도록 설정할 수 있다.

1일 전
·
0개의 댓글
post-thumbnail

TIL_40_with Wecode 030 React

Sass? Scss?SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판 ( CSS를 확장하는 스크립팅언어)예를 들어html 코드이런 코드가 있다고 치자. 이 html코드를 꾸밀 때SCSS와 SASS, 그리고 CSS의 차이점을 확인

2일 전
·
0개의 댓글