구문 오류: 요청된 '*.js'가 'default'라는 내보내기를 제공하지 않습니다. default를 사용하지 않고 export만 사용했는데 문제가 발생하였습니다 계속 값을 왜 못찾지 default를 사용하지도 않았는데 이런 생각을 하게 되어 > export / export default차이점 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export 을 보고 차이점을 잘 보게 되었습니다. export: 한 파일(.js) 안에서 여러개를 내보낼 수 있다. export default: 한 파일(.js)안에서 한개만 내보낼 수 있다. 현재 export, export default를 사용하고 있습니다. 그리고 다음과 같은 문..
> create-react-app facebook에서 만든 지속적으로 업데이트 되는 공식적인 react 웹 개발용 boilerplate 입니다. > 실행 1. npm 설치, nodejs 설치 다운로드 site https://nodejs.org/ko/download/ 설명 site https://hello-bryan.tistory.com/95 2. create-react-app 설치 https://github.com/facebook/create-react-app 다음 page에 가면 잘 알 수 있습니다. $ npx create-react-app [폴더 이름] -g : 전역 모드(즉, 명령 과 함께 -g또는 --global명령에 추가됨)에서는 현재 패키지 컨텍스트(즉, 현재 작업 디렉토리)를 전역 패키지로 ..
github를 하면서 commit 메시지를 계속 나에 맞춰서 바꿔왔는데 이렇게 있었다니 ;;;; 이제라도 이렇게 작성을 하면서 나의 실력을 늘려가야 겠습니다. > Structure(구조) type(): - 헤더 - 빈칸 [body] - 본문 - 빈칸 [footer] - 바닥글 1. 커밋 성격(type) - feat: 새로운 기능 추가 - chore: 빌드 업무 수정, 패키지 매니저 수정(자잘한 수정) - docs: 문서 수정 - fix: 버그 수정 - refactor: 코드 리펙토링 - test: 테스트 코드, 리펙토링 테스트 코드 추가 - build: 빌드 관련 파일 수정 - style: 코드 스타일, 세미콜론 누락, 코드 변경(X) - ci: CI관련 설정 수정 2. Subject - 영문 기준 50..
> Array.from() & Object.assign() 배열, 객체 복제하는 방법 (주소 다릅니다.) //Array.from() var a = [1, 2]; var b = Array.from(a); //Object.assign() var a = {a: 'a'}; var b = Object.assign{{b: 'b'}, a}; // {b: 'b'} 객체에 a를 추가 하는 것(주소 다르다) b => {b: 'b'} + {a: 'a'} => {b: 'b', a: 'a'} > push() & concat() push()는 같은 주소에서 변경시킵니다. concat()은 복제본(주소 다른)것을 만들어 변경시킵니다. //push() var a = [1, 2]; a.push(3); console.log(a); //..
> *.preventDefault() event(*)의 기본적인 동작 방법을 못하게 할 때 사용 ... bind() 함수내의 this를 설정해줍니다. 여러개의 인자를 사용할 수 있다. bind()의 2번째 3번째 인자는 해당 함수의 첫번째(bind-2번째), 두번째(bind-3번째)로 들어간다. //obj객체를 test()안으로 주입을 해줍니다. var obj = {name: 'gpaeng'}; function test(num1, num2) { console.log(this.name); }.bind(obj, 1, 2); // 1 => num1 // 2 => num2 > onChangePage Component event만들기 onChangePage에 함수를 설치하면 event가 발생 되었을 때 props..
> JS info https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info > 함수형 프로그래밍 & 컬렉션 중심 프로그래밍 https://www.inflearn.com/course/%ED%95%A8%EC%88%98%ED%98%95-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/dashboard [무료] 자바스크립트로 알아보는 함수형 프로그래밍 (ES5) - 인프런 | 강의 마플(http://www.marpple.com)의 CTO 유인동님이 알려주는 함수형 프로그래밍에 대한 강좌 입니다. 함수형 프로그래밍으로 라이브러리를 직접 만들어가며 함수형 프로그래밍의 패러다임과 코딩의 즐거 www.inflearn.com ..
react-router-dom https://reactrouter.com/web/api/Link/to-object react-router : react의 화면 전환을 도와주는 역할 일반적인 웹에서는 을 이용해서 이동했다면 react에서는 (링크 형식으로 나옵니다)을 이용해서 이동한다. 설명 index.html의 id=root부분을 채워 넣기 위해 index.js로 App.js를 연결 해줍니다. App.js 에서 react-router-dom을 사용해서 홈페이지 이동이 잘 되게 해줍니다. Navigation.js는 react-router의 Link태그가 있는 부분입니다. index.js index.html 의 id=root부분에 App.js가 실행 되게 해줍니다. Navigation.js => \ 으로 이..