오늘은 주신 todolist를 완벽하게 이해하고 백지상태에서부터 작성할 수 있을 만큼의 익숙함을 가지려고 했는데 시간이 부족했습니다.
Facts
html에서 작성할 때 주의점
<input type="text" id="input-todo-title" placeholder="입력하세요" />type=“text” 할 때 다 붙여 쓰기!
화살표 함수 작성 시
const createList = text =>{
}/// text 자리가 parameter 자리인데 parameter 이 하나 이면 () 안 써도 됩니다.
const createList = (text, id) =>{
}/// 두 개 이상 쓸 시 () 쓰도록 합시다.코드 작성 시 주의점
- 비즈니스 로직과 화면 처리 하는 코드를 분리 합시다
- 함수 내에 역할과 책임을 잘 구분하고 역할과 책임을 각 하나씩만 부여하도록 하자. clean coding 합시다.
- if 를 왠만하면 쓰지 말도록 하자. 2개 이상 되면 너무 복잡해집니다
- object, function, variable 등을 선언 할때 길이가 길어져도 그 것의 역할이나 책임에 맞는 단어를 쓰도록 합시다.
삼항 조건 연산자,Conditional operator
조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 보통 if 명령문의 단축 형태로 쓰입니다.
function getFee(isMember) {
return (isMember ? "$2.00" : "$10.00");
}//
console.log(getFee(true));
// expected output: "$2.00"
console.log(getFee(false));
// expected output: "$10.00"
console.log(getFee(1));
// expected output: "$2.00"Feelings
쓰트뤠스!
Findings
함수 내에 역할과 책임을 잘 구분 하지 않고 이름들도 그 역할이나 책임에 따라 짓지 않는다면 나중에 수정, 찾기, 재사용 할때 많은 불상사가 많이 생깁니다.
Future Action Plan
함수들은 역할과 책임은 왠만하면 한개만 지정합시다. 이름도 그에 맞게 네이밍 잘합시다.
Feedback
관리 잘 합시다