TIL:: Today I Learned

1. Facts (사실, 객관)

• 과제 Lv3 완 : 리액트로 UI Kit만들기(버튼, 인풋, 셀렉트박스, 모달)
• 프로그래머스 0단계 코테

https://github.com/lizzieFEstudy/ui-kit

GitHub - lizzieFEstudy/ui-kit: 과제 Lv 3. UI Kit 만들기

https://school.programmers.co.kr/learn/courses/30/lessons/120864

프로그래머스

 

 

2. Feelings (느낌, 주관)

lv3 과제가 오늘 점심 1시에 제출이었는데, 제출하고도 영 마음에 안들어서 계속 하다보니 6시간을 더 해부렸다.

개인적으로 리액트로 UI만드는거 너무 어려웠따. 디자인은 포기하고 기능 위주로 작업했다..

그저 버튼, 인풋, 셀렉트박스, 모달일 뿐인데 왜이렇게 어려운거야 

만들어놓고도 이렇게 해도 되는건지 감도 안온다

 

다음 주에 할 것두 많아서 적당히 붙잡고 있었어야했는데 정신 차려보니 그렇게 됐네..

다음 번엔 스케줄 관리를 더 신경 써 보도록 하자..!

 

 

3. Findings (배운 점)

이번 과제에서 js doc 생각나서 한 번 써봤다. 신기방기

 

컴포넌트를 묶어서 export하기. 이번 과제에선 못 써먹어봤지만 다음번엔 꼭..!

(출처: https://fe-developers.kakaoent.com/2022/220731-composition-component/)

// export
export const Dialog = Object.assign(DialogMain, {
  Dimmed: DialogDimmed,
  Title: DialogTitle,
  Subtitle: DialogSubtitle,
  Description: DialogDescription,
  Comment: DialogComment,
  CheckButton: DialogCheckButton,
  CheckBox: DialogCheckBox,
  TextButton: DialogTextButton,
  Button: DialogButton,
  LabelButton: DialogLabelButton,
  Divider: DialogDivider,
});

// Usage
<Dialog>
    <Dialog.Title>제목</Dialog.Title>
</Dialog>

 

그리구 오늘 lv3 과제하다가 무한루프에 걸려봤다

리덕스로 데이터 가져오고, 그 밑에다가 데이터 수정하는 코드 넣으니까 무한루프에 걸려부림 ㅋ ㅋㅋ 

무한루프를 처음 봐서 내 컴퓨터가 고장인 줄 알고 몇 번을 껐다켰는지 모르겠다..

암튼 그래서 데이터 수정하는 코드는 useEffect안에 넣어서 해결했다

 

코테 스터디에서 알게 된 거. parseInt("")하면 0이 아니라 NaN가 나온다. Number("")는 0으로 의도한대로 잘 나와줌

 

 

4. 자기선언

다음 주는 팀프로젝트 시작한다.

그래서 그 전에 파이어베이스 공부랑 과제 리뷰 끝내야 함