2020-04-14 TIL April 14, 2020

오늘 해야 할 일

1 인프런 강의 마무리!

• 2시간 분량 남았다. 바짝 집중해서 끝내자.
• 끝난 뒤에 블로그 글 쓰는 거 잊지말고.
• 블로그에 올렸던 것들 한번씩 다시 만들어보자.

2 Bside 프로젝트 로그인 페이지 만들기

• 아직 시안이 안나왔으니까 너무 고민하지 말자.
• 기본적인 기능만 추가하면 된다.
• 가볍게 html/css로 페이지를 만들어 놓고 react로 만들자.
• develop에 merge까지 완료한 후 블로그에 기록하자.

3 AWS에 Node로 Bside 프로젝트 백앤드 구성

• Bside 프로젝트를 똑같이 express로 만들어보자.
• 일단 로그인 부터 구현하자.
• AWS에 CI/CD, CloudFront 구성을 완료하고 블로그에 기록하자.

4 개인 프로젝트 main 화면 재구성

• 인프런 CSS 강의를 하나 마무리 지었으니 다시 개인 프로젝트 도전.
• main화면 기획을 꼼꼼히 하고 넘어가자.

---

오늘 한 일

1 인프런 강의 마무리 - 완료

• 나에게는 정말 유익한 내용이었다.
• layout 자신감 +1
• 내일 한번 더 복습해야지.

2 Bside 프로젝트 로그인 만들기 - 완료

• 생각보다 시간이 너무 많이 들어갔다.
• 2가지 난관이 있었다.

• 첫 번째. Facebook login button 스타일 설정.

  • 디자인은 최대한 간소하게 할꺼야 라고 다짐했는데 발목이 잡혔다.
  • react-facebook-login package를 사용했는데 마음대로 custom이 잘 안됐다.
  • npm페이지에서 제공하는 방식은 TypeScript에서는 잘 안먹힌다.
  • ReactFacebookLoginProps의 buttonStyle, containerStyle로 해결했다!

• 두 번째. Render methods should be a pure function of props and state. warning 처리.

  • 원인을 찾느라 시간이 좀 걸렸지만 잘 해결했다.

오늘 목표는 3, 4까지 완료하는 것이었는데 반 밖에 못했네.

내일은 시간내기 어려울 것 같고, 목요일에 3번, 4번을 진행하자.

인프런에 인터랙티브 웹 개발 제대로 시작하기 도 듣고 싶다.