moonzu 님의 블로그

function p1(name) {        return new Promise((resolve, reject) => { // resolve : 이행,    reject : 거부            // 대기(동기) 상태            console.log(name + "프로미스 생성");            resolve(name);        });    }    const handleClick = (e) => {        p1("p1").then(result => { // .then 또다른 대기 상태            console.log("이행");            console.log(result);        });        console.log("출력1");      ..

function add(a,b) {      return a + b; } const result = add(10, 20); -> 30 const add = (a, b) => { a + b } const result = add(10, 20); -> undifind 오류 const add = (a, b) => ( { } )    -> 객체(값) const add = (a, b) => { }    -> 함수 몸체 함수 몸체로 사용할 땐 리턴값을 주어줘야 값으로 사용 가능. 상태 App.js const [ num, setNum ] = useState(0); return           H1.js function H1( ) { } 상태를 바꿀수 있는 방법(2가지) 1. setNum(num + 10); 2. f..

▶ 리액트 JSX 자동완성 설정ctrl + shift + P 눌러서 setting.json 검색후 Open User Settings(JSON) 클릭그럼 settings.json 파일이 열리는데 파일 맨밑 마지막 괄호 전에    "emmet.syntaxProfiles": {     "javascript": "jsx"     },    "emmet.includeLanguages": {    "javascript": "html"    },를 복사 붙혀넣기 하면 이제 리턴 영역에서 태그 자동완성이 알아서 뜸!!(아주 매우 편함) ▶어제 만든 값을 입력하는 파일에 삭제 버튼을 추가하고 선택한 데이터를 삭제하는 버튼 만들기    const handleDeleteClick = (e) => {        if(win..

function App() {    // inputValue 상태    const [ inputValue , setInputValue ] = useState("");    const handleInputChange = (e) => {        setInputValue(e.target.value);    }    const handleResetClick = () => {        setInputValue("");    }    return         h3>값: {inputValue}h3>           button onClick={handleResetClick}>초기화button>         input type="text" onChange={handleInputChange} value={..

[Visual Studio 사용] 벨로퍼트와 함께하는 모던 리액트 (참고하기 !)https://react.vlpt.us/  ▶TERMINAL git bash 설정 방법 - ctrl + shift + p - >Terminal: Select Default Profile - git bash 선택 후 - terminal 에서 휴지통버튼 한번 누르면 됨 (terminal 여는 단축기 : ctrl + ` ) ▶ terminal 에서 react 폴더 설정 명령어 $ npx create-react-app first_project ( first_project  프로젝트 명)npm error code ENOENT npm error syscall lstat npm error path C:\Users\user\AppData\..