[Pre-Project 8일차] 조별과제 빌런 그건 바로 나🤠💥🔫

오늘은 레전드 스트레스 & 자괴감에 시달린 날이었따...ㅋ

<사유>

• 팀장님이 맡기고 간 리액트 동적 라우팅 실패함.
  : useEffect랑 usePrams 개념 이해하려고 니꼬쌤 강의 찾아보며 노력했으나, 두뇌/시간/의지 부족으로 실패ㅋ
  - 주말에 쉬어야 하는데 알바로 체력 탕진.
  : 새로운 알바 구하기 전까지만 다니기로 굳힘. 너무 돈 벌고 싶고 오래 일하고 싶은 곳이지만 일단 눈 앞의 프젝에 민폐 안 끼치는 게 먼저다.
• 월요일부터 git 오류 해결하는 데만 5시간 씀.
  : 팀장님이랑 같이 내가 못한 부분 해결해보기로 했는데 결국 동적 라우팅 팀장님이 하시고, 나는 API 받기와 화면 퍼블리싱만 함. 레전드 고통;; 이게 개발자냐 ㅠㅠ
• 팀원 한 분이 다른 팀으로 넘어가시겠다고 함.
  : 다른 팀들보다 1~2주 먼저 Main을 시작하기 위해 지금 팀원으로 내일부터 Main 시작할랬는데, 한 분이 가신다고 한다... 답답한 게 있으면 같이 해결했담 좋겠지만, 뭐 본인도 선택에 이유가 있었을테니. 그래서 다시 팀 구성과 프로젝트 계획을 세워야 함.

고로... 각성의 각성의 각성을 해야겠다는 결심을 했따...ㅋ

오늘 배운 것

1. 각종 git 오류 해결방법
2. 시간 관리의 중요성
3. 팀원으로서의 책임감

팀별 진행 상황

BE
- 답변 기능 구현 완료
- 로그인 연결 테스팅
FE
- 로그인 페이지 구현 막바지
- 퀘스천/회원가입 페이지 구현 중

오늘 한 것

Question Page 화면 구성 요소 추가

화면 구성 요소들을 추가하고 props로 API 정보를 받아올 준비를 했다. 이제 이렇게 화면에 요소들을 추가하고 간단한 스타일을 적용하는 건 많이 익숙해졌다. 당연히 버튼도 props를 통해 Buttons.tsx 파일에서 스타일을 가져와 자동으로 적용했다.

그런데 여전히 안 되는 점!

1. 버튼이나 박스를 우측에 배열하기
2. 컴포넌트 구조 단순화하기
3. input 박스 크기 조절하기

어찌 보면 굉장히 단순한 거지만, 일반 CSS가 아니라 Emotion으로 하는 거다 보니까 어렵다...

각종 Git 오류 해결 방법

0. Github Desktop을 활용하라

VScode에서 git clone 같은 git 명령어를 사용하다 보면 웬갖 텍스트만 잔뜩 적히고, 영어니까 확 알아보기도 어렵고, 내가 방금 쓴 명령어가 뭐였는지 긴가~민가~ 하니 수북~하다.

코드 쌓인 사진 첨부

바로 이런 상황! 하지만 팀원 중 우시 님의 추천으로 알게 된 github desktop. CLI(command Line Interface) 를 주로 쓰긴 하되, 안될 땐 GUI(Graphic User Interface) 로 git을 조작할 수 있는 Github Desktop을 이용하면 좋다.

Github Desktop Download Link

다운 방법과 설치 방법은 다른 블로그에 친절히 적혀있으니 참고하시길...

1. yarn install 하는 법

yarn은 npm을 통해 까는 게 좋다고 한다. 순서는 이렇게.

> npm install -g yarn // yarn은 글로벌로 깔라고 합니다. 이유는... 음ㅋ
> yarn --version // 잘 깔렸는지 버전 확인
> yarn //(or yarn install)

참고한 블로그 "HEROPY Tech"