반응형 react4 [JavaScript 문법] 43일차: React 기초 React란?React는 Facebook에서 개발한 사용자 인터페이스 구축을 위한 JavaScript 라이브러리입니다. React는 컴포넌트 기반 아키텍처를 사용하여 UI를 구성하고, 상태 관리 및 효율적인 렌더링을 지원합니다. React의 주요 개념으로는 컴포넌트, props, state 등이 있습니다.컴포넌트컴포넌트는 React 애플리케이션의 기본 단위로, 독립적이고 재사용 가능한 UI 요소입니다. 컴포넌트는 함수형 컴포넌트와 클래스형 컴포넌트로 나뉩니다.함수형 컴포넌트함수형 컴포넌트는 JavaScript 함수를 사용하여 컴포넌트를 정의합니다. 함수형 컴포넌트는 props를 인수로 받아 JSX를 반환합니다.예제: 함수형 컴포넌트function Welcome(props) { return Hello, .. 2024. 9. 13. [JavaScript 프레임워크] 7일차: JavaScript 프레임워크에서 컴포넌트 재사용 및 테스트하기 7. 컴포넌트 재사용 및 테스트프로젝트 개요이번 글에서는 JavaScript 프레임워크에서 컴포넌트를 재사용하고 테스트하는 방법에 대해 알아보겠습니다. 컴포넌트 재사용은 코드의 유지보수성을 높이고, 테스트는 코드의 신뢰성을 높이는 중요한 과정입니다. React, Vue.js, Angular 각각의 프레임워크에서 이 방법을 다룹니다.React컴포넌트 재사용React에서는 컴포넌트를 재사용 가능하게 설계할 수 있습니다. Button 컴포넌트 예제// src/components/Button.jsimport React from 'react';function Button({ onClick, children }) { return ( {children} );}export default Bu.. 2024. 8. 7. [로드맵] Javascript 로드맵 1. Javascript1.1 Javascript(기본: VanillaJS + ModernJS) 1.2 Javascript(상세) 1.3 Javascript(기본: ES2018이후) 2. Typescript2.1 Typescript 2.2 Typescript(상세) 3. 코딩테스트3.1 프로그래머스 4. 전문분야4.1 웹: 프론트엔드(HTML/CSS/Bootstrap/JS/React.js) 4.2 웹: 백엔드(Node.js/Express.js/Socket.io/Nest.js) 2024. 7. 13. [컴공 학습 순서] 4. Javascript Javascript + Typescript + Visual Studio Code + Node.js - Vanilla Javascript - Modern Javacript - Node.js - MDN Web Docs - Typescript / Typescript(ko) - npm (Frontend) - Fetch API - Vue / Vue(ko) - React - NextJS - tailwind CSS - styled-components (Backend) - Express - NestJS (AI) - TensorflowJS - Three.js - 생활 코딩 - HEROPY 블로그 - DreamCoding Academy 2023. 8. 19. 이전 1 다음 반응형