TIL / 개인과제 회고 (231120)

Jtiiin:K·2023년 11월 20일

TIL 내일배움캠프 회고

내일배움캠프

목록 보기

34/85

오늘 한 일

알고리즘 코드카타
개인프로젝트 과제제출
개인과제 해설영상 강의

오늘 공부한 내용

✅ 문자열 다루기 기본

📍 https://velog.io/@jetiiin/알고리즘

✅ input의 자동완성 기능 끄기

autoComplete='off' 속성 사용

✅ 과제해설(~9)

✔️ route 없는 페이지 설정

정해놓지 않은 경로로 접속하면 홈페이지로 리다이렉션
Navigate 설정
replace : 잘못된 경로를 '/'(홈페이지)로 바꿔줌
만약 replace가 없으면
👉 /detail -> /잘못된경로 -> /순으로 간다고 했을 때 홈화면으로 넘어간 뒤 뒤로가기를 눌러도 계속 잘못된 경로로 가게 되어 잘못된 경로와 홈화면사이를 무한으로 오가게 됨
있으면
👉 /detail -> / 경로로 바뀌기 때문에 뒤로가기를 하면 /detail 로 갈 수 있음

const Router = () => {
  return (
    <BrowserRouter>
      <Header />
      <Routes>
        <Route path='/' element={<Home />} />
        <Route path='details/:id' element={<Details />} />
        <Route path='*' element={<Navigate replace to={'/'} />} />
        <Route />
      </Routes>
    </BrowserRouter>
  );
};

✔️ div로 만들었던 태그를 ul, li로 바꾸기

좀 더 시맨틱한 사이트를 위해 div로 만들었던 팬레터 리스트를 ul, li 태그로 바꾸기
ScFanLetterItems(div->ul)
ScFanLetterItem (div->li)

✔️ 공통 함수 만들기

전역 데이터에 넣는 방법 말고 공통 함수로 빼는 방법도 있다는 걸 생각 못했다!

✔️ 공용 img 컴포넌트에 size를 props로 넘겨주기

size를 props로 받아서 각 컴포넌트에서 원하는 사이즈로 조절해서 사용

📑 개인과제 회고

캠프 시작하고 제일 길었던 개인과제가 끝났다 (주말포함 10일쯤..?)
과제 기간이 길면 이것저것 시도해보고
오래 고민할 수 있어서 좋을 줄 알았는데
생각보다 (수정할 게 계속 생겨나서) 시간이 많지 않고
혼자 고민하는 시간이 길어지니 후반에는 조금 지쳤다ㅎㅎ;

그래도
useState -> useContext -> redux로 넘어가는 과정을 경험해본 것,
styled-components 써본 것, tab 구현해본 것,
readme 써본 것 등 이번 프로젝트에서 새로 도전해본 게 많아서 확실히 처음 시작할 때보다 성장한 나를 느낀다

이렇게 만족스런 점도 있는 반면 완성도에 대한 아쉬움은 프로젝트때마다 항상 남는 것 같다
chatGPT 의 도움을 점점 많이 받게 되는 것도.. 이래도 되는 걸까 하는 고민이 들고 ㅎㅎ;
redux 적용을 하긴 했지만 아직 완벽히 이해하지 못했다는 찜찜함이 있다
다음 프로젝트 하면서 좀 더 채워나가야지

과제 리뷰가 올라오면 또 기죽어서 약간 우울하겠지만ㅎㅎ
일단 오늘은 필수구현 사항 다 해내고 무사히 제출했다는 것에 만족하고 즐기기로!
고생했다 나 자신~! 수고했다 나 자신~! 😋👏