코코아톡 클론코딩 - 강의결과물

work [ 30시간 48분 ]

lecutre [ 코코아톡 클론코딩 - 노마드 코더 Nomad Coders ]

ghpage [ https://unchaptered.github.io/2021-07-clone-kokoa/ ]

강의후기 [ 코코아톡 클론코딩 - 강의후기 :: Unchaptered의 초보코딩 (tistory.com) ]

강의결과물 [ 코코아톡 클론코딩 - 강의결과물 :: Unchaptered의 초보코딩 (tistory.com) ]

 

첫 HTML,CSS 코딩이라 많은 에러 및 해결점 들이 발견되었던 것 같다.

• display: flex
  • 너무 좁은 경우 : 오브젝트들이 겹쳐지거나, 글자가 겹쳐지거나, 글자가 두 줄로 변함
  • 너무 넓은 경우 : 오브젝트들이 너무 넓어짐
  • Solution : @media screen and (max-width: ...) 등을 이용하자
  • Porblem of Solution : 미디어 쿼리를 사용할 경우 작업량이 늘어나는 데... 이를 해결할 방법이 필요할 듯 하다.
• bem
  • Block : (상단)네비게이션_바, (하단)주석_바, (중앙)내용부분
  • Elemnt : nav_column, nav_row, nav_img, nav_text 등등
  • Modifier : nav_column-size, nav_row-size, nav_img-size, nav_text-size 등등
  • Problem : bem 을 사용할 경우 id나 class가 지나치게 길어지는 경향이 있음.
  • Solution_1 : bem 을 사용하되 최대한 약어를 사용하도록 하자.
  • Solution_2 : 단일 css 요소를 추가하거나 제거하는 경우에는 bem을 사용하지 말자.
• github
  • ghpage : 뭔가 잘못 건드려서 파일이 날아가거나 에러가 발생하는 경우가 있다.
  • Soluton : 정해진 방법으로만 github 를 사용하자.. 에러가 나면 구글링을 하는 수밖에 없다.

 

012345678910