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

# React

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

10300개의 포스트
post-thumbnail

21.10.25 공부기록🧑‍💻

오늘 완료한 목록1\. 트윗 삭제 기능2\. 트윗 수정 기능3\. 트윗 이미지 첨부 및 삭제 기능(알고리즘 아주 조금..)내가 쓴 트윗을 삭제하거나 수정하기 위해서는 먼저 파이어베이스에 내가 쓴 트윗의 아이디를 찾아야했다.문서 아이디는 nweetObj.id에 있기 때문

약 6시간 전
·
0개의 댓글

setState((prev)=>...)

Typescript 연습을 위해 여러 예제를 Typescript를 사용한 React로 구현 해봤습니다.

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

[21/10/25] React QnA 2

우선 합성이라는 개념은 서로 다른 객체를 여러개 붙여서 새로운 기능이나 객체를 구성하는 것을 말합니다. 상속보다는 유기적으로 객체를 합칠수 있습니다.상속과 합성 상속보다 합성을 사용하는 코드를 변경하는 것이 더 노력이 덜 들어간다.상속을 사용하는 코드는 일반적으로 합성

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

Component

리액트의 컴포넌트 정의 방법과 엘리먼트를 반환하는 과정

약 8시간 전
·
0개의 댓글

[TIL : 16] React State & Props

버튼을 누르면 사라지게 하고 싶어! (삼항연산자, 불리언으로 풀기)removeTweet(!showTweet) 이렇게 쓰면, 플래그처럼 사용할 수 있다. true일 때, false로 false일 때, true로 바꿈!이러면 버튼을 눌렀을 때, HandleRemoveCon

약 8시간 전
·
0개의 댓글

React : json-server

프론트엔드 개발을 하며 백엔드를 동시에 구축해서 사용하기에는 매우 어렵고 번거로울 것이다. 이를 해결하기 위한 솔루션으로 json-server라는 것이 있는데, 내부적으로 lowdb라는 단순한 데이터베이스를 이용하며 REST API를 지원한다고 한다.

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

[TIL] 2021.10.25

오늘 드디어 리액트 Basic 강의 마지막 프로젝트를 시작하였다.강의를 들으면서도 아직 기본 개념이나 부족한 점이 많다고 느끼고 있다.단순히 강의에서 알려주는 코드만 쓰는 게 아니라 이해하고 넘어가려 하다 보니,기존에 계획했던 것보다 진도가 늦어지고 있어 마음이 조급해

약 9시간 전
·
0개의 댓글

JSX 멀티 Element 생성

1차2차멀티 Element 생성Fragment -> React.Fragment / <> </>

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

JSX

JSX를 사용하는 이유와 사용하는 방법

약 10시간 전
·
0개의 댓글

TIL 12. React _ map 함수 적용시 key props를 부여하는 이유

React에서 컴포넌트를 재사용할 때, Array.map() 메소드를 활용하여 여러 컴포넌트를 생성한다. 우선 간단하게 Array.map() 메소드를 설명하면 아래와 같다. >Array.map() 배열 내의 모든 요소 각각에 대하여, 괄호 안에 작성된 함수를 호출한

약 11시간 전
·
0개의 댓글

TIL 11. React Basic

dddd

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

React Testing Library(Jest)를 활용하여 TDD 경험해보기 -2(Unit Test 편)

프론트엔드에서 간단하게 Unit test를 적용하는 법✨

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

React의 특징

템플릿을 사용하지 않는다.\-> JSX를 템플릿이라 오해할 수 있지만, JavaScript의 확장 문법이다.템플릿을 사용하지 않아 뷰 로직과 뷰 문법을 통합하여 확장 및 유지 보수가 쉬워졌다.\*JSX(JavaScript XML) XML과 비슷한 자바스크립트 확장 문법

약 14시간 전
·
0개의 댓글

storybook으로 button 만들기 (Ant-design)

다양한 커스터 마이징을 설정할 수 있다. AntButton/index.js받아온 값들에 따라 text는 버튼의 text에 적용되고 그외에 color나 css관련은 shapeStyle에 넣어 width와 height backgroundColor가 적용되게 처리했다. (이

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

🙆🏻‍♀️ 각 li에 대응하는 모달창 🙆🏻‍♀️

여러 개의 리스트! 하나의 모달!

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

TIL _ 로그인 화면 _ ID, PW 유효성 검사 및 로그인 버튼 활성화

로그인 화면에서 ID, PW 입력값의 유효성을 검사하고, 유효할 경우 로그인 버튼을 활성화시키는 로직을 구현해보았습니다.

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

[React] JSX

JSX는 자바스크립트의 구문 확장이이며 React와 함께 사용하도록 작성되었다. HTML코드와 닮은것이 특징이다.하지만 엄연히 JSX는 HTML이 아닌 Javascript 이다.자바스크립트 파일에 JSX 코드가 포함되어 있으면 해당 파일을 컴파일해야 한다.파일이 웹 브

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

인나 플레이어 개발기 - 2

처음 Kotlin과 스프링 부트 그리고 리액트를 실습하기 위해서 어떻게 공부할까 고민하다가 시작하게된 토이 프로젝트 '인나 플레이어' 개발기 2탄!

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

[React] React 시작하기

Node.js는 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있도록 해준다.본인의 컴퓨터 사양에 맞는 버전을 다운로드 하면된다.Node.js 설치하기설치를 완료했다면 cmd에서 아래와 같은 명령어를 입력한다.버전명이 뜬다면 정상적으로 설치가 된

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

[React] 리액트 배포하기

리액트 프로젝트를 azure를 이용하여 배포하는 방법을 정리해보았습니다.

약 16시간 전
·
0개의 댓글