Code Monkey home page Code Monkey logo

acorn-final-fe's Introduction

에이콘 2조 프로젝트 - 도토리 프론트엔드입니다

📺 프로젝트 소개

Springboot & React 를 활용한 메신저 사이트

배포 주소 : https://dotori.site

⏰ 개발기간

  • 2024.02.12 ~ 2024.03.15

🔧 개발 환경

  • Language : Java, Javascript
  • IDE : IntelliJ, VisualStudioCode
  • Framework : SpringBoot , React
  • DataBase : Oracle Database 11g
  • SQL Mapper : Mybatis

⭐️ 주요 기능

  • 웹 소켓을 활용한 채팅기능
  • Oauth2 인증을 이용한 로그인 및 가입 구현
  • 온/오프라인 회원 정보 관리
  • 서버 유저별 권한 관리
  • 초대코드를 통한 입장구현
  • Jwt 을 활용한 AccessToken 발급(쿠키)
  • Refresh 토큰 발급 및 관리(DB, 쿠키)
  • Security를 활용한 토큰 유효성 검사
  • 메세지 수정 및 삭제 기능 구현
  • 서버 및 채널 생성 및 삭제 기능 구현
  • 이모지 API 활용
  • 채팅 파일 업로드 구현
  • Swagger 이용한 API 공유

⭐️ 참여도

스크린샷 2024-03-17 오후 10 54 42

세팅

다음은 VSC의 settings.json 설정 정보입니다

{
    "editor.codeActionsOnSave": {
        "source.fixAll": "explicit"
    },
    "editor.formatOnSave": true,
}

다음은 설치를 권장하는 VSC 플러그인 목록들입니다

  • ESLint, 없으면 fixAll 이 안될수도 있음
  • vscode-styled-components, 없으면 styled components backtick으로 함수 호출할때 intellisense 의 도움을 받지 못함
  • Color Highlight css in js 할때 많이 도움 됨

추가로 eslint 규칙 잘 지켜주세요
안지키면 push 및 merge 가 안됩니다
감사합니다

acorn-final-fe's People

Contributors

cloudchamb3r avatar ssongtj avatar ran2rrrw avatar ugamezerepo avatar ddaahhmm avatar

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.