리액트 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다중 행 화살표 함수: 함수 본문이 여러 줄의 코드를 포함할 때는 {}를..

• format_list_bulleted 리액트
• · 2024. 5. 13.
• textsms

리액트 객체, 배열, 연산자

오늘은 리액트 강의를 들어본다... 리액트 공부를 시작하면서 필요한 자바스크립트 부분은 정리를 해주셔서 일단 듣고 내용 정리! 1. let, const변수는 프로그래밍에서 데이터를 저장하고 관리하는 핵심 요소로, 코드의 재사용성, 유지보수성, 가독성을 높이는 데 중요한 역할을 합니다. 자바스크립트에서는 주로 let, const, var 세 가지 키워드를 사용하여 변수를 선언합니다. 이들 각각은 다른 특성과 사용 사례를 가지고 있으며, 적절한 사용은 프로그램의 안정성과 확장성에 크게 기여합니다.let과 const는 블록 스코프를 가지며, 이는 해당 변수들이 선언된 블록 내에서만 유효함을 의미합니다. const는 값을 재할당할 수 없는 상수를 선언할 때 사용되며, 프로그램 내에서 변경되지 않는 값을 명확히 ..

• format_list_bulleted 리액트
• · 2024. 5. 10.
• textsms