코딩정비소 코딩정비소

오늘 새로 배운 내용 React-icon html 줄 바꿈 button vs Input(type=button) 고민한 내용 어떻게 하면 레이아웃을 시멘틱 하게 꾸며낼 수 있을까? 참고할 만한 내용 CSS속성중 word-break: break-all; - 표나 상자의 크기를 유지하면서 '글자'단위로 끊어준다 word-break: keep-all; - 표나 상자의 크기를 유지하면서 '단어'위로 끊어준다. white-space: nowarp; - 표나 상자의 크기를 유지하지 않음 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=yhj0781&logNo=50170458458 react-icon을 사용하여 icon을 삽입해 보았다. npm ..

오늘 새로 배운 내용 Firebase Doc읽는 법. 에러 노트 작성하는 법 개발 일지 작성하는 법 고민한 내용 닉네임 변경 시 게시글 닉네임이 변경되지 않는 이슈가 있었다. 접근 방식이 잘못되었어서 많이 헤맸다. 최초 접근 방식은 이러했다. 게시글을 렌더링 하기 전 props로 전달받은 uid 값을 Firebase에 호출해서 UserInfo를 가져온다. UserInfo에 UserNickName을 가져다가 그려주려고 했다. 하지만 Firebase에서 auth에 user 정보를 가져오는 메서드를 제공해 주고 있지 않았다. => 다른 개발자 분의 풀이를 보고 깨달았다. 닉네임을 변경할 때, 유저가 작성한 모든 게시글의 닉네임 값을 경신해주는 방법이 있었다. 데이터 양이 많아지면 이것 또 다른 문제가 발생할 ..