Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] 세부 기능 및 디자인 수정 #122

Open
novice1993 opened this issue Sep 17, 2023 · 0 comments
Open

[FE] 세부 기능 및 디자인 수정 #122

novice1993 opened this issue Sep 17, 2023 · 0 comments
Assignees
@novice1993
Labels
FE Front End
Milestone
Bare Minimum Requ...

Comments

@novice1993
Copy link
Contributor

novice1993 commented Sep 17, 2023 •
edited
Loading

  • 전체 컴포넌트 세부 기능 및 디자인 수정 작업 시행
@novice1993 novice1993 added the FE Front End label Sep 17, 2023
@novice1993 novice1993 added this to the Bare Minimum Requirement milestone Sep 17, 2023
@novice1993 novice1993 self-assigned this Sep 17, 2023
novice1993 added a commit that referenced this issue Sep 17, 2023
@novice1993
[Feat] 주문 체결내역 관련 거래시간 표시 기능 구현
36b3bb2 
- 체결 내역내역 관련 거래 발생시간 정보 표시 (BE API 미구현으로 더미 데이터로 대체하던 부분 기능 구현)

Issues #122
novice1993 added a commit that referenced this issue Sep 17, 2023
@novice1993
[Design] 디자인 및 레이아웃 수정
66915e4 
- 좌측 컴포넌트 관련디자인 및 레이아웃 수정 (전체 종목)

Issues #122
novice1993 added a commit that referenced this issue Sep 17, 2023
@novice1993
[Design] 좌측 종목관련 컴포넌트 디자인 및 레이아웃 수정 (전체종목, 보유종목)
730ac0d 
- 좌측 종목관련 컴포넌트 중 전체정복, 보유종목 컴포넌트 디자인 및 레이아웃 수정
- 관심종목 컴포넌트 추후 수정 예정

Issues #122
novice1993 added a commit that referenced this issue Sep 17, 2023
@novice1993
[Design] 좌측 종목관련 컴포넌트 CSS 일부 수정
d78f14f 
- 좌측 종목 컴포넌트 관련 CSS 일부 수정 (padding 값 수정)

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Design] 우측 컴포넌트 레이아웃 깨지는 현상 해결
275b829 
- 우측 컴포넌트(시장정보) 관련 컨텐츠 개수 증가에 따라 레이아웃 깨지는 현상 해결

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Add] 미체결 거래 체결 정보 수신 관련 커스텀훅 생성
25d4d1b 
- 거래량 부재로 미체결 처리된 주문이 서버 데이터 갱신에 따라 체결처리 되었을 때 해당 정보를 서버로 부터 GET 하는 로직 구현
- 컴포넌트에 적용하여 fetching 테스트 진행 예정

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Design] 차트 툴팁 디자인 수정
ce94a9e 
- 주가/거래량 차트 툴팁 (마우스 호버 시 발생하는 알림창) 디자인 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Design] 차트 툴팁 디자인 수정
a43b407 
- 주가/거래량 차트 툴팁 (마우스 호버 시 발생하는 알림창) 디자인 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Feat] 미체결 거래 체결 시 알림 수신 기능 구현
3919405 
- 미체결 거래가 체결 거래로 전환될 시 서버에서 전송하는 데이터 수신하여 알림 메시지 띄우는 기능 구현

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Fix] 매수/매도거래 체결 시 보유종목 및 현금 갱신안되는 문제 해결
2ccdf9e 
- 매수/매도거래 체결 시 좌측 보유종목 및 현금보유량, 수익률이 갱신되지 않던 문제 해결

