728x90 반응형 React23 [React] Router를 이용한 페이지 이동 안녕하세요. J4J입니다. 이번 포스팅은 Router를 이용하여 페이지 이동하는 방법에 대해 적어보는 시간을 가져보려고 합니다. ※ 추가 → 해당 글은 react router v6 업그레이드 이전에 작성된 글입니다. 현재 최신 버전을 설치할 경우 다른 점이 존재할 수 있으니 변경점에 대해 확인이 필요하신 분들은 [React] React Router v5와 v6 비교하기를 참고해주시길 바랍니다. ※ 추가 → react router v6 업그레이드된 사항에 맞게 새롭게 정의된 router 사용 방법이 필요하신 분들은 [React] react-router 사용하기를 참고해주시길 바랍니다. Router 설정 [ 1. 패키지 설치 ] $ npm install react-router react-router-dom .. 2021. 7. 13. [React] CRA 없이 개발환경 구축하기 (webpack 구 버전 사용) 안녕하세요. J4J입니다. 이번 포스팅은 CRA 없이 개발환경 구축하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 개발환경 구축 방법 [ 1. package.json 생성 ] $ npm init npm init을 입력하게 되면 아래와 같은 부가정보들을 입력해줘야 합니다. 각 행마다 원하는 정보들을 입력해주면 되고 괄호로 덮여있는 부분은 아무것도 입력하지 않고 엔터를 입력할 경우 괄호에 해당하는 값으로 지정되는 것을 의미합니다. package name: (init) react_init version: (1.0.0) description: react init description entry point: (index.js) index.jsx test command: git repository: keywo.. 2021. 7. 12. [Spring] JWT 구현하기 (2) 안녕하세요. J4J입니다. 이번 포스팅은 Client에서 JWT 사용하는 방법에 대해 적어보는 시간을 가져보려고 합니다. 들어가기에 앞서 이전에 작성된 포스팅을 참고하시면 이해가 더 잘되실 겁니다. 2021.04.07 - [Spring/Spring] - [Spring] JWT란? 2021.04.08 - [Spring/Spring] - [Spring] JWT 구현하기 (1) 이전 꺼를 보신 분들은 스프링에서 JWT사용을 위한 설정이 완료된 상태일 겁니다. 이번엔 Client가 사용되는 화면을 구성할 React를 이용해서 어떤 식으로 서버와 주고받는지에 대해 보여드리도록 하겠습니다. 기본적인 흐름은 다음과 같습니다. 화면에서 아이디와 비밀번호를 입력하여 로그인하기 정상적으로 로그인이 된 경우 브라우저 저장소.. 2021. 4. 9. [Spring] 파일 업로드 - MultipartRequest(With. React) 안녕하세요. J4J입니다. 이번 포스팅은 MultipartRequest를 이용한 파일 업로드에 대해 적어보는 시간을 가져보려고 합니다. 이전 포스팅에서 MultipartFile을 이용한 파일 업로드에 대해 다뤘었는데 개인적으로 MultipartFile이 유동적으로 적용하기가 더 편리하게 느껴지고 또한 자세히 알아본 것은 아니지만 MultipartFile이 더 최신 기능인 것 같습니다. 한 마디로, 새롭게 파일 업로드 기능을 구현하고자 한다면 MultipartFile 사용을 추천합니다. 그럼에도 불구하고 MultipartRequest에 대해 포스팅을 하는 이유는 오래 지속되어온 시스템들엔 MultipartRequest를 사용하고 있을 수도 있기 때문에 추가적인 작업을 진행하시는 분들에게 도움이 되고자 작성.. 2021. 3. 5. [Spring] 파일 업로드 - MultipartFile(With. React) 안녕하세요. J4J입니다. 이번 포스팅은 MultipartFile을 이용한 파일 업로드 방법에 대해 적어보는 시간을 가져보려고 합니다. 적용 방법 ※ 스프링과 관련된 코드는 모두 STS-3.9.12.RELEASE 버전을 기준으로 작성되었습니다. [ 1. pom.xml에 dependency 추가 ] commons-fileupload commons-fileupload 1.4 com.fasterxml.jackson.core jackson-databind 2.9.8 [ 2. servlet-context에 multipartResolver 추가 ] [ 2-1. xml에 설정할 경우 ] ... [ 2-2. Java에 설정 할 경우 ] package com.spring.multipartFile.config; impor.. 2021. 3. 4. 이전 1 2 다음 728x90 반응형
