분류 전체보기268 (2).이정환_react.js강의_ 이벤트 핸들링에서 이벤트 객체 , 합성이벤트객체(작성중) 합성이벤트 객체 :어떤 짓거리 할 때, 등장하는 새끼? : 이벤트 핸들러 함수에서 이벤트 객체 사용시, 이때, 이벤트 객체가 합성객체(SyntheticBaseEvent)이다.예시 코드 :Button.jsfunction Button(props) { const { color = "purple", text, children } = props; const onClickButton = (event) => {//핸들러 console.log(event);//event를 출력해보라고 함 }; return ( //onClick 속성에 함수 대입 => 버튼 누를시, 핸들러 발생 {text} {children} );}export default Butt.. 2025. 1. 13. (1).이정환_react.js강의_ 컴포넌트 1. 부모 컴포넌트, 자식 컴포넌트ex_import Header from "./components/Header";function App() {//부모 컴포넌트 return ( //자식 컴포넌트 안녕 리엑트! );}export default App;2. React에서 App 컴포넌트 특징 :App. 모든 자식 컴포넌트의 상위 컴포넌트 => 따라서, App 컴포넌트를 '조상'컴포넌트 || 'Root' 컴포넌트 라고 한다.3. React 프로젝트의 일반적 초기 셋팅 컴포넌트 구조App.jsimport Footer from "./components/Footer";import Header from "./components/Header";import Main from "./co.. 2025. 1. 13. (5)MonggoDB 셋팅(작성중) ● 이론0_우리가 사용할 MonggoDB사용 방법- 컴퓨터 설치해서 사용 :- 직접 별도의 서버를 운영하고, 거기에 MonggoDB 설치해서 사용- MongoAtlas라는 서비스를 이용● 과정1_ MonggoDB Atlas 사이트 회원가입 후, 체크하기MongoDB Atlas | MongoDB MongoDB AtlasGet started free. No credit card required.www.mongodb.com - 회원가입 후, 아래와 같이 입력, 체크 하시오.- 그 다음, ' Preload sample dataset '부분을 체크 해제 => ' Create Deployment ' 클릭- 기억하기 쉬운 'Username', 'Password' 입력 후, 'Create Database User ' .. 2025. 1. 4. (4)API라우터의 함수 파라미터 중 하나인 Response의 구성 : status, send //이번 테마는 시발 무슨소린질 모르겠음 ● 이론1_ Responce 파라미터의 의미 : 주로 리퀘스트의 상태코드 + method에 대한 응답 결과 를 나타내는 데이터 정보같음 //뭔말이야 시발● 이론2_ Request의 Method 에 따라 상태코드와 응답 결과를 나타내는 코드 구현해보기- index.js //라우터export default function (req, res) { //매개인자 순서 중요 switch (req.method) { case "POST": res.status(201).send({ title: "위키피디아 Next.js", url: "https://en.wikipedia.org/wiki/Next.js", }); break; case "GET": .. 2025. 1. 4. 이전 1 ··· 6 7 8 9 10 11 12 ··· 67 다음
