노마드스터디 리액트 10주 5기 3주차 주간회고록

3주차

기간:

24.07.01 ~ 24.07.07

 

요약 3줄

• 면접 준비까지 겹쳐서 더욱 정신 없었던 한 주
• 우선순위를 면접 준비로 두고 강의는 점심시간에 틈틈히 듣긴 했지만 완강하지 못해 아쉬웠다...
• 다음 주차는 다시 스터디에 박차를 가해야겠다. 물론 이직 준비도 함께 하면서!

---

 

이번주 목표

• 일일 강의, 일일 챌린지, 일일 스프린트 전부 완료하기
• 주간 회의록 작성하고 7월 5일(금) 17시까지 제출하기

 

결과

일일 강의, 일일 챌린지, 일일 스프린트는 전부 완료하지 못했다ㅠ 할일은 많은데 다 중요해보여서 정신없었다.... 물론 면접을 무사히 보는 게 제일 중요했기에 면접 준비에 비중을 더 많이 두고 한 주를 보냈다.

 

---

 

일일 스프린트

 

🔽 2024/07/01 월요일

 

[❤️‍🩹] ReactJS 마스터 #2.0 ~ #2.7 강의 듣기

[✅] 챌린지 퀴즈 풀기

[✅] 리액트 공식문서 읽기

[✅] 면접 준비

 

 

🔽 2024/07/02 화요일

할일은 많고 우선순위를 따지자니 다 중요해보이고.... 혼돈쓰😥

 

[❤️‍🩹] ReactJS 마스터 #3.0 ~ #3.7 강의 듣기

[✅] 챌린지 퀴즈 풀기

[✅] 리액트 공식문서 읽기

[✅] IT 아티클 읽기

[❌] 아쉬탕가 요가 

[✅] 면접 준비

 

 

🔽 2024/07/03 수요일

 

[❤️‍🩹] ReactJS 마스터 #4.0 ~ #4.8 강의 듣기

[❌] 코드 챌린지 제출

[✅] 리액트 공식문서 읽기

 

 

🔽 2024/07/04 목요일

 

[❤️‍🩹] ReactJS 마스터 #4.0 ~ #4.8 강의 듣기

[✅] 리액트 공식문서 읽기

[✅] 인사이드 플로우 요가

 

 

🔽 2024/07/05 금요일

후하 면접 준비에 틈틈히 강의도 듣고 업무도 휘몰아치던 한 주가 끝나간다!!😭

마지막까지 화이팅!

 

[  ] ReactJS 마스터 #5.0 ~ #5.6 강의 듣기

[  ] 리액트 공식문서 읽기

[  ] 주간회고록 작성

 

 

---

이번주 강의 요약

새롭게 알게 된 것 :

1. DefinitelyTyped

• 어떤 라이브러리나 패키지는 TypeScript로 만들어진 게 아닌 JS를 기반으로 만들어졌다 Ex) Styled-components
• Typescript 기반으로 만들어진 라이브러리가 아니면 타입스크립트 기반으로 만들어진 걸 다시 설치 해야한다
• @types란 아주 큰 Github repository이며 유명한 npm 라이브러리들의 타입 저장소이다!
  • 이 곳에 사람들이 Typescript가 이해할 수 있도록 타입들을 정리해둔다. 모든 라이브러리가 있는 건 아니다.

2. createBrowserRouter

• createBrowserRouter를 사용하면 BrowserRouter보다 좀 더 선언적으로 라우팅 구조를 보여줄 수 있다.
• Router를 array 형식으로 표현할 수 있게 해준다.

/**
 * Router.tsx
 */

// 슬래시는 모두의 하위 경로의 아빠
// "/"에 아무것도 안 붙인 건 Home으로 이동
const router = createBrowserRouter([
	{
		path: "/",
		element: <Root />,
		children: [
			{
				path: "",
				element: <Home />,
				errorElement: <ErrorComponent />
			},
			{
				path: "about",
				element: <About />,
			},
		]
	}
])


/**
 * Root.tsx -> App.tsx를 수정한 파일
 */

// Outlet을 써서 router의 자식들을 render 했다!
function Root(){
	return (
		<div>
			<Header />
			<Outlet />
		</div>
	)
}

/**
 * index.tsx
 */
 
// RouterProvider는 router라고 불리우는 prop을 가진다!
// router 속성에 들어갈 router는 우리가 위에서 createBrowserRouter로 만든 router이다!
root.render(
	<React.StrickMode>
		<RouterProvider router={router}/>
  </React.StrickMode>
)

 

---

주간 회의와 조별 활동

이번주 활동:

• 이번주는 따로 활동을 진행하지 않았다ㅠ

 

기억에 남는 것:

-

 

---

칭찬하고 싶은 점

• 점심시간에 틈 내서라도 강의를 들은 것. 완강하진 못해도 포기하지 않고 매일 조금씩 들은것!

 

고치거나 버려야 할 점

• 할일이 많은만큼 일을 하는 그 순간만큼은 집중해야하는데 다른 할일들 걱정에 온전히 집중하지 못한 것...! -> 집중력 부족!
• 마침 읽고 있던 책에서 이와 관련된 솔루션을 찾을 수 있었다. 인상 깊었던 부분은 아래에 적어두었다.타이머를 최대한 사용해서 그 순간만큼은 집중하도록 노력해봐야겠다!!

 

'15분을 공부하는' 경우와 '60분을 공부하는' 경우, 어느 쪽이 더 효과가 높을까요?

많은 사람이 '60분', 즉 시간을 오래 들여야 공부도 일도 잘될 거라 생각합니다.
하지만 그것은 완전히 착각입니다.

중요한 것은 집중력입니다.
공부든 일이든 60분간 질질 끌며 하기보다 15분을 집중해서 하는 편이 훨씬 잘 됩니다.
제한 시간을 정하면 집중력이 높아집니다. 꼭 15분이 아니어도 상관없습니다.

짧아도 좋으니 제한 시간을 정해 놓으면 공부와 일의 효율이 압도적으로 올라갑니다.

책 아웃풋 트레이닝, 가바사와시온