-
[React 튜터링 일지] React 기본 2주차React.js 2020. 12. 3. 13:13
소소하게 React를 이용한 웹 개발 튜터링을 진행하게 되어 일지를 남긴다.
1. Github
- Commit, Branch, Remote repository, staging 등
- Pull Request 통한 코드 반영 필요성과 PR 생성 방법
- develop branch 기준 개발하도록 전달
2. 코드리뷰
-
rendering function에 validation logic 있어서 분리 요청
함수에는 각자 "역할" "책임"이 있고 그에 맞게 적절히 분리되어야 한다.Class 내부의 method는 소문자로 시작하는게 국룰이다. -
radio button handling 코드 예시 추가
https://github.com/qnbz209/pogomgom-react/pull/1/commits/a60a9366a61ec6662e51e1eeb8744635b4126c6b -
Component 이름은 보통 대문자로 시작하는 PaskalCase로 작성하는게 국룰이다.
https://github.com/airbnb/javascript/tree/master/react#naming
"Filename: Use PascalCase for filenames. E.g., ReservationCard.jsx."
그리고 원래 영어로 "id field"와 같이 합성어라면 그 띄어쓰기를 붙이고 새 단어의 시작은 대문자로 한다. -
"idField" -> (class이름이니까 PascalCase로) "IdField"
-
react 안에서는 모든 html 처럼 보이는것들이 html이 아닌 JSX이기 때문에
onclick
대신onClick
과 같이 써야 제대로된 React Element로 생성됩니다.
https://ko.reactjs.org/docs/handling-events.html -
emailcheck
함수는 email check라는 합성어이므로emailCheck
로 naming하는게 좋습니다. -
javascript
==
vs===
if ('') // -> false if (0) // -> false if (0이 아닌 number) // -> true if (null) // -> false if (undefined) // -> false
'React.js' 카테고리의 다른 글
[React 튜터링 일지] React 기본 3, 4주차 (0) 2020.12.15 [React 튜터링 일지] React 기본 1주차 (0) 2020.11.27 [초심자 튜터링] React의 render() 리턴에 대하여 (0) 2020.11.26 React project structure articles (0) 2020.11.17 React Router에 대해서 내가 모르던 것들 (0) 2020.11.04