[1단계 - 행운의 로또 미션] 미키(권세진) 미션 제출합니다 #18
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- fix - 구입 금액을 잘 못 입력해도 다음 단계로 넘어가던 버그 수정 - refactor - 숫자와 alert 메세지 상수화
- 폴더명 일관성 있게 변경
JaeYeopHan
suggested changes
Feb 18, 2021
| display: none; | ||
| } | ||
|
|
||
| .lotto-ticket { |
There was a problem hiding this comment.
css class naming은 BEM이라는 방법론에 대해 알아봐도 좋을 것 같아요!
There was a problem hiding this comment.
BEM방식이 관리하기 쉬운 방식인 것 같네요! 감사합니다 👍
src/js/index.js
Outdated
| $modalClose.addEventListener('click', onModalClose) | ||
| const lottoUI = new LottoUI(); | ||
| const lottoController = new LottoController(lottoUI); | ||
| lottoController.init(); |
There was a problem hiding this comment.
빨간 표시가 있는데, 요 부분에 대해 살펴봐도 좋을 것 같아요!
There was a problem hiding this comment.
빨간 표시가 어떤 부분을 말씀하시는지 이해를 못했습니다 ㅠ 자세히 알 수 있을까요?! 😢
There was a problem hiding this comment.
헉 저 표시가 경고 문구였다는 사실을 몰랐었네요!
항상 파일 끝에는 eol을 넣어주는 것이 맞군요.
새로운 사실을 알게 되었습니다. 감사합니다! 👍
0307kwon
commented
Feb 21, 2021
There was a problem hiding this comment.
리뷰 감사합니다!
한 가지 이해를 못한 부분이 있어 질문드렸습니다 ㅎㅎ
(#18 (comment))
좋은 하루 보내세용! 😊
[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)
- boolean type : 수식어의 값이 true 라고 가정한다.
링크
- 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를 넣어주는 것이 좋다.
링크
| display: none; | ||
| } | ||
|
|
||
| .lotto-ticket { |
There was a problem hiding this comment.
BEM방식이 관리하기 쉬운 방식인 것 같네요! 감사합니다 👍
src/js/index.js
Outdated
| $modalClose.addEventListener('click', onModalClose) | ||
| const lottoUI = new LottoUI(); | ||
| const lottoController = new LottoController(lottoUI); | ||
| lottoController.init(); |
There was a problem hiding this comment.
빨간 표시가 어떤 부분을 말씀하시는지 이해를 못했습니다 ㅠ 자세히 알 수 있을까요?! 😢
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
1단계 - 행운의 로또 미션 🍀
데모 사이트
안녕하세요 @iborymagic 와 페어를 진행한 미키입니다! 🐭
저희는 이번 로또 미션 프로젝트가 규모가 작기 때문에
MVC 모델을 적용해야 할 필요를 느끼지 못해 의견을 나눈 끝에
controller(비즈니스 로직) + ui 형태로 웹을 구성하였습니다.
저희는 규모가 작아서 이런 방식이 괜찮다고 생각하였는데 리뷰어님의 의견이 궁금합니다ㅎㅎ
또 저희가 함수 이름에 대해서 고민하는 시간이 많았는데요
특히 아래와 같은 함수 이름에 대해서 고민이 많았습니다.
로또를 최소 한 장은 구입할 수 있어야하므로
로또 가격보다 입력 금액이 작은지를 판단하는 함수입니다
혹시 리뷰어님이시라면 어떤 함수 이름을 지으셨을지 궁금합니다 😃
리뷰해주셔서 감사합니다! ㅎㅎ