[TIL] 오늘의 개발일지 / 프로젝트 발표날

 

오늘 오전에는 프로젝트 제출에 앞서 후다닥 수정해야 하는 부분들을 수정시켰다.

<수정사항>

1. MainLayout컴포넌트 안에 children 넣기
2. 삼항연산자 통해 img 없을때, 기본 img 뜨도록 설정
3. 댓글 div 영역 지정하여 해당 영역 벗어나면 scroll되도록 설정

새롭게 알게된 점 

1. glitch를 통해 json-server를 라이브서버로 만드는 법

2. 프로젝트에서 glitch의 라이브러리 설정하고, 따로 varcel에서도 설정해주기

--> 슬라이스에 들어간 내용 (axios에 로컬로 설정했던 부분을 아래처럼 바꾼 것)

export const __getComments = createAsyncThunk(
  "comment/getComments",
  async (payload, thunkApi) => {
    try {
      const data = await axios.get(
        `${process.env.REACT_APP_API}/comment?_sort=time&_order=asc`
      );
      return thunkApi.fulfillWithValue(data.data);
    } catch (error) {
      return thunkApi.rejectWithValue(error);
    }
  }
);

-> enviroment variable에서 key와 value를 설정해주기!!

key에는 REACT_APP_API , value 부분에는 glitch로 만들어낸 라이브서버 주소 입력해주기

 

 

 

 

아쉬운 점 

1. 배포 실패

이상하게 디플로이를 할때 문제없이 에러 안뜨고 배포까지 완료가 되었는데

로컬 프로젝트에서 실행할때도 아무 이상없이 실행되는 프로젝트 파일이 varcel에서는 0.001초 잠깐 화면이 보이고

흰 화면만 보이는 현상이 발생했다.

r.map 이 not a function이라고 하는데 해당 파일의 라인에 가도, vs code에서 돋보기로 검색을 해봐도 r.map 따위는 보이지 않았다.

로컬에서 잘 작동되는 프로젝트가 혹시 깃허브 레포지토리에 푸쉬가 제대로 안되어있나, 몇번씩이나 푸쉬하며 이상없음을 확인했지만 해당 문제는 해결이 되지 않았고, 튜터님께 찾아갔는데 튜터님도 처음보는 에러라고 이상하다고 말씀을 하셨다

 

나의 생각에는 왠지 슬라이스 부분에 axios 함수 안의 내용들을 모조리 바꿔주는 과정에서 발생한 에러인 것만 같은데

에러는 BoardList라는 컴포넌트에서 발생을 하는 것처럼 보이니 의문이 든다

(근데 BoardList 컴포넌트 자체가 서버에서 get해오는 부분이니까 슬라이스 부분의 함수가 뭔가 에러가 난게 맞지 않을까?!)

이건 내일도 연구해봐야지

 

 

추가로 요건 웅리 프로젝트 시연연상 ㅎㅎ

https://www.youtube.com/watch?v=eMd5Y6nkNCM 

 

 

 

 

 

오늘 오후까지는 프로젝트 마무리와 발표 일정이 있어 추가 공부를 하지는 못했고,

발표가 끝나고나서 이번주에 하고싶었던 파이썬 기초 강의를 몇가지 들었다

 

아래는 오늘 공부한 파이썬 정리내용👇👇👇

https://warn-code.tistory.com/208

[파이썬] 파이썬 무료강좌 기초강의 1~5강 정리

 

 

 

 

 

오늘 프로젝트 발표 다른조들 보면서 꼭 주말까지들여다보고 싶은 코드들 미리 써놓기

1. 영진님조에서 난이도를 상/중/하로 나눠서 db에 저장하는거 어떻게 코드짰을지 먼저 연구하고, 어떻게 짜셨나 여쭤보기

2. 캘린더 api 어떤건지 나도 만져보기

3. 모달기능 어떻게 리액트에서 구현하셨는지 휘인님한테 물어보기

4. 프로젝트 파일을 왜 varcel에 한번에 올리면 안되고, glitch를 따로 써서 라이브서버를 만들어야되는지 이해하기

5. 비동기 그놈의 비동기 작동원리 좀 상세하게 파헤쳐보기

6. 리액트는 모든것을 컴포넌트화 아니면 state로 만들어야하는건가? getElementById를 쓰면 꼬일 수도 있다고 하셨는데, 그 이유를 확실하게 알고 싶다 (돔이 두개라고 하셨던 거 같은데, 리액트 가상돔이라는건 아는데 왜 순서가 다른건지가 궁금)