React + Redux-Saga 로 만든 이미지 상품 게시판

글쓴이 yoonbumtae (BGSMM) 날짜

저장소

https://github.com/ayaysir/saga-board-1

 

사용 기술

  • ReactJS
  • React Hooks API
  • Axios
  • ES6+
  • JavaScript
  • HTML
  • CSS
  • React-Redux
  • Redux-Saga

주요 기능

  • 외부 API를 통한 CRUD 기능
  • 이미지 파일 전송 및 표시 기능

 

스크린샷

첫 화면 상세보기 게시글 추가 게시글 수정 게시글 삭제

 

문의 | 코멘트 또는 yoonbumtae@gmail.com  donaricano-btn
카테고리: PortfolioReact

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다

관련 글

React

리액트(React): 모달 팝업시 뒷배경(오버레이) 스크롤 되지 않게 하기

body 태그의 css를 변경합니다. position을 fixed로 하고, top의 위치를 현재 스크롤 위치로 설정한 뒤 overflow-y: scroll; width: 100%; 을 추가 지정하면 스크롤바로 인해 배경의 위치가 움직이지 않고도 스크롤 방지를 할 수 있습니다. useEffect를 사용해 css를 변경하며, 더보기…

React

리액트(React): Redux-saga 기초 사용법 요약 (상태 관리시 부수효과 관리하는 미들웨어)

리액트(React): React Redux 요약 정리 redux-saga 깃허브 역할 redux-saga는 애플리케이션에서 일어나는 사이드 이펙트(side effects) (데이터를 불러오는 비동기 처리나 브라우저 캐쉬에 접근하는 행위들)을 쉽게 관리하며 효과적인 실행, 손쉬운 테스트 그리고 에러 핸들링을 쉽게 해준다.   특징 더보기…

React

React: 리액트 공식 자습서 (틱택토 게임)의 ‘개선 사항’ 구현해보기

자습서: React 시작하기 리액트 공식 자습서로 처음 제시하는 과제는 ‘틱택토’ 게임입니다. 자습서라는 이름에 맞지 않게 이해하기 어렵고 구현 난이도가 높은 편입니다. 이 자습서의 구성은 먼저 자습서가 제시하는 범위의 예제를 완성한 후에, 추가 구현사항 6가지를 스스로 더보기…