[ FRONT END ]
| 이름 |
역할 |
개발 내용 |
| 이민우 |
FrontEnd |
- 초기 스켈레톤 구조 설계 및 작성 |
- Swal (Sweet Alert) - 다양한 기능과 디자인을 가진 Alert창을 구현.
- Styled-Component를 이용한 CSS-in-JS 방식으로 스타일링 작업
- 로그인 : Redux를 통한 회원 정보 상태 관리
- 로그인 : axios interceptor를 이용한 api요청 전 / 후 accessToken, refreshToken 체크
- 아이디 / 비밀번호 찾기 화면 및 기능 구현
- 메인페이지 : 네온사인 타이틀 디자인 구현
- 화상미팅방 : Redux를 이용한 화상미팅방 세션관리
- 404 Not Found 페이지 개발
- 페이징 처리를 위한 페이지네이션 컴포넌트 개발
- 라우팅 : 사용자 인증 라우팅 구현 (비로그인 사용자가 메뉴이용시 로그인 화면으로 이동)
- 회원 프로필 페이지 및 프로필 변경 기능 구현
- 회원 관심사 페이지 및 관심사 변경 기능 구현
- 세션관리 : Redux-persist 패키지를 이용하여 토큰 데이터 유지
- Modal 및 Modal Content 컴포넌트화를 통한 코드 재사용 |
| 김민정 | FrontEnd | - 회원가입 와이어프레임 제작
- 회원가입
- 동의 페이지
- 유형 선택 페이지(로컬, 소셜)
- 최종 회원가입 페이지
- 이메일 형태 체크, 이메일 인증 유효성, 이메일 중복확인, 비밀번호 유효성
- 신고: 신고 유형 작성 및 기능 구현
- 프로필: 타 유저의 프로필 보기+인기도 수정 기능 구현
- 데일리 게시판: 게시글, 댓글 CRUD
- 컴포넌트화된 코드(버튼, 배경, 페이징) 적용 |
| 성유지 | FrontEnd | - 설계 : 메인, 커뮤니티, Live, 마이페이지 와이어프레임 제작
- 설계 : 에셋, 컬러팔레트 제작
- 디자인 : 프로젝트에 사용되는 아이콘, 파비콘 취합 및 제작
- 메인 페이지 : 하단 슬라이드, 탑 버튼 구현
- 화상미팅방 생성 로직 구현
- 화상미팅방 상세조회 모달 구현
- 방 추천 페이지 배너 디자인 및 전체 페이지 구현
- 방 필터링, 검색 로직 구현
- 방 목록 페이지 구현
- 화상미팅방 생성시간 로직 구현 |
- 초기 스켈레톤 구조 설계 및 작성
- 코드 리팩토링
- 멀티 모듈 구조 적용
- Junit을 이용한 테스트 코드 일부 작성
- Spring Security 적용 및 JWT를 이용한 회원 인증 , 인가 코드 작성
- 회원 기능 : User와 관련된 Entity 작성, 회원가입, 아이디 중복검사, 비밀번호 수정, 회원정보 수정 구현
- 화상방 기능 : Room과 관련된 Entity 작성, 방 상세조회, 동적쿼리를 이용한 화상방 필터링 전체 조회,
화상방 수정, 회원의 관심사에 따른 화상방 추천리스트 동적쿼리 작성
- Stomp Socket 설정 및 연결
- 게임 기능 : 대화주제 추천, 폭탄돌리기, 폭탄 돌리기 게임 결과 구현
- 관심사 기능 : Category와 관련된 Entity 작성, 관심사 관련 기능 모두 구현
- 알림 기능 : Firebase FCM 연결, FCM 알림보내기, 알림 리스트 조회 구현
- Jenkins와 nginX, Docker를 사용하여 Back-End프로젝트 배포 완료
- CI/CD 적용
- Styled-Component를 이용한 CSS-in-JS 방식으로 스타일링 작업
- “무한스크롤”Package를 활용하여 페이지 무한 스크롤 기능 구현
- Firebase FCM 등록 설정 및 FCM 알림 받아서 알림창 띄우기 구현