Issues #122
novice1993 added a commit that referenced this issue Sep 18, 2023
@novice1993
[Design] 상단 헤더부분 유저 프로필 디자인 수정
0d4589a 
- 상단 헤더부분 유저 프로필 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Fix] 미체결 거래 체결전환 알림 관련 수정
5f0c5a5 
- 서버에서 빈배열 (체결 전환된 것이 없을 때 반환되는 response) 수신 시, 알림 메세지 띄우지 않도록 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Fix] 게시판 레이아웃 깨짐현상 해결
ac803c5 
- 게시판 관련하여 글 작성 컴포넌트 렌더링 시 레이아웃 깨짐 현상 수정
- 추가적으로 창닫기 버튼 디자인 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Design] UX 개선 위한 디자인 일부 수정
7eeaf31 
- UX 제고 위한 디자인 일부 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Design] CSS 일부 수정
fa00fef 
- CSS 색상 일부 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Add] 브랜치 충돌 해결
f9e3f64 
- 브랜치 충돌위한 일부코드 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Add] 브랜치 충돌 해결
1bbd0ea 
- merge 시 브랜치 충돌 해결 위한 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Feat] 종목 검색 관련 알림 토스트 메시지 구현
b7fb08f 
- 목록에 없는 종목 검색할 시 안내 토스트 메세지 뜨도록 구현

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Feat] 게시판 글작성 관련 토스트 메시지 구현
f3a8c32 
- 게시판 글 작성 관련한 토스트 메시지 구현 (기존 alert 메세지 대체)

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Add] 서버 통신 오류 발생 시 렌더링 화면 구현 중
41b6e3b 
- 로그인한 유저의 Cash 값이 없을 경우 렌더링 되는 창 설정

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Feat] 댓글 관련 알림메세지 및 현금 충전안내 화면 구현
473322b 
- 게시판 글 작성 시 토스트 메시지 뜨도록 구현 (기존 alert 메시지 대체)
- 최초 회원가입 후 현금 미충전 시 현금 충전알림 화면 구현

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Design] 디자인 관련 CSS 일부 수정
a0dae2e 
- 디자인 및 레이아웃 관련 CSS 일부 수정
- 이외 불필요한 코드 (es. console.log 등 삭제)

Issues #122
novice1993 added a commit that referenced this issue Sep 19, 2023
@novice1993
[Feat] 미체결 거래 체결여부 확인 웹소켓 연결 및 기타 수정
ad5ed34 
- 미체결 거래 체결 여부를 조회할 수 있도록 웹소켓 연결 구현
- 거래가능 시간 외 주문불가 및 차트갱신 로직 구동되지 않도록 설정
- 텍스트 관련 오타 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 20, 2023
@novice1993
[Fix] 레이아웃 깨짐현상 해결
dc0ce39 
- 우측 종목정보 컴포넌트 관련 레이아웃 깨짐현상 해결

Issues #122
novice1993 added a commit that referenced this issue Sep 20, 2023
@novice1993
[Feat] 액세스토큰 만료시간 관련 자동 로그아웃 기능 구현
d0bc9d3 
- 액세스토큰 유효시간 만료 관련하여 자동 로그아웃 기능구현 (현재 Refresh 토큰 기반의 자동 로그인이 구현되지 않은 상황이므로 이를 보완하여 클라이언트 단에서 자동 로그아웃이 이루어지도록 구현)
- 기존에 로컬 스토리지에 저장하던 액세스 토큰을 세션 스토리지에 저장하는 것으로 수정하여 클라이언트 파일 내 전반적인 수정이 이루어짐
- 이외 변경사항 : 불필요한 통신 발생하지 않도록 조건 분기 (특정 조건일 경우에만 필요한 정보 -> 마운트 시 자동적으로 fetching 하지 않도록 설정)

Issues #122
novice1993 added a commit that referenced this issue Sep 21, 2023
@novice1993
[Feat] Oauth 관련 자동 로그아웃 기능 설정
7ca217e 
- Oauth 로그인 액세스 토큰 만료시간 관려하여 자동 로그아웃 기능 구현
- 코드 가독성이 많이 떨어지는 상황으로 추후 리팩토링 예정

