2024-11-04(개발 뉴스,비교,+연산자,early return)

개발뉴스

• 실제로는 훨씬 더 많은 사람들이 AI 프로젝트에 참여했고 처음 오픈소스에 기여하는 사람들도 많아졌고 Python이 처음으로 JavaScript을 제치고 가장 인기 있는 언어가 되고 Jupyter Notebooks도 급등했다. 글로벌에서 AI가 크게 떠오르고 있고 아프리카, 라틴 아프리카, 아시아에서 개발자가 빠르게 증가하고 있다.
  (원본)
• 리액트에서 화살표함수를 선호하는 이유 (원본)
  
  • 간결한 문법 (간결한 문법)
  • lexical this (this 바인딩, 외부 스코프에서 상속)
  • 콜백함수에 적합 (JSX인라인 작성시 유용)
  • 암시적반환 (return 키워드 없이 가능)

---

느슨한 비교 vs 엄격한 비교

느슨한 비교는 자체적으로 타입 변환이 발생할 수 있어 항상 엄격한 비교를 사용! (타입변환까지도 필요한 경우는 느슨한 비교)

// 느슨한 비교
console.log(5 == '5'); // true
console.log(0 == false); // true
console.log(null == undefined); // true

// 엄격한 비교
console.log(5 === '5'); // false
console.log(0 === false); // false
console.log(null === undefined); // false

 

변수 선언은 항상 키워드는 const로 시작!

=> 재할당이 필요한 경우만 let

 

+연산자를 사용하면 number타입으로 변환

const handleChange = (event) => {
    setAge(+event.target.value); // + 연산자를 사용하여 number 타입으로 변환
  };

 

early return vs if/else

유효성 검사시 코드 가독성상 early return 방식을 더 선호

// early return
const addUser = (e) => {
    e.preventDefault();
    if (!name || !age) {
      alert("이름과 나이를 모두 입력해주세요.");
      return;
    }

    setUsers([...users, { id: Date.now(), name, age }]);
};


// if/else
const addUser = (e) => {
    e.preventDefault();
    if (!name || !age) {
      alert("이름과 나이를 모두 입력해주세요.");
    } else {
	    setUsers([...users, { id: Date.now(), name, age }]);
	  }
};

 

key 값을 비교후 달라진 가상DOM 요소만 브라우저에 렌더링 요청