Peridott의 개발 블로그

import './App.css';const user = { firstName : "Hong", lastName : "GilDong"}function Student(u) { return u.firstName + " " + u.lastName;}function App() { const isStudent = true; return ( The Joeun React 2024 component 실습 {isStudent ? {Student(user)}님 환영합니다 : 학원생이 아닙니다} );}function Com1() { return ( [THIS IS COMPONENT] K-Digital Tra..

import './App.css';function App() { // 변수나 함수 정의하여 사용 const name = '더조은'; let classnames = '의료용 영상'; var value = '변수들'; const funcName = () => { return '함수에서 문자 반환'; } // 사용할 때는 {}안에 넣어서 사용 return ( {name}에 오신것을 환영합니다 과정명 : {classnames} 중괄호 안에 넣을 수 있는 것들 {"문자"}와 {1+5}숫자 가능 {funcName()} : 함수 가능 {value} : 변수에 들어있는 값 출력 가능 중괄호 안에 넣..

/*// 1. 별도의 파일로 style사용import './App.css';function App() { return ( 더조은에 오신것을 환영합니다 의료용 디지털 영상 표준활용 실무 프로젝트 과정 react style적용하기 id로 style적용하기 );}*//*// 2. style을 변수에 객체로 저장하여 사용function App() { const style = { div : { backgroundColor : 'green', padding : '50px', textAlign : 'center', fontSize : '30px' }, h1 : { color : "red" }, ..

import './App.css';function App() { /* 여러줄 주석 */ // return이 한줄 일때 // return React 처음 시작 또 시작 ㅕㅕㅕ // return안이 여러줄 일때 /* 1. 소괄호를 반드시 넣어준다 2. 루트 태그를 반드시 넣어준다 */ return ( //주석 {/* 여러줄 일때는 반드시 최상위 태그가 존재해야 된다 */} React 여러줄 리턴 {/* 주석 */} )}export default App;