멍개의 연구소

react-boilerplate 사용방법해당 프로젝트는 일반적인 react를 사용하기 전에 이런저런 환경설정을 미리 셋팅을 해둔 프로젝트 입니다. 해당 프로젝트는 아래의 설정들을 거쳐 해당 명령어만 실행을 해주면 일반적인 react 프로젝트를 실행 시킬 수 있습니다.1. git clone https://github.com/pjt3591oo/react-boilerplate.git - 프로젝트 클론하기 2. npm install – Dependency 설치하기 3. npm start – 개발 서버 실행하기 (포트: 7777)위 명령어를 실행 하였으면 http://localhost:7777로 접속해보기해당 프로젝트의 자세한 설명은 아래에 작성하였습니다.시작하기 앞서서npm 3.10.6이상 버전 설치 권장 : ..

웹에서 프린트 제어가 불가능 한 줄 알았는데 프린트 클릭 시 스크립트로 해당 이벤트를 받아올 수 있다. 하지만 스크립트를 사용하는 방법은 브라우저마다 작동을 하지 않을 수 있다. 좀 더 찾아보니 css로 인쇄되는 영역을 제어를 해줄 수 있다. @media print를 이용하면 된다. print test page @media print { .np{ display:none; } } test test1 test1 test1 위 코드를 보면 np 클래스를 @media print에 넣어주었다. @media print는 인쇄됐을 때의 스타일을 지정을 해주는 것이다. 위에서는 해당 페이지를 인쇄할 때 p를 display : none으로 가려주었다. @media print를 이용하면 좀 더 멋진 인쇄물을 만들 수 있다..

오늘은 javascript의 arrow function을 좀더 간단하게 사용하는 방법에 대해서 알아보도록 하겠습니다.arrow function은 =>의 형태로 함수를 표현하는 것을 의미 합니다.함수 선언함수 작성방법 1 : 일반적인 function 사용let arrowFunctionTest = function(arg1) { console.log(arg1); return arg1; } arrowFunctionTest('test'); 함수 작성방법 2 : =>를 사용let arrowFunctionTest = (arg1) => { console.log(arg1); return arg1; } arrowFunctionTest('test'); 2에서는 function대신에 =>를 사용하여 함수 표기를 하였습니다.처..

동기, 비동기 그리고 promiseAsynchronous(비동기) Code란 무엇일까? node를 접하지 않았다면 대부분의 개발자들은 동기방식의 코드에 익숙할 것이다. 다음 코드를 보면 이해하기 쉬울 것이다.void FTest(){ for(int i = 0 ; i