리액트 SPA, 프롭스, JSX 등

화살표 함수 (Arrow Function)화살표 함수는 기존의 함수 표현식보다 문법이 간결하여 코드를 더 깔끔하게 작성할 수 있습니다. 기본 구조는 () => {} 형태입니다.기존const addTraditional = function(a, b) { return a + b;};console.log(addTraditional(5, 3)); // 출력: 8단일 표현식 화살표 함수: function 키워드 없이 함수를 더 간결하게 표현할 수 있으며, 단일 표현식에서는 {}와 return 키워드가 필요 없습니다.const addArrow = (a, b) => a + b;console.log(addArrow(5, 3)); // 출력: 8다중 행 화살표 함수: 함수 본문이 여러 줄의 코드를 포함할 때는 {}를..