지금은 제목만 나옴

// 미들웨어
export const loadNoteFB =()=>{
    return async function(dispatch){
        const query = await getDocs(collection(db, 'note'))
        
        console.log(query);

        query.forEach((doc)=>{
            console.log('hi');
            console.log(doc.id, doc.data())
        })
    }
}

공식문서 https://firebase.google.com/docs/firestore/query-data/get-data?hl=ko

한번 done누르면 id가 undefined됨

path="*" 찾아보기

<Container>
    <Header />
    <ItemList /> // 여기 높이 깨짐
</Container>

1. 아이템 리스트에는 스크롤Y 달아야 함
2. 아이템 리스트의 height가 바뀌지 않게 고정
3. 아이템 리스트가 헤더를 제외한 컨테이너의 나머지 영역을 차지하고 있어야 함
4. 컨테이너의 높이는 calc(100vh - 50px)이다.
5. 아이템 리스트에는 Postion: Absolute로 영역 밖에 걸쳐 있는 타이틀이 있다.

1. 내용 input에 focus => 내용 2줄 높이로
2. 내용 길이 제한 => 50자

Compiled with problems:X

ERROR in ./src/firebase.js 3:0-47

Module not found: Error: Can't resolve ' firebase/app ' in 'D:\스파르타코딩\4주차\react-assignment-week4\src'

ERROR in ./src/redux/config/modules/note.js 4:0-30

Module not found: Error: Package path . is not exported from package D:\스파르타코딩\4주차\react-assignment-week4\node_modules\firebase (see exports field in D:\스파르타코딩\4주차\react-assignment-week4\node_modules\firebase\package.json)

1. Redux Store가 undefined 뜸

Uncaught TypeError: Cannot read properties of undefined (reading 'map')
    at TodoList (TodoList.jsx:11:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
    at invokeGuardedCallback (react-dom.development.js:4277:1)
    at beginWork$1 (react-dom.development.js:27451:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)

최근 업데이트: redux-thunk / firebase 연결