리액트(react) TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.createClass is not a function 에러

 

 TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.createClass is not a function 에러가 발생된 자바스크립트 코드: const Panel = React.createClass({ render(){ return <div>{this.props.children}</div> } }); 수정된 코드: var createReactClass = require(‘create-react-class’); const Panel = createReactClass({ render(){ return <div>{this.props.children}</div> } }); 리액트가 처음 배포되었을 때 JavaScript로 클래스를 생성하는 관용적 방법이 없었으므로 자체적으로 리액트에서는 React.createClass 함수를 제공해주었다. 하지만 추후에 ES2015의 일부로 JavaScript 언어에 … Read more

리액트 mui-org/material-ui Module not found: Can’t resolve ‘@material-ui/icons/’ 오류

 

 Failed to compile ./src/component/Main.js Module not found: Can’t resolve ‘@material-ui/icons/PhotoCamera’ in ‘C:\react_study\src\component’ GitHub – mui/material-ui: MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google’s Material Design. MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google’s Material Design. – GitHub – mui/material-ui: MUI Core: … Read more

리액트 PropTypes 인식 불가 에러

 

 static propTypes = { title: React.PropTypes.string // Error! } 위와 같이 리액트 안에서 Prop 타입을 정해주려 하면 아래와 같은 에러가 출력된다. Movie.js:6 Uncaught TypeError: Cannot read property ‘string’ of undefined at Module../src/Movie.js (Movie.js:6) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Module../src/App.js (App.css?4433:45) at __webpack_require__ (bootstrap:784) at fn (bootstrap:150) at Module../src/index.js (index.css?f3f6:45) at __webpack_require__ (bootstrap:784) at … Read more

우분투 vi 편집 저장시 ‘readonly’ option is set 오류

 

 ‘readonly’ option is set vi 편집기로 파일을 수정하고 :wq 명령을 통해 저장하려할 때 쓰기 권한이 없어서 나는 오류이다. 해결 방법은 느낌표를 붙여서 :wq! 로 강제 저장하거나 그마저도 안되면 sudo를 통해 관리자 권한으로 다시 열도록 하자. sudo vi 파일명  관리자 권한으로 편집기를 열어서 수정하고 :wq 를 하면 잘 저장된다.

우분투(Ubuntu) 19.04 듀얼모니터 설정하기

 

 최근 윈도우에서 우분투로 넘어오면서 윈도우에서 사용하던 여러가지 설정들을 우분투에도 적용 중인데 나름 알아가는 재미가 쏠쏠하다.  그 중 하나는 듀얼모니터 설정이고 상당히 접근하기 쉬운 곳에 위치해있었다. 화면 두 개로 많은 정보를 한번에 볼 수 있다는건 상당한 메리트. 과정은 아래와 같다. 19.04 버전 기준 1. 바탕화면에서 마우스 오른쪽 클릭으로 Display Settings 항목을 클릭한다. 2. Display Settings 창이 … Read more

vscode 렉, 버벅거릴 시 시도해볼만한 환경 설정

 

 vscode를 사용하다가 마우스가 끊기면서 움직이거나 화면이 장시간 멈추게 되는 렉을 겪을 수 있다. 그럴 때 시도해볼 수 있는 제일 쉬운 방법이 세팅에서 renderer 방식을 dom으로 바꾸기. 먼저 세팅 화면으로 들어가보자.(윈도우 기준으로는 단축키 Ctrl + ,) 그리고 Features -> Terminal에서 직접 renderer 항목을 찾거나 Ctrl + f 단축키를 통해 검색창을 열고 ‘renderer’를 입력한다. 디폴트로 auto가 설정되어 … Read more

듀얼모니터 설정방법 (윈도우10)

썸네일
 

 윈도우10(Windows10) 기준의 듀얼모니터 설정방법입니다. 주의사항 듀얼모니터의 효율을 극한으로 얻는 방법은? 단축키를 사용한 듀얼모니터 설정방법 키보드의 [Windows]키+[P]키를 누릅니다.표시된 메뉴 화면에서 듀얼 모니터 설정을 할 수 있습니다. 메뉴에서 위 네 항목 중에 하나의 선택이 가능합니다. 1. PC 화면만 주 모니터에만 화면 출력(두번째 모니터는 숨김) 2. 복제 두 개의 모니터가 같은 화면을 표시합니다. (화면 해상도가 낮은 쪽으로 설정이 … Read more

데저트 스트라이크 나이트 4.43 다운로드

썸네일
 

 데저트 스트라이크는 컴퓨터가 싸운다, 컴싸라고도 불리는 대전 게임이며, 1대1부터 3대3까지 개인전, 팀전이 가능합니다. 컴싸라고 하면은 보통 두 가지 버전으로 사막 버전인 데저트 스트라이크, 정글 버전인 정글 스트라이크로 나뉘어지며, 이 중에서도 원조는 데저트 스트라이크라고 할 수 있죠. 정글 스트라이크 유즈맵 링크 : 정글 스트라이크 리뉴얼 2.33 다운로드 데저트 스트라이크는 외국의 한 제작자가 만들었으며, 정확한 출시 날짜는 인터넷에 … Read more

정글 스트라이크 리뉴얼 2.33 다운로드

썸네일
 

 일명 ‘정글컴싸’로 불리는 ‘컴퓨터가 싸운다’ 종류의 유즈맵입니다. 초창기 버전을 거의 10년 전에 해본 것 같은데 이것도 역사가 참 오래 되었네요. 컴싸라고 하면은 보통 두 가지 버전으로 사막 버전인 데저트 스트라이크, 정글 버전인 정글 스트라이크로 나뉘어집니다. 이 중에 본문에서는 정글 스트라이크를 다룹니다. 데저트 스트라이크는 아래 링크로 다운 받으세요. 데저트 스트라이크 유즈맵 링크 : 데저트 스트라이크 나이트 4.43 … Read more

귀엽고 아기자기한 산리오 캐릭터 이미지들

 

 산리오란? 1960년에 설립된 일본의 캐릭터 전문 기업으로, 포켓몬 컴퍼니와 1, 2위 자리를 다투는 일본 최대의 캐릭터 라이선서입니다. 1974년에 출시한 헬로키티라는 캐릭터로 전세계적인 인지도를 얻었으며, 그 밖에도 마이멜로디, 쿠로미, 포차코 등등 수많은 인기 캐릭터를 만들어냈습니다. 본문에서는 그러한 산리오의 인기 캐릭터들에 관한 이미지들을 정리해보았습니다. 헬로 키티 1974년 출시. 모르는 사람이 없을 정도로 전 세계적인 인지도를 자랑하고 있으며, … Read more