Issues #122
novice1993 added a commit that referenced this issue Sep 21, 2023
@novice1993
[Fix] 빌드 오류코드 수정
55e4dcf 
- 빌드 시 오류 발생하는 코드 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 21, 2023
@novice1993
[Fix] 자동 로그아웃 관련 오류 수정
ecc5321 
- Oauth 로그인 관련 자동 로그아웃 기능이 실행되지 않던 문제 해결

Issues #122
novice1993 added a commit that referenced this issue Sep 21, 2023
@novice1993
[Refactor] 자동 로그아웃 코드 간소화
1a63233 
- 자동 로그아웃 관련 모둘형 함수 생성하여 코드 간소화 (utils 디렉토리에 분류 후, export 하여 활용)
- 이외 변경 사항 : 거래시간 제한 코드 주석처리 (익일 프로젝트 시연 목적, 추후 복구 예정)

Issues #122
novice1993 added a commit that referenced this issue Sep 21, 2023
@novice1993
[Fix] 함수 설명관련 오타 수정
92ed288 
- 자동 로그아웃 함수 설명 관련 오타 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 22, 2023
@novice1993
[Refactor] 컴포넌트 분리
b7f1062 
- 단일 파일에 너무 많은 컴포넌트가 작성되어 있어 컴포넌트 분리
- 코드 가독성이 여전히 떨어지는 상황이라 추가 리팩토링 예정

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Fix] 종목 즐겨찾기 버튼 눌렀을 때 차트 변경되지 않도록 수정
f4d5e8b 
- 종목 즐겨찾기 추가/제거 버튼 눌렀을 때 종목관련 차트 및 상세내역 변경되지 않도록 수정 (즐겨찾기 여부만 변경되도록 수정)

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Rename] 폴더 및 파일명 일부 수정
53e65ae 
- 폴더 및 파일명 일부 수정 (첫글자 대문자로 통일)

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Refactor] 종목 로고 관련 코드 간소화
e637500 
- 종목 로고 설정 관련 코드 간소화

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Refactor] 좌측 종목리스트 관련 리팩토링 일부 진행
6398bce 
- 중복되는 컴포넌트가 다수의 파일로 중복 작성되어 있어 단일한 컴포넌트로 간결화 하여 모듈화 진행 중

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Add] 리팩토링 관련 예시코드
d74389b 
- 리팩토링 관련 예시코드

Issues #122
novice1993 added a commit that referenced this issue Sep 23, 2023
@novice1993
[Add] 리팩토링 예시 코드
9981be1 
- 리팩토링 예시 코드 작성

Issues #122
novice1993 added a commit that referenced this issue Sep 25, 2023
@novice1993
[Refactor] 불필요한 파일/주석 제거 및 디렉토리명 통일
f1eed0a 
- 불필요한 파일, 주석 등 제거
- 컴포넌트 내부 디렉토리명 통일 (앞글자 대문자로 통일)

Issues #122
novice1993 added a commit that referenced this issue Sep 28, 2023
@novice1993
[Remove] 불필요한 파일 제거 및 디렉토리명 수정
fac9a00 
- 사용 안하는 불필요한 파일 제거 및 디렉토리명 통일

Issues #122
novice1993 added a commit that referenced this issue Sep 28, 2023
@novice1993
[Fix] 데이터 fetching 관련 오류 수정
eb63d8a 
- 매수/매도호가 데이터 관련 fetching 오류 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 28, 2023
@novice1993
[Add] React-Query devtools 설치
3e6aded 
- 데이터 fetching 최적화 위해 React-Query Devtools 설치
- Devtools 사용위해 @tanstack/react-query로 라이브러리 교체 (기존에 react-query 라이브러리 사용)

Issues #122
novice1993 added a commit that referenced this issue Sep 30, 2023
@novice1993
[Fix] 자동 로그아웃 로직 수정
a0e534b 
- 기존 : 토큰을 세션 스토리지에 저장하여 활용
- 변경 : 토큰을 로컬 스토리지에 저장하여 활용
- 변경사유 : 유저가 로그인 시 브라우저의 다수의 탭에서 로그인 상태 적용되도록 하기 위하여 수정 (관련하여 새로고침 및 브라우저 종료 시에도 자동 로그아웃 처리 정상적으로 작동하도록 로직 추가)

