💪프로젝트에서 사용한 혹은 사용 예정인 기술 스택은 무엇인가요?

이번 주

프론트

• React
• Typescript
• Vite
• styled-components
• Jest
• React Testing Library
• react-router-dom

예정

프론트

• zustand
• axios
• react-hook-form

💪이번 주 진행상황

Untitled

💪이번 주 트러블 슈팅

<aside> 💡 슬랙을 통해 멘토님께 한 주간 물어봤던 문제 혹은 해결 중이거나, 아직 해결되지 않은 문제들을 정리해주세요!

</aside>

Netlify와 GitHub Actions를 이용한 자동배포가 독립적으로 동작하는 문제

100vh가 적용되지 않는 문제

GlobalStyles Web width 설정 관련

Button Component 인터페이스 정의 문제

다국어 지원을 고려한 폰트 설정 문제

💪 멘토님께 질문사항

• 첫번째 질문) GitHub Flow를 선택하면서 배포의 안정성을 보완하기 위해 (+프론트엔드 개발자에게 요구되는 기술역량)테스트 코드를 도입했는데, 개발속도가 느려지다보니 기한에 맞춰 프로젝트를 완성할 수 있을 지 고민입니다. 2명의 프론트 개발자로 테스트 코드를 작성하면서 남은 기한 동안 프로젝트 완성이 가능할까요?

• 두번째 질문) 회원가입 페이지 > 에러 알림 UI: 에러 보여주는 곳 고정 후 애니메이션 적용(실시간 유효성 검증에 따라 보여지거나 사라짐) vs Input 마다 아래에 에러 표시 유저의 편의는 후자를 선택해야할 것 같고, UI가 예쁘고 애니메이션을 도입할 수 있어서 만들어보고 싶은 건 전자. 어떤 걸 선택해야할까요? (토글에 예시 UI 있습니다)

• 세번째 질문) 폴더구조 정리 방법이 맞는지 고민입니다. 로그인 페이지를 구현 중인데 함수형 컴포넌트는 Components 폴더에, 공통된 styled-components는 styles/styledComponents에 넣었는데 이렇게 분리하는 것이 맞나요? 둘다 Components 폴더에 들어가야 할까요? (토글에 예시코드 있습니다)