[nwitter] #2 개발일지

오늘 새로 배운 내용

• 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 i 하여 아이콘 정보를 import 해주기만 하면 되었다.
  icon img의  width, height 값이 넣어지지 않아서 공식 사이트에서 찾아보니 size라는 프로퍼티를 제공하고 있었다. 
  https://github.com/react-icons/react-icons
  https://react-icons.github.io/react-icons

React Icons

 

회고

• 설계하지 않고 무지성으로 검색해가면서 개발할 수 있다. 그러나 돌아간다는 느낌을 받을 수 있었다. 시간이 지나고 소스를 보면 과연 이개 좋은 코드인가? 의심을 할 수밖에 없었다. 시간이 좀 걸리더라도 충분히 이해하고 설계해서 개발하는 습관을 가지자

Today Commit

• https://github.com/ckdtjs505/nwitter/commit/e7360cc58d4b021c318dedebc87dc04a0b5b33ed
• https://github.com/ckdtjs505/nwitter/commit/a5be4a84e151bab955f323a94c44d4e4792830a8