농사꾼개발자

Hook ?? 1. state hook useState를 이용하여 현재의 state 값과 이 값을 업데이트 하는 함수의 쌍 import './App.css'; import {useState} from 'react'; function App() { const [data , setData] = useState((new Date().toString())); return ( react hook {data} { setData(new Date().toString()); }}> 현재시간 ); } export default App; 2. Effect hook class 생명주기의 componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것? 첫번째 랜더링과 이..

1. 컴포넌트란? "독립적인 기능을 수행하는 단위 모듈" 소프트웨어의 재사용성을 높이고 유지보수를 용이하게 하기 위해 나온 기술 리액트에서 컴포넌트는 앱을 이루는 최소한의 단위 여러개의 컴포넌트가 모여 하나의 앱을 구성 2. 함수 컴포넌트와 클래스 컴포넌트 함수 import React from "react"; function SecondComponent(){ return SecondComponent } export default SecondComponent; 클래스 import {Component} from 'react'; class FirstComponent extends Component{ render(){ return( FirstComponent ) } } export default FirstCom..

CORS(Cross-Origin Resource Sharing) 교차출처 리소스 공유 protocol, host, port가 일치해야 가능 http://localhost:8080 => http://localhost:8081(X) http://localhost:8080 => http://localhost:8081(X) 셋다 일치해야 가능함. 하나라도 다르면 안됨 IE11은 포트가 달라도 된다는데 확인안해봄. IE 안씀 xhr, axios, fetch비교 1. xhr 사용 - 2. axios 사용 - 3. fetch 사용 - jquery를 이용하여 ajax 호출하는게 쉬움....jquery는 그만쓰자 preflight 없는 Simple-Request 가능 Content-Type application/x-ww..

일단 node.js를 설치하자 다운로드 | Node.js (nodejs.org) 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 그담엔 visual studio code를 설치하자 Visual Studio Code - Code Editing. Redefined Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio..

시작합니다. 부자됩니다.