codestates / codestates/art-ground

[Dev Log] 20210924 / 유다희

Open
#289 0 comments 0 reactions 1 assignee Claimed by @tkdkagody View on GitHub
Dev Log Error Handling Log
Dominant language
JavaScript
Stars
7
Forks
9
PR merge metrics
No merged PRs in 30d

Description

브랜치: feature/admin3

feature/admin_confirm (현)

## **오늘 TODO**

- [x] 배포서버에서 엑세스토큰 왜 안들어가지 ? 확인할것
- [ ] myinfo api 통신 시도(동욱님)
- [ ] myinfo 통신성공인 경우, userinfo 새로고침해도 잘 들어가있도록 설정해야함

- [x] admin 모달 추가 2개 ++ (승인,마감) ⇒ modals/confirmModal 하위컴포넌트 생성
- [x] admin 페이지 레이아웃 및 반응형 수정 se사이즈까지만 확인.
- [x] register 하면 getEx 더미에 데이터 추가

→ register에 등록하면 전시회 더미에 값 추가되고, admin에서 승인하기 눌러야 state변경되는 flow

- [x] register시 이미지데이터 Null 로 들어간다.. 확인필요 (동욱님)
- [x] 받아온 img 배열 렌더링하기 Null 아닌거 걸러서 렌더링 → Null일 경우 이미지가없습니다.

- [ ] modify페이지 패스워드 눈이미지 ? type="password"로 수정
- [ ] modify페이지에서 모달수정 클릭시 cyrypto.js 에러 뜸 ㅜㅜ
- [ ] modify 모달추가 : 정말수정하시겠습니까?

- [ ] 랜딩페이지 ref 찾아보기

- [x] admin 전시승인 api 통신(순려님 15시⇒ 저녁후 )
- [x] admin 승인하기 클릭시 ⇒ 전시 상태별 리렌더링 되도록 만들어야 함 !!!

res받고나서 window.location으로 리렌더 되도록 만들었음.

마음에 안든다....나즁에 다시 리팩토링 필요함!!!

- [ ] 자기전 배포

## New thing!

1. svg이미지는 url생성불가 , 렌더링 불가 → 알아보기

## **ERROR노트**

### 1. 배열로 된 data 1개 값만 받아오기

![Screenshot from 2021-09-24 17-02-01.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/292cc26c-9fd7-4d27-a5bc-2672d69e5016/Screenshot_from_2021-09-24_17-02-01.png)

images: [{title: , content: , subContent: ,img: }, {}, ... , {}] 이러한 배열형태로 들어와 있을시,

if(el.images) 또는 if(el.images[0]) 이런식으로 접근해도 모두 에러가 뜸. (여기서 el은 데이터 맵핑값)

웹에는 cannot read property err가 뜨지만, 콘솔에는 el.images[0].image_urls 값이 찍힌다는것!! ㅋㅋㅋ

이런경우, el.images 라는 배열이 0보다 클때! 라는 조건을 주면, 웹에도 에러 없이 데이터 값을 가져와서 렌더링할 수 있다..!

![Screenshot from 2021-09-24 22-28-01.png](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/17a103cd-b560-4d04-8670-f443031318d6/Screenshot_from_2021-09-24_22-28-01.png)

***props가 비동기처리로 오는 데이터일 경우엔 확실하게 조건문을 걸어야 에러없이 받아올 수 있음***

(map이 null뜨는 에러, props destructure 에러 등 조건은 다르지만 모두 조건문으로 컨트롤해주어야함)

### 2. 하위 컴포넌트들이 여러개 있는 경우 최하위에서 어떤 이벤트가 일어났을때, 상위 컴포넌트가 재렌더 되도록 하기.

⇒ '상태가 변하면 컴포넌트는 리렌더 된다' 라는 리액트 속성을 이용해서 상태값을 3군데 모두(컴포넌트1→2→3 의 설계도) 설정해서 리렌더를 시도했는데 리렌더링이 안된다. 왜..?

분명 1차 프로젝트때는 성공했는데, 컴포넌트 설계가 달라지니 사용방법이 헷갈린다

일단 리디렉이 필요해서 사용하고 싶지 않은 window.location을 사용해서 리디렉션을 걸어놓긴했다. —> 나중에 상태값으로 재렌더링되도록 리팩토링 해야하자 꼭 ㅜㅠ

분명 useEffect랑 상태값으로 조절했던거 같은데 ..

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.