React Study (8) 썸네일형 리스트형 Web-Javascript 기본 개념 window 객체 모든 객체가 소속된 root 객체이고, 전역객체이면서 창이나 프레임을 의미한다. -> 전역변수를 생성하고, 함수를 생성한다 라는 의미는 각각 window의 속성(변수), window의 함수를 의미한다. alert('Hello World'); window.alert('Hello World'); alert()은 브라우저가 제공하는 내장함수다. 위 2가지 호출 방식 모두 동일하게 작동하는 것으로 확인이 되는 것을 보아, 기존에 사용하는 alert()이라는 함수 호출 방식은 실은 내부적으로 window.alert()을 실행하는 것과 같은 의미다. 아래는 전역변수와 함수에 대한 예시다. var a = 1; alert(a); alert(window.a); function sum () { retur.. Javascript의 함수(Function) 함수란? 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. - 생활코딩 일반적으로 다른 언어에서는 함수를 선언할 때 해당 함수를 임의의 변수에 할당할 수 없다. 하지만 JavaScript(이하 JS)에서의 함수는 변수에 할당할 수 있다. 1) function a( ){ } 2) var a = function( ){ } 당연한 얘기지만, 위 코드들은 같은 듯 다른 코드다. 각각 1)함수선언식과 2)함수표현식으로 불리우며, 명칭이 다른만큼 각각의 특징들도 다르지만, 해당 내용은 현재 서술한 내용에서 크게 중요한 부분을 차지하지 않기 때문에 넘어가려고 한다. - 값으로서의 함수 2)함수표현식의 내용을 보면, 변수 a(var a)에 익명 함수(function(.. React report. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixe.. 저 에러가 발생하면 무조건 어디 글자 잘못 쓴 곳이 있는지 꼼꼼히 살펴봐야겠다. React Tip. styled-components 구문 강조 플러그인 [ vscode-styled-components ] 책에서 styled-components 라이브러리를 이용하여 웹에서 사용하던 CSS 문법 그대로 RN의 스타일시트를 작성하게 하는 부분을 공부하던 도중, 갑자기 VS Code에서 해당 문법에 대해 구문강조가 죄다 사라져서 상당한 불편함을 느꼈다. 위와 같이 VS Code에서 styled-componnets 구문을 상당히 보기 불편한 부분을 다소 해소 시켜주는 플러그인이 있다. VS CODE 확장 플러그인 설치탭에서 vscode-styled-components를 검색하게 되면 가장 첫줄에 있는 플러그인을 설치하게 되면 아래와 같이 구문 강조가 처리되어 보이게 된다. React report. npm ERR! Maximum call stack size exceeded 책 내용대로 실습하던 도중 npm install styled-components 설치 중 아래와 같은 에러가 발생하였다. 해당 에러코드로 검색하니 스택오버플로우에서 다음과 같은 내용을 검색하였다. npm cache clean --force npm rebuild 일단 나는 위 첫번 째 캐시삭제 명령어만 입력하였을 때 정상적으로 작동하는 것을 확인하였는데, 해당 방법으로 해결되지 않는다면 두번 째 명령어인 npm 재설치 명령어를 사용하라고 한다. React report. npm run android 실행불가 에러 [ Could not initialize class org.codehaus.groovy.runtime.InvokerHelper react native] 리액트 책을 보면서 공부하는 와중에 CLI로 생성한 프로젝트가 안드로이드 에뮬레이터 위로 안착되지 않는 문제가 발생하였다. 책에서는 터미널에 npm run android를 입력하면 안드로이드 에뮬레이터 위에서 작성한 앱이 돌아간다고 하는데, 나는 자꾸 아래 사진과 같은 에러가 발생하는 것이었다. FAILURE: Build failed with an exception. * What went wrong: Could not initialize class org.codehaus.groovy.runtime.InvokerHelper * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get mo.. React Tip. Visual Studio Code 리액트 문법 자동완성 플러그인 Reactjs code snippets VS Code에는 신규로 컴포넌트를 정의할 때마다 일일이 코드를 작성해야 하는 번거로움을 줄여주는 고마운 플러그인이 있다. 좌측 추가 플러그인 설치탭을 클릭한 뒤 reactjs 라고 입력 후 검색하면 가장 먼저 뜨는 [ Rectjs code snippets ] 이다. 세부정보를 내려서 확인하면 아래와 같이 사용 가능한 단축 트리거들이 나열되어 있다. Trigger Content rcc→ class component skeleton rrc→ class component skeleton with react-redux connect rrdc→ class component skeleton with react-redux connect and dispatch rccp→ React.0 리액트 개발환경 / 프로젝트 세팅 보호되어 있는 글입니다. 이전 1 다음
