[TIL] 아, 아니 이미 왔구나

📝알고리즘 문제 풀이

programmers / level2 / n^2배열 자르기

GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다.

효율성을 위해서 논리적인 사고가 조금은 필요한 문제

대놓고 문제 해설처럼 배열을 만들어버리면 실행 시간 초과로 해결할 수 없는 문제

 

🤼‍♀️자바스크립트 스터디

[Javascript] 모듈 기능으로 살펴보는 자바스크립트

 

🚀실전 프로젝트 팀빌딩 세션

항해의 마지막 코스인 실전 프로젝트의 팀빌딩에 대해서 세션이 진행됐다.

 

백엔드는 서비스 런칭팀이나 챌린지 팀 중에 배정되며,

프론트는 서비스 런칭팀만 가능하다.

 

리더, 부리더를 정해서 팀 빌딩에 참여할 수 있고

리더와 부리더는 주특기가 달라야 한다.

리더, 부리더를 제외한 나머지는 랜덤 배정된다고 한다.

 

이제 실전프로젝트 시작이 2주밖에 안남았다.

 

팀 프로젝트

1. 개행 문자 인식하기

<Typography sx={{ whiteSpace: 'pre-line' }}>{children}</Typography>

댓글창에서 엔터를 인식할 필요가 있었다.

whiteSpace: 'pre-line'을 사용해주면 개행문자를 인식해서 개행을 해준다.

\n도 써봤는데 다행히 문자로 잘 인식한다

Material-UI Paper component does not recognize new line character · Issue #9189 · mui/material-ui

2. MUI TextField

<TextField type="password" label="비밀번호" />

MUI TextFiled에 Input과 동일하게 type을 password로 주면 비밀번호로 문자가 들어간다.

3. UseEffect 의존성 해결하기

  useEffect(() => {
    dispatch(readComments());
  }, [dispatch]);

redux의 dispatch를 의존성으로 주입하면 무한 useEffect가 발생한다.

함수는 일급 객체인데 비교할 때마다 매번 다른 객체로 판단하기 때문이다.

  const dispatchReadComments = useCallback(() => {
    dispatch(readComments());
  }, [dispatch]);

  useEffect(() => {
    dispatchReadComments();
  }, [dispatchReadComments]);

위 사항은 useCallback을 이용하면 해결할 수 있다.

 

👻코멘트

실전 프로젝트 팀빌딩관련 세션을 들으니 벌써 시간이 흘렀다는 체감이 났다.

 

그도 그럴게 선선할 때 항해를 시작했는데 벌써 쌀쌀한 겨울이다.

 

프로젝트 일정 때문에 정신 없는 와중에 시간은 저멀리 가있다.

 

긴 호흡으로 마지막까지 화이팅해보자