이번주 목표

  • BYOM 배포하기
  • SmallTalk 로그인, 회원가입, 마이페이지 완료하기
  • 9 JavaScript Interview Questions 질문 준비 및 답변 정리

6/17 (월)

🗣SMALLTALK

  • 회원가입, 로그인 데이터 처리하기 위해 redux 개념 다시 공부 ✔️

Redux...! 복잡하다..이해하는거 부터 쉽지 않다. (저만 어려운거 아니죠.....원래 어려운거죠....?) TodoList with Redux에 코드와 설명이 잘되어 있어서 차근차근 따라가보았다.

👩🏼‍🎤BYOM

  • nodejs 서버, mongodb 어떻게 배포해야하는지 순서와 개념 알아보기. ✔️

🤓 Interview Questions

  • Why is Math.max() smaller than Math.min()?
  • Why does 0.1 + 0.2 === 0.3 return false?
  • Why Does 018 Minus 017 Equal 3?

6/18(화)

🗣SMALLTALK

  • Redux Todolist 다시 개념 정리, 코드 작성

    🤓 Interview Questions

  • 나머지 문항 정리하기

6/19(수)

🗣SMALLTALK

  • LoginForm 컴포넌트, 회원가입 시작, 개인정보 페이지까지 view 만들기
    • 유저 로그인, 회원가입에 필요한 action, store, reducer 만들기
    • 소셜 로그인일 때는 어떤 과정을 거치는지 ?

🤓 JS Study

6/ 20 (목)

🗣SMALLTALK

  • 회의 : 우리 이대로 괜찮은걸까.. 일단 다음주 화요일까지, 각자 정한 목표까지 구현해오기로 했다. 개인 프로젝트만 하다가 조금 규모가 커진 어플리케이션을 팀 프로젝트로 만드려고 하니 어렵다. 생각보다 마음대로 되지 않는 것들도 많아서 속상하기도 하네염.
    처음 Redux를 쓰는 것도 어렵기도 하고ㅠ.ㅠ UI도 어렵고....애니메이션도 어렵고.....컴포넌트 나누는 것도 어렵고....로그인...회원가입...등등.. 뭐든지 처음이 어려운데 왜 이렇게 처음 하는게 많은지~~ 어려모로 부담이 많이된다.
    • 드뎌 LoginPage UI를 90% 만들었다.
    • A 컴포넌트에서 적용하고 있는 style의 class이름이랑 B 컴포넌트에서 적용하고 있는 className을 동일하게 해줬더니 똑같은 게 적용되었다. 분명 각 컴포넌트에서 불러왔는데 다른 컴포넌트에서 동일한 이름의 style을 사용하는거 보고 멘붕이 왔었다.
    • 문제의 원인은 CSS가 global하다는 것이였다. 이 말은 class가 사용할 수 있게 노출된다는 뜻이다. 이를 해결하기 위해 CSS Modules이란걸 사용하였고 적용 범위가 정해져 있는 CSS 파일들을 만들었다.
      실제로 코드에 적용하기 까지 벨로퍼트님의 [다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components] 이 글이 엄청난 도움이 되었다. 🙇🏻‍♀️

6/ 21 (금)

🗣SMALLTALK

  • 회원가입 페이지에서 화면 전환될 때 컴포넌트에 어떻게 애니메이션을 줄건지? 회원가입 페이지는 총 4단계로 나눠져있고 각 단계마다 화면에 full로 차지하게 되는데 단계마다 컴포넌트를 나누는게 맞는지? 아니면 다른 방법이 있는지?
    • 현재 구글링해서 나온 fullpage 화면들의 전환은 어떻게 이루어지지?
    • 어떤 애니메이션을 줘야하지?
    • 나와있는 라이브러리는 어떻게 사용해야할까 ?

목표: 화면 전환 완성해보기!

6/ 22 (토)

JS IS EVERYWHERE 참석!