전체 > 웹애플리케이션개발 (2) 리액트 04: 컴포넌트의 섬세한 활용을 위한 props속성 사용 안녕하세요, 각성한 데브키라입니다. React 개발 과정에서 컴포넌트의 재사용성과 확장성은 매우 중요한 요소입니다. 이번 포스팅에서는 사용자 정의 태그와 속성(props)을 활용하여 다양한 표현을 가능하게 하고, 확장성을 극대화하는 방법을 살펴보겠습니다.[ 핵심 내용정리 ]React는 컴포넌트 기반의 라이브러리로, 재사용 가능한 UI 단위로 화면을 구성합니다. 이러한 컴포넌트들은 props라는 매개변수를 통해 데이터를 전달받아, 다양한 상황에 맞는 UI를 제공할 수 있습니다.1. App.js 소스코드이 코드에서 Header 컴포넌트는 props를 통해 전달받은 title 값을 활용하여, 기본 제목 "ALPHONSE"와 함께 전달받은 제목 "SNIPER"를 화면에 표시합니다. 이처럼 컴포넌트에 속성을 전달.. NodeJs: 기초부터 고급까지 실무 적용 완벽 가이드 안녕하세요. 각성한 데브키라입니다. 이 시리즈는 Node.js의 기본부터 고급 기술까지 단계별로 다룹니다. 서버 실행, 페이지 라우팅부터 nginx 연동, SSL 설정까지 실무 적용을 목표로 합니다. Node.js의 모든 것을 배워보세요. [ NodeJs시리즈 1 ]Node.js의 기초부터 심화까지, 서버 구축의 모든 것을 단계별로 배워보는 시리즈에 오신 것을 환영합니다. 이 시리즈를 통해 Node.js를 활용한 서버 실행, 페이지 라우팅, 백엔드 로직 구현 등을 마스터할 수 있습니다.Nodejs ex01: NodeJs서버실행 후 첫 화면 출력 Nodejs ex02: EXPRESS 및 EJS설정 Nodejs ex03 ex04: Router를 사용한 페이지 출력 Nodejs ex05: 라우터 컨트롤러.. 이전 1 다음
