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

 

5주차

기간:

24.07.15 ~ 24.07.21

 

요약 3줄

• 실무진 면접이 끝난 뒤 기가 빨려서인지 원래 페이스로 돌아오는데 시간이 좀 걸렸다ㅎㅎㅎ
• Framer motion을 지난주에는 맛보기만 했었는데 이번주 복습 강의를 듣다보니 너무 편하고 유용한 라이브러리였다. 이번 회사 프로젝트에 써먹어야 겠다.
• 아침 일찍 회사 근처에 가서 강의를 들어봤는데 집중도 잘 되고 좋았다.

 

 

---

 

이번주 목표

• 일일 강의, 일일 챌린지, 일일 스프린트 전부 완료하기
• 주간 회의록 작성하고 7월 19일(금) 17시까지 제출하기
• ReactJS 마스터클래스 Final 졸업 과제 제출

 

결과

이제는 절반이라도 하는 걸 목표로 잡아야 하나ㅎㅎㅎㅎ 다른 중요한 것들이 생기니 자연스럽게 스터디의 비중이 줄어들었다....ㅠ jhun님의 말씀처럼 스터디는 언제든 다시 시작할 수 있으니 이직준비에 집중하는 것도 좋은 선택일 것 같다는 말이 가슴에 와닿았다. 선택과 집중!!! 그래도 이번 주말에는 파이널 과제 꼭 해서 제출하리...! (욕심)

 

---

 

일일 스프린트

🔽 2024/07/15 월요일
아자아자!!!! AI 역량검사에서 멘탈이 살짝 털렸지만 괜찮다!ㅎ___ㅎ 👊🏻

[ - ] ReactJS 마스터 #9.0 - #9.2
[✅] 리액트 공식문서 읽기 
[✅] 면접 예상 질문 정리
[✅] 키워드 & 경험 위주로 답변 정리
[✅] 행복주택 서류 발급 (주민등록등본, 주민등록초본, 가족관계증명서) 


🔽 2024/07/16 화요일
후하후하 배우처럼 자신 있고 당당하게 😎

[✅] 실무자 면접!!!!!☀️
[✅] 헬스장 운동
[✅] ReactJS 마스터 #9.0 - #9.2
[✅] 행복주택 제출 서류 작성


🔽 2024/07/17 수요일

[ - ] ReactJS 마스터 #9.3 - #9.5
[✅] 행복주택 제출 서류 우체국 등기
[ - ] 리액트 공식문서 읽기
[✅] 면접 후기 작성
[ - ] 헬스장 운동

🔽 2024/07/18 목요일
비 오는 날인데 왜 기분이 좋을까....! 아무래도 집 가서 감자전 해먹을 생각 때문인 것 같다🧔🏻‍♀️ 오늘도 화이팅!

[ ~ ] ReactJS 마스터 #9.3 - #9.5
[ ~ ] 리액트 공식문서 읽기
[✅] 요가
[ ~ ] 5주차 주간 회고록 작성 및 제출

🔽 2024/07/19 금요일
회사 첫 워크샵😁 가더라도 주간 회고록은 제출하고 가야지~!!

[  ] 5주차 주간 회고록 작성 및 제출
[  ] 회사 워크샵
[  ] 취하기 않기

 

---

이번주 강의 요약

새롭게 알게 된 것 :

1. CSS

• 중앙 정렬하는 꿀팁
• position: absolute, left: 0, right:0, margin: 0 auto

 

2. React-router

• homeMatch는 항상 존재하기 때문에 isExact로 확인해주어야 한다!

import { Link, useRouteMatch } from "react-router-dom";

function Header(){
  const homeMatch = useRouteMatch("/");
  const tvMatch = useRouteMatch("/tv");

	return
	<>
	  <Item>
	    <Link to="/">Home {homeMatch?.isExact && <Circle />}</Link>
	  </Item>
      <Item>
       <Link to="/tv">Tv Shows {tvMatch && <Circle />}</Link>
	  </Item>
	</>
}

 

 

3. Framer Motion

• 애니메이션을 실행시켜주는 또 다른 방법

const inputAnimation = useAnimation();

const toggleSearch = () => {
	// searchOpen 상태에 따라 다르게 애니메이션을 보여줌
	if(searchOpen){
		inputAnimation.start({
			scaleX: 0,
		});
	}else{
		inputAnimation.start({scaleX: 1});
	}
}

• 인라인으로 직접 넣어도 되지만 애니메이션 속성이랑 커멘드를 코드로부터 만들어주기도 한다.
• 이렇게 코드로 만들면 여러 애니메이션을 동시에 실행시키고 싶을 때 유용하다!!

 

---

주간 회의와 조별 활동

이번주 활동:

-

 

기억에 남는 것:

-

 

---

칭찬하고 싶은 점

• 아침에 집중하는 시간을 만들기 위해 카페에 가서 공부한 것!
• 면접 초반에는 긴장했지만 점점 내 페이스로 잘 끌고 간 것! 초반에는 관심없어 하던 팀장님이 어느순간 내 말에 집중하고 있는 것이 느껴졌다ㅎㅎㅎ후후...

 

고치거나 버려야 할 점

• 요가 시간 확인 잘 하기!! 지난번에는 요가 수업 신청하지도 않고 들어가고 어제는 21시 신청해두고 20시 수업에 들어갔닿ㅎㅎㅎ 요즘 정신이 없어서 그런 것 같긴한데 신경 쓰자!
• 바쁘다는 핑계로 공식문서 읽기에 소홀해졌다.... 더도말고 덜도말고 딱 30분만 읽자!