TIL 20

Ted·2022년 6월 12일
0

TIL

목록 보기
20/51
post-thumbnail

👊 어쩌다 10,11일 이틀 9시 이후 시간에 게으름뱅이가 돼버렸지?




집중도 1~5 (4.1)

'어제 TIL 빼먹고 당일날에 쓰긴 했지만 업로드 하는 거 빼먹고 오늘에서야 어제꺼 TIL 올린다.
9시 이후에 밥 먹는 부분이 문제다. 그에 대해서는 WIL 회고에 쓰도록하자....하..................... 연속되던 게 끊겼다. 너무 화난다. '




6/11 토


기억할 것


  1. 나중에 post 페이지에 select 태그로 1960년대, 1970년대 고르는 인풋 만들기 !
    ( https://cocoon1787.tistory.com/257 ) 맨 아래 있음




오늘 할 일


  1. axios

  2. mock

  3. 토큰을 어떻게 백엔드에서 받고 저장 시킬지?

  4. 토큰을 받으면 add , 수정 같은 건 토큰의 존재가 확인되어야만 동작을 할 수 있으므로 header라는 게 필요하다고 함
    ( 그걸 어떻게 받을지 )

  5. 서버에서 이미지 다운로드를 어떻게 할건지?

  6. 로그인 여부는 app.js 에서 토큰 유무로 로그인

  7. ??!! 리듀서를 나누는 이유는 뭘까?

    한 곳에다가 다 할 수 있지 않을까?
    ( 왜냐? intialstate 안의 키, 값들이 다르기 때문에 그걸 기준으로 한 리듀서에서 넣어줘야할 묶음이 다르면 리듀서를 나누기 시작한다. )

  8. !! 좋아요는 우리가 그 버튼을 누를 때 받은 토큰 id( 값

  9. !! 토큰에 대한 공부

  10. jwt

  11. !! 백엔드가 보내주는 토큰을 어디에다가 저장할지에 대해서 공부 할 것




고민, 알아볼 것


  1. 사진 , 업로드

    yarn add devtools

  2. 코멘트 무조건

    디비에는 쌓이는데 새로기침 없이 바로 리스펀스를 해야
    아니면 스테이트

    디스패치를 했는데 지금은

  3. ?? !! 아마 input 태그로 하고 그 위에 폼 태그로 묶으면 아래 버튼 submit 형태면 requierd가 먹히리라? or

    그냥 버튼을 submit 형태로 하기만 하면 위의 것들이 reqierd가 먹히리라?

  4. ??!! axios가 필요한 정확한 이유

  5. ??!! export const AddPostFB = (data) => {
    console.log(data);
    return async function (dispatch) {
    const docRef = await addDoc(collection(db, "magazine_data"), data);
    const post_data = { id: docRef.id, ...data };
    console.log(post_data);
    dispatch(AddPost(post_data));

    이전의 내껀데 여기서 function (dispatch) 이 안에 위의 data가 아닌 dispatch가 들어가는 정확한 이유에 대해서.

  6. ?? 토큰을 어떻게 저장시키지???




오늘 공부한 것


0-1.

0-2. 미들웨어 맨 아래 dispatch (위에 생성한 액션생성함수) 해서 더 위에 적어둔 타입을 리듀서로 전달한다.

  1. api 파일에다가 api 형식이랑 , 인터셉터 ( 오류, 디버깅 request, response 꺼 다 가능 ) 만들고 export 시킨다.

1-2. 미들웨어를 써주는 곳 위에 import api 해주고 거기서 기존에 async, await , fetch하던 부분을 axios 방식으로 바꾼다.




깃헙 사용법 ( 알게 된 것 )


  1. 머지한 다음에 다시 브랜치를 만든다는 게 pull 땡겨 오는 것

  2. 내꺼 브랜치에 커핏 푸쉬하고 메인으로 체크인 한다음에 메인에서 pull하고 다시 내 브랜치로 오면!

    ( 충돌이 뜰 거임 거기서 내가 필요로 하는 것들만 수기로 추가하면 됌)

  3. 메인에서 풀로 땡겨 오기 전에 내 브랜치꺼 내용 먼저 커밋하기

  4. ?? 아마 브랜치를 병합을 한 다음에 깔끔하게 그 브랜치 삭제하고 브랜치 다시 파서 하는 게 깔끔할 것.



profile
cording, arsenal, book, color

0개의 댓글