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;

sendRedirect Ex sendRedirect Ex 03.2.response.jsp파일의 본문 입니다

--%> public int min(int x, int y) { return x > y ? y : x; } --%> int num = 1; --%> num = num 3와 5중 작은 수는? min(3,5)

* slideDown() slideUp() 선택된 요소가 점점 위로 말려올라가면서 사라지고 점점 내려오면서 보여지게 하는 메소드 SlideUp SlideDown Lorem ipsum, dolor sit amet consectetur adipisicing elit. In ipsum quod numquam, optio voluptate necessitatibus expedita magni dolorum quis inventore sed modi facilis, maxime nesciunt labore cumque provident commodi molestiae! --> 질문에 대한 답 보여주기 Q. 질문입니다. A. 질문..

* fadeIn() fadeOut(), fadeToggle() 선택된 요소가 점점 투명해지면서 사라지고 점점 선명해지면서 보여지게 하는 메소드 FadeOut FadeIn FadeToggle Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt culpa accusantium illo fugit dolores non, perspiciatis odit rerum veritatis nisi iste numquam quasi laborum earum temporibus nihil ratione voluptate minima? Lorem ipsum dolor sit a..

시각적인 효과(Effect 메서드) 페이지 내에 애니메이션 효과를 주기 위해 사용되는 메서드들 * show() hide(), toggle() 선택된 요소가 점점 커지면서 보여지고, 점점 작아지면서 사라지게 되는 메소드 숨기기 보여주기 토글 Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt culpa accusantium illo fugit dolores non, perspiciatis odit rerum veritatis nisi iste numquam quasi laborum earum temporibus nihil ratione voluptate minima? ..

이벤트 핸들러(이벤트 발생시 실행될 function) 연결 방법 방법1. 이벤트 메서드를 이용한 연결 $('선택자').이벤트메서드(function() { 해당요소에 해당 이벤트가 발생되면 실행할 내용; }) 클릭해보세요 방법2. on 메서드를 이용한 연결 $('선택자').on('이벤트명', function() { 해당요소에 이벤트가 발생되면 실행할 내용; }); 마우스 클릭 및 올려보세요 방법3. on 메서드를 이용한 하위요소에 이벤트 걸기 $('상위요소선택자').on('이벤트명', '하위요소선택자(이벤트를 걸고자..