codestates / codestates/Dajavas

[✍️ Dev Log] 박소영 / 2022-03-01

Open
#117 0 comments 0 reactions 1 assignee Claimed by @soyoung931014 View on GitHub
Dev Log
Dominant language
JavaScript
Stars
2
Forks
3
PR merge metrics
No merged PRs in 30d

Description

## 오늘은 어떻게 프로젝트에 기여했나요?
- Ranking, FIshBoard 컴포넌트의 오류를 모두 고쳤고 기능도 잘 하는걸 확인했다.

## 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 서버에서 데이터를 가지고와 컴포넌트에 각각 데이터를 렌더링 시켜주고싶었는데.. 고차함수 map을 이용하면 (주석처리된부분) 렌더링 실패를 했고 오히려 하드코딩을해서 일일히 데이터를 집어넣어주면 렌더링 성공을 볼 수 있었다. 이유가 뭔지 곰곰히 생각해본 바 아마 고차함수를 사용한경우에 데이터가 없을 경우는 undefined처리가 되어 컴포넌트 자체가 생성되지 않기때문이고 하드코딩을 한 부분은 컴포넌트는 기본적으로 생성되어있고 그 안에 데이터가 null로 처리되어있기 때문에 렌더링은 가능한것이 아니었을까하는 생각을 했다. 내 생각이 맞다면 Ranking컴포넌트의 저 부분은 하드코딩을 하는것이 맞지 않을까 한다. 근데 만약 지금은 5개의 데이터만 보내줬지만 100개를 렌더링해야한다면..? 그러면 그때도 하드코딩을 할 수는 없을텐데.. 어떻게해야 할까

```jsx

//🌼 하드코딩하면 성공




/* {selectedFishData.map((el,idx) => {} ) } */ 🌼렌더링 실패



```

## 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] Map컴포넌트 crud 마무리
- [ ] 사이드바 생성

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.