본문 바로가기

TIL

Github에 올린 내 작품 돌아보기

애써  지난것인데 왜 회상을 하는가

 

과거를 둘러보면서  내가 잘못했었던 점을 통해  다시 하지 말아야겠다를 배우고  ,   튜터님의 피드백으로  잘한 것은 

칭찬하며  나중에도 이렇게 적용을 해보기 위해서 입니다.

 

 

React_personal

 

 

[1]  축약어를 사용한 점 

처음에는  todo 대신에  tD를  이용하였습니다.   그래서  사람들이  할일목록을  나타내는  것인지 ,  tD를  나타내는 것인지

혼란스러웠습니다.  그래서 저는  todo로  바꾸었습니다.

 

[ 2 ]  디자인 구현사항을  놓친 것

 


react_letter

 

[1]  style이라는 폴더가 하나는  대문자 / 소문자로  중복되어있는 경우

       기존 프로젝트에서  쓰이는  Style 폴더만  존재하게 하기  , 깃허브 저장소에서  style 파일  제거해주기!!!

 

 

[2]  위  React_personal  [1] 번과 같은  실수  만회   =>  심지어  모든  브랜치에서 똑같은  증상 발생

 

 


2024년  3월  25일 업로드....

 

redux_chunk 

 

[ 1 ]  env 등으로 분리해서 사용하기  

   

  이서버 url에 사용자 정보가 들어가 있을수 있는 여지가 남아있기 때문입니다. 그런데 저는 그렇게 안했습니다.  그래서

  저는  다음과 같이 수정하였습니다.

 

 변경전
 
 // znbFanSlice 파일 
 const { data } = await axios.get("http://localhost:5000/letters"); 
 
 변경후 
 
  // .env 파일
 
 REACT_APP_SERVER_URL = http//localhost:5000/letters;
 
 
 // znbFanSlice 파일 
 const { data } = await axios.get(`${process.env.REACT_APP_SERVER_URL}`);

 

 

[2]  사용하지 않은  주석 혹은  코드가   있으면  흐름을 읽기가 불편해서  제거해야된다고 생각이 들었습니다.

// Profile.jsx


// before
 
function Profile() {
  const { avatar, nickname, userId } = useSelector((state) => state.letter);

  // const select = useSelector((state) => state);

  const token = localStorage.getItem("token");
 
 
 // after 
 
function Profile() {
  const { avatar, nickname, userId } = useSelector((state) => state.letter);

  
  const token = localStorage.getItem("token");

 

그래서 내린 진단은.....

redux-chunk 프로젝트를 하면서  울렁중이 많이 나왔습니다.  이것을  한번  정리를 할 필요성이 있었습니다.
그래서 추후  그것 관려해서  포스트할 예정입니다. 

 

 

 

'TIL' 카테고리의 다른 글

TIL : 내가 오늘 이것을 이루었구나!!!!  (0) 2024.03.20
오늘을 무엇을 하였나?  (1) 2024.03.18
TIL : 리액트와 인사하기 - 2  (0) 2024.03.17
TIL : 리액트와 인사하기 - 1  (0) 2024.03.16
TIL : 오늘 내가 발견한 것은  (0) 2024.03.13