미리보기 띄우고 시작(터미널에서 npm start) app.js에서 하나만 남기고 시작 근데 js파일에서도 html 코드 작성 가능하네? ()

React의 주석 자바스크립트와 동일하게 한 줄 주석은 //로 여러 줄 주석은 /**/로 처리합니다. JSX의 주석 자바스크립트의 여러 줄 주석을 {}로 감싸준 형태로 사용합니다. {/**/}

코딩애플의 리액트 강의 영상을 따라하면서 node.js 깔고 npx create-react-app blog 하니까 안되는거임 그래서 캐쉬삭제했다가 노드 완전 삭제하고 다시 깔고 난리 부르스 치다가 다시 책을 보니 프로젝트 생성 명령으로 npx init react-app blog하니까 create-react-app 패키지를 깔아야한다고 깔겠냐고 물어보는거임 !!!! 패키지가 없었던 것 ㅜㅜㅜ node.js깔면 자동으로 깔리는 거 같던데 왜 이렇게 된건지 모르겠다. 여러분들도 init react-app으로 해보세요 ! 참고로 node.js 삭제 후 재설치 하실 분들은 아래 글 참고하시면 좋을 듯 합니당 https://unit-15.tistory.com/205 윈도우 Node.js 설치 방법 (완전 삭제 및 ..

콜백함수 정의 : 함수에 파라미터 형태로 들어가는 함수 용도 : 순차적으로 코드를 실행하고 싶을 때 사용 주로 이벤트리스너를 배우게되면 콜백 함수를 가장 먼저 발견하게 되는데요 HTML의 어떤 버튼을 눌렀을 때 특정 자바스크립트 코드를 실행하고 싶다면 이벤트리스너를 만들게 됩니다. addEventListener함수의 파라미터 자리에 또 하나의 함수(function(){})를 집어넣고 있습니다. 이것이 콜백함수입니다. 위의 setTimeout함수에서도 콜백함수를 발견할 수 있습니다. 1초 경과 후에 어쩌구저쩌구 실행해주세요 라는 뜻입니다. 이 함수에서도 콜백함수를 집어넣게 되어있습니다. 콜백 함수의 특징이 있는데요 첫 번째. 다른 곳에서 정의한 함수도 콜백함수로 넣을 수 있다. 두 번째. 콜백함수에 함수명..

function outter(){//외부함수 var title = 'coding everybody'; return function(){//내부함수 alert(title); } } var inner = outter(); inner(); 외부함수 outter에 내부함수가 정의되어 있고, 내부함수를 return하고있다. outter함수는 return하고 있다. 그럼에도 불구하고 내부함수에서는 외부함수의 지역변수title에서 가져와서 inner를 호출하고있다. inner함수를 호출한다는 것은 내부함수에 있는 alert(title)이라고 하는 이 구문을 실행 하는 것인데 title은 내부함수에 존재하는 값이 아니고 외부함수 outter에 존재하는 값이다. 즉, 외부함수는 이미 종료되었는데 우리는 그 외부함수로 인..

JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. function a(){} //var a=function(){}와 동일함 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. a = { b:function(){ } }; 변수 a에 객체를 정의함 ( 객체는 중괄호로 시작해서 중괄호로 끝) 객체안에 b라는 key가 있음 key의 값은 function이라는 값(value)이 있음 b(key)는 이 객..