본문 바로가기

programming study/항해99 커리큘럼

 (82)
[항해99 1기] [Chapter5] 미니프로젝트 (9) (2021.4.19) 미니 프로젝트에 대한 일지 1. 오늘 한 것 Header.js 컴포넌트에서 활성화된 메뉴를 표시하기위한 menu.js. 리덕스 모듈 생성 활성화된 메뉴를 전역으로 관리 Validation 수정 최신화된 서버 코드와 호환이 되도록 수정 Header 컴포넌트가 로그인/ 비로그인에 따라 렌더링 되도록 적용 카카오 로그인 스타일 수정 이에 맞게 버튼 양식도 수정 NoRoom.js 중앙으로 정렬되도록 스타일 수정 기본 프로필 이미지 제작 후 Image.js 최소 단위 컴포넌트에 설정 2. 해야할 것 이미지 업로드 , 프리뷰 기능 완성하기 서버로부터 유저의 이미지 url 받아와서 메시지 프로필 사진에 적용하기 채팅리스트 API 호출시 사용자가 설정한 이미지 url을 적용시키고 생성한 사용자 닉네임도 적용하기 채팅방..
[항해99 1기] [Chapter5] 미니프로젝트 (8) (2021.4.17) 미니 프로젝트에 대한 일지 1. 오늘 한 것 web socket 관련 코드 정리 채팅방 리스트 선택 효과 추가 component-style 정리 컴포넌트 프레임 조정 프로필 이미지 적용 초안 구성 2. 해야할 것 헤더 효과 부여 채팅방 CRUD 삭제 기능까지? 다음 회의 때 말할 것 채팅방 및 메시지 API 호출 시 필요한 추가 정보 말하기
[항해99 1기] [Chapter5] 미니프로젝트 (7) (2021.4.16) 미니 프로젝트에 대한 일지 1. 오늘 한 것 엔터키 입력 기능 메시지 시간 표시 추가 established 문제 async 사용해보기(실패) 웹소켓 객체를 뜯어봐서 readyState라는 프로퍼티를 응용(해결) 채팅방 하단 스크롤 이동 기능 추가 소셜 로그인 기능 구현 기존 코드와 호환성 문제 해결 오류 해결 chat.js의 axios 코드 모듈화 도배 방지 기능 추가 2. 해야할 것 헤더 기능 구현 활성화된 기능에 따른 효과 주기 채팅방 접속 인원 표시 기능 추가 유저 정보창 만들기 CSS 다듬기
[항해99 1기] [Chapter5] 미니프로젝트 (6) (2021.4.15) 미니 프로젝트에 대한 일지 1. 오늘 한 것 컴포넌트 조정 웹소켓 통신 기능 정상화를 위한 컴포넌트 조정 웹소켓 통신 정상화 연결, 구독, 연결 취소, 구독 취소 완료 채팅 관련 리덕스 만들기 채팅 정보를 전역으로 관리 채팅 기능 95프로 완료 createdAt 메시지 풍선 적용해야한다. 소셜 회원가입 기능 구현 소셜 로그인 기능 구현 2. 해야할 것 채팅 기능 완성하기 라우터 정리하기 뷰 다듬기
[항해99 1기] [Chapter5] 미니프로젝트 (5) (2021.4.14) 미니 프로젝트에 대한 일지 1. 오늘 한 것 프론트엔드 웹소켓 연결 완료 기능 구현 x 기능 구현을 위해 조사 및 공부 중 튜터링 받아서 시도중 백엔드 웹소켓 통신 구현을 위해 방안 찾기 2. 해야할 것 웹 소켓 CORS 문제 해결 내일 2~4시 튜터링 받아보기
[항해99 1기] [Chapter5] 미니프로젝트 (4) (2021.4.13) 미니 프로젝트에 대한 일지 1. 오늘 한 것 프론트엔드 도메인 구매 S3 버킷 개통 도메인 - S3 연동 팝업(모달창) 완료 채팅방 생성, 조회 기능 구현 완료 로그인 기능 구현 완료 헤더 아이콘 넣기 메시지 입력 창 구현 웹소켓 연결, 구독 테스트 중 웹소켓 CORS 문제 백엔드 웹소켓 API 세팅 웹소켓 CORS 문제 해결 중 2. 해야할 것 웹 소켓 CORS 문제 해결
[항해99 1기] [Chapter5] 미니프로젝트 (3) (2021.4.12) 미니 프로젝트에 대한 일지 1. 오늘 한 것 프론트엔드 패키지 세팅 디렉토리 세팅 CSS reset 전체적인 뷰의 틀 완성 로그인, 회원가입 기능 완료(서버 연동) CORS 이슈 해결 팝업창 만들기 착수 채팅방 CRUD 기능 구현 착수 백엔드 로그인, 회원가입 기능 완료(서버연동) CORS 이슈 해결 채팅방 CRUD API 완료 2. 해야할 것 웹 소켓 통신 리액트-스프링 연동 방법 조사 및 공부
[항해99 1기] [Chapter5] 미니프로젝트 (2) (2021.4.10) 미니 프로젝트에 대한 일지 1. 우선순위 목표 세우기(프론트엔드) 뷰 만들기 회원가입 로그인 헤더 채팅방 프레임과 색상을 입히는 단계까지 진행하고 기능 확인이 가능할 선까지 패키지 기본 세팅 웹 페이지 제작에 필요한 기본적인 패키지들 정하기 history같이 최신 버전에서 오류가 있는 패키지들 주의할 것! router redux react-redux redux-thunk logger redux devtools history router url 정하기 Notfound 만들기 2. 오늘 진행한 것 컨셉 색상 정하기 및 로고 제작 완료 로고와 중심 테마 색상 기본 로고 테마 색상 색상표 3. 프로젝트 간이 회의 회원가입, 로그인 시스템 일반 회원가입, 소셜 회원가입(카카오) 일반 회원가입은 username이 ..

티스토리툴바