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

내용

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

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

내용

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

링크

• https://minz.dev/19