개발자 JIN
close
프로필 배경
프로필 로고

개발자 JIN

  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
  • 홈
  • 태그
  • 방명록
React - React Router 사용하기

React - React Router 사용하기

1. 개요 지금까지 나는 Vanilla JS를 사용해서 프로젝트를 했기에 페이지 전환시 약간의 로딩이 걸리는 것은 당연하다고 생각했다. 하지만 리액트는 달랐다. Router를 사용해서 여러개의 페이지를 마치 한개의 페이지 처럼 로딩없이 빠르게 이동이 가능하다는 것을 알았다. 이것이 바로 SPA(Single Page Application)의 가장 큰 장점이다. 2. 사용 방법 2-1 이동할 페이지를 만든다. 나는 한개의 폴더를 만들고 그 안에 사이트에 필요한 페이지들을 모두 넣어 놨다. const New = () => { return ( New 이곳은 일기를 작성하는 곳입니다. ); }; export default New; 각각의 페이지에는 페이지가 이동됐을 시 나오는 컴포넌트를 생성해준다. 2-2 Lin..

  • format_list_bulleted React
  • · 2023. 5. 19.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (115)
    • CSS (1)
    • 졸업작품 (18)
    • Javascript (9)
    • 알고리즘 (30)
      • 자바스크립트-프로그래머스 (22)
      • 자바스크립트-백준 (7)
    • React (9)
    • 포스코x코딩온 (16)
    • 자기계발 - 책 (1)
    • TypeScript (4)
    • 일상 (1)
    • 프론트엔드 개념 (1)
    • 프로젝트 (19)
    • Stroybook (1)
    • MFC (1)
최근 글
인기 글
최근 댓글
태그
  • #프로그래머스
  • #코딩테스트
  • #졸업작품
  • #프론트엔드
  • #작품
  • #자바스크립트
  • #코딩온
  • #REACT
  • #CSS
  • #팀 프로젝트
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바