Giter Club home page Giter Club logo

hanghaeblog_frontend's Introduction

header


  • 항해99 8기 A반 6조 팀 미니프로젝트
    • 권익현, 박용원
  • React.js, Middleware Thunk, Redux Toolkit, EC2서버와 직접 통시하는 항해99 주주총회 미니프로젝트 입니다.
  • 2022.08.12 ~ 2022.08.18

주요기능

  • 게시글 CRUD 구현
    • 리스트 조회하기
    • 본문 조회하기
    • 본문 추가하기
    • 본문 삭제하기
    • 본문 수정하기
  • 댓글 CRUD 구현
    • 댓글 조회하기
    • 댓글 추가하기
    • 댓글 삭제하기
    • 댓글 수정하기

라이브러리 🛠

  • React.js
  • Redux/Toolkit
  • Styled Components
  • Router
  • axios
  • json-server
  • react-icons
  • Heroku
  • Vercel
  • Redux logger
  • Devtools
  • Boostrap

환경설정

- npm install --global yarn (yarn을 설치 안했을때)
- yarn add styled-components
- yarn add react-redux @reduxjs/toolkit
- yarn add global json-server
- yarn add cross-env
- yarn add react-router-dom@6
- yarn add axios
- yarn add redux-logger
- yarn add redux-devtools-extension
- yarn add react-icons
- yarn add bootstrap
- yarn start

메인페이지

Screen Shot 2022-08-18 at 6 45 25 PM

로그인 & 회원가입

Screen Shot 2022-08-18 at 6 45 41 PM Screen Shot 2022-08-18 at 6 45 50 PM

Form Page

Screen Shot 2022-08-18 at 6 46 28 PM

상세페이지

Screen Shot 2022-08-18 at 6 46 52 PM

컴포넌트 구성

Screen Shot 2022-08-18 at 6 47 27 PM

hanghaeblog_frontend's People

Contributors

kwonih1020 avatar parkyongwon avatar

Watchers

James Cloos avatar  avatar

Forkers

parkyongwon

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.