codestates / codestates/Dajavas

[✍️ Dev Log] 박소영 / 2022-02-28

Open
#114 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

## 오늘은 어떻게 프로젝트에 기여했나요?
- Map 컴포넌트 post요청
- 머지 오류 고치기

## 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 팀원들과 머지할때는 스무스하게했는데.. 머지를 한 후 내가 만든 기능을 확인해보니 작동되지 않고 빈 화면의 연속이었다. 머지 오류때문에 그런줄 알았지만 사실.. 문제는 "⭐️경우의 수⭐️" 1. 비로그인시 2. 로그인시 (2-1. 데이터가 있을경우 렌더링될 화면, 2-2.데이터가 없을경우 렌더링될 화면) 이렇게 나눠서 코드를 짰어야했는데 나는 1.비로그인시와 2-1의 경우만을 생각해줘 렌더링이 안되었던것이다. 데이터가 없는데도 계속 '왜 안되는거지?'생각했던 내 자신이 어처구니가 없다. 그 동안 나름 경우의 수를 생각해서 코드를 짰다고 생각했었는데.. 아니었다. 코드 다시 다 고쳐야겠다. ⭐️경우의 수⭐️ 늘 유념하자!

조건부 렌더링을 할때 늘 삼항연산자만 사용해야하는줄 알았는데 많은 조건이 필요할때는 컴포턴트에 if문을 이용할 수 있었다. 이것도 좀만 빨리알았으면 머리 안터졌을텐데 😂 아래와 같이 사용하면됨
```jsx
function FishBoard () {

const load = () => {
if(loading === false) {
return <>
}
return <>



<h1>나의 월척~</h1>
<Btn><Link to='/record' style={{ textDecoration: 'none', color: 'black',fontWeight:'bolder' }}>기록하기</Link></Btn>

{fishboardData()}


}
const fishboardData = () => {
if(userInfo.isLogin === false) {
return <>{result.map(el => )}
} else {
if (myFishBoard.data === []) {
return

기록하신 정보가 없습니다.


}
else if (myFishBoard.data.data.realResult) {
return <> {myFishBoard.data.data.realResult.map(el => )}
}
}
}

return (

{load()}


)
}
```

## 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 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.