Issues #122
novice1993 added a commit that referenced this issue Sep 30, 2023
@novice1993
[Fix] 자동 로그아웃 관련하여 누락된 로직 추가
bd65581 
- 수정된 자동 로그아웃 로직 관련하여 누락된 로직 (일반 로그인에만 적용하였고, Oauth 로그인 부분은 누락) 보완

Issues #122
novice1993 added a commit that referenced this issue Sep 30, 2023
@novice1993
[Fix] 빌드 오류 해결
dff02ab 
- 빌드 시 오류 발생하는 코드 수정

Issues #122
novice1993 added a commit that referenced this issue Sep 30, 2023
@novice1993
[Fix] 로그아웃 처리관련 오류 수정
d76716d 
- 로그아웃 시 로컬 스토리지에 있는 타이머 삭제 관련 코드 수정 (로컬 스토리지 key 값이 잘못 기입되어 수정)

Issues #122
novice1993 added a commit that referenced this issue Oct 2, 2023
@novice1993
[Fix] 자동 로그아웃 누락된 부분 추가
0c48a04 
- 로그아웃 처리 시 로컬 스토리지에 존재하는 토큰 제거하는 코드 추가 (기존 로직에서 누락)

Issues #122
novice1993 added a commit that referenced this issue Oct 2, 2023
@novice1993
[Refactor] 데이터 통신 효율화
b292191 
- 서버 데이터 변화 없을 경우 api 호출하지 않고 기존에 캐싱했던 데이터 활용하도록 기능 구현 (React-Query 라이브러리 기능 활용)

Issues #122
novice1993 added a commit that referenced this issue Oct 2, 2023
@novice1993
[Design] 창 팝업/전환 시 애니메이션 효과 일부 추가
f1608c3 
- 로그인/프로필 창 팝업 및 좌측 창 전환 시 애니메이션 효과 적용

Issues #122
novice1993 added a commit that referenced this issue Oct 2, 2023
@novice1993
[Refactor] 우측 컴포넌트 애니메이션 효과 및 로딩 인디케이터 적용
2d37c90 
- 우측 컴포넌트 애니메이션 효과 및 로딩 인디케이터 적용

Issues #122
novice1993 added a commit that referenced this issue Oct 3, 2023
@novice1993
[Refactor] 네트워크 중복 요청 제거
2adea98 
- 동일한 데이터 계속해서 API 요청하는 것이 아닌, 캐싱된 데이터 활용하도록 수정 (React-query 라이브러리 기능 활용)

Issues #122
novice1993 added a commit that referenced this issue Oct 3, 2023
@novice1993
[Fix] 주식 폐장시간 관련 데이터 갱신로직 수정
c553adf 
- 주식 폐장시간 도래 시 (15시 30분) 주가관련 데이터 refetch 로직 중단되도록 로직 수정

Issues #122
novice1993 added a commit that referenced this issue Oct 3, 2023
@novice1993
[Feat] 비교차트 제거기능 추가
4b4a0b5 
- 비교차트 제거 기능 추가

Issues #122
novice1993 added a commit that referenced this issue Oct 3, 2023
@novice1993
[Fix] 중앙 차트부분 화면 비율 조정
211b2a7 
- 중앙 차트 로드 시 화면비율 깨지는 문제 해결

Issues #122
novice1993 added a commit that referenced this issue Oct 3, 2023
@novice1993
[Fix] 차트 갱신시간 오류 수정
e9c2e3c 
- 차트 갱신시간 오류 수정 (연산자 수정)

Issues #122
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@novice1993 novice1993

Labels
FE Front End
Projects
None yet
Milestone
Bare Minimum Requirement
Development

No branches or pull requests
1 participant
@novice1993