CodeSquad Day 76 : Team Project 2 - Day 6

 

CodeSquad🔹Day 76

8시 반, 아침운동 인증으로 시작한 하루였다. 아침에 정말 너무 피곤해서 인증만 하고 다시 잠깐 잘까 싶었는데, 공원을 걸으며 상쾌한 공기를 마시니 잠이 꺴고 상쾌하게 하루를 시작할 수 있었다. 역시 아침 운동의 효과는 너무 좋다! 당장 일어날 때는 피곤해서 힘들어도 하루의 패턴을 유지할 수 있게 도와 준다.

 

Scrum

오늘부터는 백엔드의 동기가 개인사정으로 프로젝트에서 빠지게 되어서 준이 혼자서 백엔드를 맡게 되었다. 이제는 세 명이서 한 팀이 되어서 프로젝트를 진행한다. 오전 10시부터 30분간 햄디, 준과 함께 이야기도 하고 오늘의 할 일을 공유했다. 마무리 스크럼은 좀 일찍 하게 되었는데, 5시쯤부터 시작해서 오늘 한 일이 무엇이었는지를 공유했다. 

 

Class by Crong: Code Review, React

2시부터 약 2시간 동안 진행된 크롱의 수업! 처음 시작할 때 크롱이 몇 명을 찝어 질문을 하는데 오늘 내가 당첨되었다. 프로젝트 계획에 대해서 질문을 하셨는데 나는 일단 기능구현을 다 하고 싶은데 로그인 기능을 구현하고 싶다고 말했다. 그러기 위해서는 OAuth에 대한 지식과 토큰을 어떤 식으로 프론트 단에서 활용할지에 대한 지식이 좀 더 필요하다는 것도 말씀드렸다. 공부할 것이 정말 많아서 시간을 낭비해선 안 되겠다는 생각이 많이 들었다. 

 

#1. Live Code Review by Crong!

그리고 코드리뷰를 랜덤으로 받는데 이번에 햄디와 함께 한 프로젝트를 크롱으로부터 라이브 리뷰를 받을 수 있었다! 

전담 리뷰어인 json으로부터 리뷰를 받긴 하지만 추가적으로 크롱의 세세한 리뷰를 받을 수 있었어서 매우 유익했다. 

• status code
• import 방식
• async 할 때 try~catch 활용할 것 등등 

또한 크롱의 말씀 중 인상 깊었던 게, 크롱이 코드리뷰 하면서 느낀 것이 아직 개발자 단계라고 보기엔 갈 길이 멀다는 것이라고 하셨다. 리액트를 너무 갖다가 쓰기만 하지 말고, 어떤 식으로 동작하는지 탐구하는 시간도 중요하다고 하셨다. 즉 너무 기능 구현에만 몰두하기보다는 React 자체를 좀 알아야겠다는 생각이 많이 들었다. 

 

#2. React

• Styled Components의 tagged template literal을 공부하고 원리를 이해하고 사용하자 
• useState, useEffect, useRef의 원리를 알고 쓰자 

 

Team Project

# 1부 오전 (10:30~12:30)

• PR 리뷰 받은 것 적용
• 폴더 구조 개편과 jsconfig 적용해서 절대 경로로 적용

 

# 점심시간 활용

오늘 아침에 일어날 때 매우 힘들었어서 혹시나 점심 시간에 컨디션이 좋지 않을까 염려했었는데 생각보다 좋아서 프로젝트를 좀 더 고민하기로 했다. 음식의 카드에 마우스를 올렸을 때 Hover 효과를 주는 것이었는데 이것을 구현하면서 brightness라는 css 함수도 알게 되었다. 그리고 가상 요소 after를 활용해서 주려고 했는데 이게 내가 원하는 대로 구현하는 게 쉽지 않아서 그냥 svg를 가져와서 해결했다. 내가 구현한 것에 대해서 햄디에게 설명을 했고 조금 더 로직을 추가해서 반영했다. Mouseover 이벤트로 했을 때 버그가 나서 Mouseenter를 적용했더니 잘 되었다. 

 

# 2부 밤 (6:00~9:30)

크롱 수업이 4시가 좀 넘어서 끝이 났고, 휴식을 좀 취하니 벌써 마무리 스크럼을 할 시간이 되어서 그냥 아예 저녁시간을 가지고 밤 시간에 페어 프로그래밍을 하기로 햄디와 약속을 정했다. 나는 좀 더 집중하기 위해서 카페로 나왔다. 카페가 좀 시끄러웠기에 게더타운 마이크를 쓰는 대신 카카오톡의 보이스톡으로 진행했다. 

• Hover 효과 완성
• Slider UI 완성
• Slider 기능 구현 진행 중 

 

오늘 Wiki에 남긴 회고. 즐기면서 배워나가자!!