테라시아의 웹개발일기

☆ Codeimport React from 'react';// import Component1 from './Component1';// import Component2 from './Component2';import Component3 from './Component3';const Container = () => { // const name = '홍길동'; // const age = 20; // const style = { // color: "red" // }; // 컴포넌트3을 만든 후 자식 컴포넌트에게 이름, 나이, 전화번호, 주소를 전달 후 화면에 출력 const users = { name: '홍길동', age : 20, ..

1. if문을 쓰지 않고 연산자로 출력하기2. 비구조화 할당 ☆ Code ★ Jsximport React from 'react';import PassComponent from './PassComponent';import NotPassComponent from './NotPassComponent';import LuckyComponent from './LuckyComponent';import UnLuckyComponent from './UnLuckyComponent';const Jsx05 = () => { const age = 20; const [pass, notPass, lucky, unLucky] = ['입장 가능', '입장 불가', '당첨', '꽝'] const isAdult = age..

ReactJs란? - 복잡한 사용자 인터페이스(UI)를 쉽게 구축하기 위해 페이스북에서 제작된 자바스크립트 기반 라이브러리 - 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 주로 사용된다. - 특정 데이터에 변화가 생길 때 매번 변화를 주기 위한 코드를 작성하는 것이 아닌, 기존 코드를 없애고 다시 새롭게 랜더링한다. ☆ Codeimport React from 'react';const Jsx03 = () => { const name = '홍길동' const message = '환영합니다😁' return ( {name}님 {message} );};export default Jsx03;