[항해99 56일차] (22.05.01) WIL_실전 프로젝트 1주차 종료

 

실전프로젝트 1주차가 종료되었다. 

실전프로젝트는 S.A. 에 매일의 작업 기록, 리뷰, troubleshooting 을 적고 있다. 

 

 

리뷰

1. 프로젝트 세팅

이번 프로젝트 세팅은 React로 서버사이드 렌더링을 하기 위해 Next.JS를 사용하기로 했다. 

Next.js 를 사용하는 과정에서 일단 기본적인 개념을 이해해야 했다.

사용하면서 소소하고 다양한 어려움을 겪었는데..

기술 검토를 해보면서, SSR 을 하고 싶다고 치더라도 React 18버전 에서 SSR 을 지원하는데, 굳이 Next.js 를 쓸 필요가 없다는 결론에 도달하였다.

 

그래서 다시 결론은 CRA 를 사용하여 프로젝트를 생성.

 

2. 라우팅 

useHistory Hooks 를 사용하지 않고 navigate 를 사용했다.

 

 

 

 

 

troubleshooting

 

• import styled from “styled-components” 가 안 먹혀서 사용이 안된다.
  • (해결) styled 오타. 혜미님이 발견해주셨다. 

 

• styled-components 로 만든 컴포넌트들의 css 에 모두 취소선이 그어져있다.
  • (해결) 아주 기초적인! = 이 아니라 : 그리고 속성 값 부여 뒤에는 ; 붙이기

 

• sockJS 사용법을 이해하지 못함
  • (반만 해결) 지난 주 채팅 기능 구현한 조 프론트 분들에게 stomp, sockJS 사용법 설명 들음

 

• button onClick 에 설정한 함수가 signup 페이지 렌더링 시 자동으로 실행되고, 닉네임 한글자 한글자를 칠 때마다 실행되는 오류 발생.
  • (해결) 설정한 함수에 () 를 붙여두었음. ()를 붙이면 즉시 실행이기 때문에 발생한 오류로 보임. ()를 지우니 자동 실행되지 않음.