2021-02-18 코드 리뷰 : 로또 미션 1차

0307kwon·2021년 2월 27일
1

코드리뷰

목록 보기
5/6

https://github.com/woowacourse/javascript-lotto/pull/18

[CSS class Naming] {BEM} - 3

내용

  • BEM은 css class의 이름을 좀 더 관리하기 쉬운 형태로 만들기 위한 방법론임

  • 네이밍은 Block__Element--Modifier로 표현됨. 각 요소는 하이픈(-)으로 긴 문자열을 표현할 수 있음

  • BEM은 Block, Element, Modifier의 약자임

    • Block : 재사용 할 수 있는 기능적으로 독립적인 페이지 구성 요소
    • Element : block에 종속되어 있는 요소로, 어떤 목적을 가지고 있는지가 드러나야 함
    • Modifier : 다른 Block이나 Element와 거의 같지만 다른 성질이나 상태를 가지고 있는 경우.
      • boolean type : 수식어의 값이 true 라고 가정한다.
        (ex : form__button — disabled)
      • key-value type : key, value를 하이픈으로 연결하여 성질 - 내용을 표시한다.
        (ex : color-red, theme-ocean)
  • 자바스크립트 훅으로 사용하는 경우
    airbnb에서는 css 클래스 명에 접두어 'js-'를 붙이는 것을 권장
    출처

링크

  • https://velog.io/@solmii/CSS%EB%B0%A9%EB%B2%95%EB%A1%A01-BEM-a.k.a%EC%9E%91%EB%AA%85%EC%86%8C
  • http://getbem.com/introduction/
  • https://css-tricks.com/bem-101/

[기타] {코드 가독성} - 2

내용

  • [x] 함수 이름을 너무 짓기 힘들면 해당 함수가 정말 필요한지 다시 고민해보기
  • [x] click 이벤트에만 집착하지 말고, tag에 맞는 적절한 이벤트 고려하기

[기타] {모든 파일의 끝에 eol(개행문자)을 넣어줘야 하는 이유} - 2

내용

  • 옛날 IEEE에서 한 개의 line에 대해 다음과 같이 정의 했기 때문
    0 또는 개행문자(newline)가 아닌 문자들이 나오다가 개행문자(newline)로 끝이 나는 시퀀스
  • 현대에 사용되는 컴파일러들이 파일 끝에 eol이 없어서 컴파일이 안되는 경우는 없음
  • 하지만 내가 의도한 바와 다른 결과가 나올 수 있기 때문에 되도록 eol를 넣어주는 것이 좋다.

링크

  • https://minz.dev/19
profile
프론트 개발자를 꿈꾸는 학생입니다.

0개의 댓글