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

# React

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

1278개의 포스트
post-thumbnail

리액트(React.js)란?

리액트는 정말 인기있는 프론트엔드 라이브러리다. 리액트를 사용해본 개발자는 너무나 당연하게 매력적이라고 표현할 것이다.우선 리액트를 배워보기 전에 필수적으로 알아야 할 지식인 SPA(Single Page Applications)에 대해 간단하게 정리 해보자.SPA는 말

약 5시간 전
·
0개의 댓글

react form 에러

리액트에서 back 단에 post 할려고 하는데 에러가 발생했다 . https://fors.tistory.com/554 이러한 에러가 발생했느데 버튼이 form 태그안에 있어서 그렇다고 한다 . 그래서 button 을 form 태그 밖으로 빼면 에러가 사라지게 된다

약 19시간 전
·
0개의 댓글

react formData

서버에 post 를 보내게 될때 , text 가 아니라 file 를 업로드하는 경우가 있을수도 있다.그때 formData 를 사용하면 된다.이런식으로 업로드를 하면 되며 확인은 console.log(); 로 하게 될때 빈값이 출력이된다.formData.entries()

어제
·
0개의 댓글

react axios

axios는 node.js와 브라우저를 위한 http통신 javascript 라이브러리입니다.

어제
·
0개의 댓글

[TID] 2020.06.01

⌚️ 시간관리 ☀️ 기상시간 - 8:50 🌕 마감시간 - 23:30 ❌ 집에 누군가가 있으면 자꾸 신경쓰이고,,, 뭘 한다 하면 도와줘야 해서 아무래도 공부에 집중하기가 어려운 것 같다... 돈을 써야 하더라도 밖으로 나오는게 답이다ㅠㅠ 💻 오늘 배운 것 ◉ ch

어제
·
0개의 댓글
post-thumbnail

[프로젝트] 게시판 front 리펙토링 (3) material-table을 이용한 게시판 만들기

material-table을 이용해 게시판 목록을 출력한다.

어제
·
0개의 댓글
post-thumbnail

[프로젝트] 게시판 front 리펙토링 (2) login-join페이지 통합

중복된 컴포넌트를 사용하는 login, join 페이지를 하나의 컴포넌트로 통합한다.

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

React - Binding Event Handlers

리액트에서 핸들러 이벤트를 바인딩 해주어야 하는 것은 순전히 자바스크립트 상의 이유이며, 리액트 작동 방식과는 관련이 없다. EventBind 컴포넌트를 만들고 App으로 가져와서 렌더한다.

2일 전
·
0개의 댓글

[TID] 2020.05.31

⌚️ 시간관리 ☀️ 기상시간 - 7:30 🌕 마감시간 - 18:00 ❌ 사실상 작업에 시간을 쏟은건 1-2시간정도뿐..?ㅎㅎ 오늘은 일주일간 긴장해오던게 확 풀린 날이라 힘이 없어서 저녁시간에 추가적인 작업을 못했다. 💻 오늘 배운 것 ◉ 오늘도 git, git,

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

React build and deployment

(1) client폴더에서 npm run build를 입력한다. (2) npm install -g serve와 npx serve -s build를 연속으로 입력한다. (3) 빌드가 완료되고 build파일이 생성되었다. (4) 새 폴더 server를 만든다. (5) se

2일 전
·
0개의 댓글

[TID] 2020.05.29

⌚️ 시간관리 ☀️ 기상시간 - 10:30 🌕 마감시간 - 23:00 ❌ 오늘은 어제 피곤함에도 불구하고 늦게 자버려서 그런지 늦잠도 자고,,, 그때문에 아침식사도 늦어지고 그러다보니 점심도 늦어져서 결국 흘려보낸 시간이 꽤 많은 낮시간이었다ㅠㅠ 💻 오늘 배운 것

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

스트리머 저장소 개발 일기

이 글은 방금 개발을 마치고 온 개발자의 글로 멘탈 상태가 좋지 않습니다.이상한 점이나 고칠점은 피드백 주시면 적극 반영 하도록 하겠습니다.이 글의 수위는 약간 매운맛입니다.(욕 가끔 등장)그럼 시작하겠습니다.필자는 개인적으로 인터넷 방송인을 매우 좋아한다.하지만, 구

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

React Router

위와 같은 구조의 포트폴리오 사이트를 리액트 네이티브 SPA로 구현 중이다. 리액트 라우팅에 대해 학습한 내용을 정리해본다. BrowserRouter as Router 는 코드에서 Router를 식별자로 사용하겠다는 의미이다. Switch는 URL 매칭이 일어나면 그

3일 전
·
0개의 댓글

React Router

React Router 서로 다른 주소를 가진 view 를 만들어 관리하는 방법을 알아봅니다.

3일 전
·
0개의 댓글

[TIL] 저장된 JWT Token을 POST 하기

2차 프로젝트에서 장바구니 기능을 구현하면서 fetch 서버에 POST 요청을 하게 되었다. 먼저 로그인을 하면서 받아온 토큰을 로컬 스토리지에 저장한다.localStorage.setItem(key이름 , key 값) 으로 로컬 스토리지에 저장한다.장바구니에 담기 위해

3일 전
·
0개의 댓글

Spring boot, ReactJS 파일 업로드 및 Mysql에 링크저장하기

메뉴 등록 시 사진 등록이 필요하게 되었다. apache의 commons-io 설치 마지막 업데이트가 2년 이상 되긴 했는데 문제 없이 작동한다. Controller자바는 File 클래스를 통해서 파일과 디렉터리를 다룬다. 그래서 File 인스턴스는 파일

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

[DSC] Node.js와 React를 이용한 웹플랫폼 제작하기 - 3주차

DSC 3주차 리액트 Props, State 리액트 Props와 State 이벤트 설정하기 bit.ly 서비스 제작하기 몽고 디비 mlab 회원가입 및 클라우드 서비스 이용하기 robo 3t 연동하기 프론트 제작하기(antd, styled Co

4일 전
·
0개의 댓글

React trick 2

how to handle cases where you have to recieve value through props but the data hasn't loaded yet, so the jsx renders without proper data.As you can se

4일 전
·
0개의 댓글

react image trick1

when you want to switch between two images depending on an action you can use a boolean as the value of a state to see what image will be displayedAno

4일 전
·
0개의 댓글