오늘 한일
- 구글 소셜로그인
- 설명을 위한 gif 배경 만들기
- 댓글창부분 CSS
이슈 & 해결
1. 로컬에서는 잘 되던 구글로그인이 https로 배포하니 작동하지 않았다.
- 구글로그인 요청을 보내면 클라이언트id와 기타 유저정보를 보내주는 페이지의 uri가 로컬로 저장되어 있었다.
참고 : https://stackoverflow.com/questions/11485271/google-oauth-2-authorization-error-redirect-uri-mismatch
2. 댓글창 구현중 비어있는 공간을 채워 요소들이 움직이지 않게 하기위해 빈공간이 필요했는데 div를 넣고 width를 주었는데 공간이 생기지 않았다.
- min-witth를 주니 공간이 유지되었다.
느낀점
CSS작업을 하다보니 클래스네임도 그때그때 내 마음에따라 지어서 나중에 볼때 뒤죽박죽이고 규칙성을 찾기 힘들었다. BEM이라는 방식이 있었던것 같은데 다음에는 그 방식에따라 가독성 좋게 클래스 네임을 지어야겠다.
연습과 자신감