개발/Android, Web3 [React] useState() 📌 Hook? "함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동, 연결 (hook into) 해주는 함수" ✏️ useState() useState는 함수형 컴포넌트에서 상탯값을 관리하게 해준다. 기본 구조: const [state, setState] = useState(initialState); initialState를 파라미터로 받고, state와 state를 변경할 setState함수를 반환한다. 초기값을 매개변수로 useState를 호출하면 첫 번째, 두 번째 요소에 각각 state와 setState를 받을 수 있다. **배열 비구조화 문법을 이용해 받는 것이기 때문에, state와 setState의 이름은 임의로 정할 수 있음. 사용예시: imp.. 2023. 7. 28. [React] 한입 크기로 잘라 먹는 리액트 정리 (1) 자료형과 형 변환 - Primitive Type(원시 타입) 한 번에 하나의 값만 가질 수 있다. 하나의 고정된 저장 공간 이용 let number = 10; - Non-Primitive Type(비 원시 타입) 한 번에 여러 개의 값을 가질 수 있다. 여러 개의 고정되지 않은 동적 공간 사용 let array = {1, 2, 3, 4, 5}; 자료형 코드 예시 let age = 20; //정수 let tall = 180.1; //실수 let int = Infinity; //무한대 let minusInt = -Infinity; //음의 무한대 let nan = NaN; //수학적 연산 실패 undefined 변수에 값을 할당하지 않고, 출력 시 자동으로 undefined라는 값을 할당받음 변수는 존재하나.. 2023. 7. 17. [프론트엔드] 자바스크립트(Javascript) Javascript : HTML과 CSS로 구성된 스크립트에 여러 가지 로직을 부여할 수 있는 언어 - 우리가 흔히 말하는 자바스크립트는 ES6(2015) 이상의 버전임 - Javascript는 인터프리터를 기반으로 동작함 - Babel : 여러 버전에서 사용된 JS를 최신 버전으로 변환하는 'TransCompiler'가 바벨 - SPA(Single Page Application) : 하나의 HTML 안에서 모든 페이지를 구성하는 웹 - CSR(Client Side Rendering) : 렌더링이란, 우리의 코드를 화면에 그리는 것이고 CSR은 렌더링을 사용자 브라우저에서 진행 - SSR(Server Side Rendering) : 렌더링을 (프론드엔드) 서버에서 먼저 진행 - V8 Engine : 개발.. 2023. 5. 7. 이전 1 다음
