Team Member
Position : Back-end Developer
Works
- Server
- Express 서버 구축 및 설계
- Middleware
- AccessToken 유효성 확인을 통한 사용자 인증 미들웨어 구현
- 사용자 권한 확인 미들웨어 구현
- auth controller
- bcrypt를 사용한 비밀번호 해싱
- Nodemailer를 통해 가입 이메일로 인증 메일 전송 구현
- 5분 내 이메일 미인증 시 입력한 가입정보 자동 삭제
- Oauth 로그인 시 회원 정보 확인 후 자체 JWT 토큰 발급
- user controller
- 사용자 CRUD
- 비밀번호 찾기 시 인증 이메일 전송 후 비밀번호 재설정
- post controller
- 코드 게시글 CRUD
- 페이지네이션 및 검색 필터링
- dashboard controller
- 마이페이지 사용자 활동 통계 api
- 관리자 페이지 통계 정보 api
- util
- date format 모듈 구현
- Node-Schedule을 사용해 매일 0시 사용자 통계 데이터 저장
- Deploy
- CodePipeline을 사용한 서버 배포 자동화 설정
- Route53, ELB를 사용한 도메인 연결 및 Https 배포
Position : Back-end Developer
Works
- Server
- Comment Controller
- GET Admin 사용자 댓글 목록 List 가져오기
- GET params id 댓글 목록 가져오기
- POST 댓글 달기 기능
- PATCH 댓글 수정 기능
- DELETE 댓글 삭제 기능
- DELETE Admin 사용자 댓글 List 삭제 기능
- DB
- Entity schema 6개 구축
- 각 Entity Column 구축
- Column 타입 설정
- Column Association 구축
- Deploy
- CloudFront
- 오류 페이지 설정
- 대체 도메인 설정
- Route53
- 구매한 도메인 route 53 nameservice 연결
- www, 일반 도메인 레코드 생성 및 설정
- S3
- 버킷을 이용한 서비스 고정 이미지 저장 및 관리
- cloudfront 버킷 설정
- CodePipelien
- 클라이언트 레포지토리 연결
- 클라이언트 레포지토리 연결
Position : Front-end Developer
Works
- 환경 구축
- Install Modul
- Store 생성 : thunk, promise Middleware 사용
- PersistGate, Provider 사용으로 새로고침 시 state 유지
- Actions 생성
- Reducers 생성
- 자주 사용할 Alert(경고창) Button(버튼) Search(검색)을 모듈화 함으로써 코드를 줄임.
- Props를 이용해 상황에 맞는 배경색, 이벤트를 사용 가능하게 함.
- Error 코드에 맞는 페이지를 만들고, 다음 단계를 위한 버튼(링크)을 구현하여 사용자에게 편리함을 제공함.
- Loading 구현 및 Suspense, React.lazy를 사용해 Landing, CodeStorage, CodeReview에 1000ms의 로딩 시간을 줌
- Sign In Modify User Modal
- useRef를 사용해 배경 클릭 시 모달창이 닫히도록 구현함.
- 이메일 정규식 표현 및 Notice를 제공함.
- Enter 키로 로그인 및 수정을 가능하게 함.
- 회원 탈퇴 기능 구현 (Alert 기능 사용으로 탈퇴 확인)
- NavBar redux state에 따른 회원 image, 로그인, 로그아웃 바뀌게 함.
- SideBar - SCSS 화면 구상 및 관리자 로그인 메뉴 설정
- 기능 설명 GIF 및 웹, 태블릿, 모바일 사이즈 반응형 구현
- Scroll 이벤트
- 이메일 정규표현식 및 비밀번호 확인 Notice 띄우기
- 로그인 후 이메일 전송 Alert 띄우기
- Email HTML 수정
- 이메일 확인 후 접속된 Params Code 서버 요청 보내기
- 정규표현식 및 이메일 전송 요청
- 새로운 비밀번호 patch 요청
- Title 자동 포커스
- Tag 이벤트 적용
- 클릭한 tag 색상 변경
- 알고리즘 카테고리 여러개 선택 가능, 나머지 카테고리 하나만 선택 가능하게 만듬.
- CodeEditor 사용 - tag 언어 선택 시 테마 바뀜
- 공개, 비공개 Check box (box 안 메인 컬러로 색상 변경)
- 비회원 및 게스트 계정 저장 기능 사용 제한 Alert를 띄움으로 회원가입을 유도함.
- 해당 사용자가 쓴 글, 댓글에만 수정, 삭제 버튼 보이게 함.
- Comment 달기, 수정, 삭제 및 무한 스크롤
- 카드 크기 반응형 웹
- 칸반보드 구현
- 이해도 이동에 따라 이해도 tag가 자동으로 바뀌도록 patch 요청을 함.
- 검색 기능 (useEffect를 사용해 값이 변경될 때마다 필터링되게 함.)
- grid 웹 3열, 테블릿 2열, 모바일 1열으로 반응형 웹 구현
- 무한 스크롤
- 검색 기능(useEffect를 사용해 값이 변경될 때마다 필터링되게 함.)
- 해당 글 내용 불러오기 및 tag 정보에 따른 색상 변화
- 수정된 내용 반영 및 patch 요청
Position : Front-end Developer
