목록WEB (267)

뇌 채우기 공간

[REACT] 덕스구조/ 리덕스 만들고 스토어 연결 , 컴포넌트에 연결하여 사용/ 버킷리스트 추가, 삭제하기 기능

보호되어 있는 글입니다.
WEB/REACT 2021. 6. 28. 12:52
[REACT] 리덕스란? 개념, 용어, 상태관리 흐름도, 특징 3가지

보호되어 있는 글입니다.
WEB/REACT 2021. 6. 28. 11:54
[REACT] 올바르지 않은 주소 페이지 라우팅하기/ history로 이전 페이지 기록 간직하기

2021.06.27 - [WEB/REACT] - [REACT] 라우팅/ 페이지 이동 [REACT] 라우팅/ 페이지 이동 SPA이란? Single Page Application 서버에서 주는 html이 1개 뿐인 어플리케이션 전통적인 웹사이트는 페이지를 이동할 때마다 서버에서 html, css, js(정적자원)을 내려준다면, SPA는 딱 한번만 정 sso-feeling.tistory.com 이어지는 내용 올바르지 않은 주소를 치고 들어갔을때 올바르지 않은 주소라고 뜨고 뒤로가기 버튼을 만들어보자! (1) 올바르지 않은 페이지를 만들어준다. (2) App.js에서 react-router-dom에 있는 Switch를 import해준다 (3) Route부분을 Switch로 감싸준다. (4) NotFound를 부..
WEB/REACT 2021. 6. 27. 22:47
[REACT] 라우팅/ 페이지 이동

SPA이란? Single Page Application 서버에서 주는 html이 1개 뿐인 어플리케이션 전통적인 웹사이트는 페이지를 이동할 때마다 서버에서 html, css, js(정적자원)을 내려준다면, SPA는 딱 한번만 정적자원을 받아온다. 라우팅이란? SPA는 html을 하나 가지고 있지만 브라우저 주소창대로 다른 페이지를 보여줄 수 있다. 이렇게 브라우저 주소에 따라 다른 페이지를 보여주는 것을 라우팅이라고 한다. (1) react-route-dom패키지 설치 yarn add react-router-dom (2) index.js에서 BrowserRouter적용 index.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 import React from '..
WEB/REACT 2021. 6. 27. 22:37
[REACT] 이미지 좌우 스와이프 퀴즈 페이지 만들기

출처: 스파르타 코딩 클럽 꼬미 사진을 스와이프해서 o나 x에 갖다 놓으면 다음 문제로 넘어가는 코드 App.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 import logo from './logo.svg'; import './App.css'; import React from "react"; import Start from "./Start"; import Quiz from "./Quiz"; import Score from "./Score"; class App extends ..
WEB/REACT 2021. 6. 27. 21:09
이전 Prev 1 ··· 20 21 22 23 24 25 26 ··· 54 Next 다음