본문 바로가기

programming/javascript

React 빌드하려면? 리액트를 개발한 후에 실제 서비스로 배포하려면 빌드를 해서 배포해야 한다고 한다. 참고: 생활코딩 www.youtube.com/watch?v=E_-ua6uCQOU&feature=youtu.be 명령어 $ npm run build 빌드 폴더가 생성된 것을 확인할 수 있다. 해당 폴더를 가지고 웹서버에 최상위 루트에 위치시켜야 한다. $ npx serve -s build 위 명령어로 간단하게 돌려볼 수 있다~ 더보기
node-express 에서 morgan 모듈을 이용해서 로그 기록 저장하기 node-express 에서 morgan 모듈을 이용해서 로그 기록 저장하기 const morgan = require('morgan'); // log 기록하기 app.use( morgan('common', { stream: fs.createWriteStream('./access.log', { flags: 'a' }) // flags : a => 로그를 계속 덧붙인다 }) ); 더보기
자바스크립트 유사 배열을 배열로 바꾸기 Array.prototype.slice.apply(target) 방법을 이용하면 된다. const target = document.body.getElementsByClassName('targetClassName'); target; // HTMLCollection(10) [div.targetClassName, p.targetClassName, p.otherClassName.targetClassName, p.targetClassName, p.targetClassName, p.targetClassName, p.targetClassName, p.targetClassName, p.targetClassName, span.targetClassName] Array.isArray(target); // false cons.. 더보기
배열 1부터 100까지 값 넣기 배열에 1부터 100까지 값을 넣고 싶을 때 신박한 방법이 있다. const arr = Array(100).fill().map((v,i)=> i+1); [1,2,3,....99,100] ^^ 더보기
filter, indexOf, reduce 이용 중복 제거하기 filter, indexOf, reduce 를 이용해서 중복 제거하기가 가능하다 const array = ['a' , 1, 2, 'a' , 'a', 3]; // 1: 'Set' [...new Set(array)]; // 2: 'Filter' array.filter((item, index) => array.indexOf(item) === index); // 3: 'Reduce' array.reduce((unique, item) => unique.includes(item) ? unique : [...unique, item], []); // RESULT: // ['a', 1, 2, 3] 더보기
input 전화번호 입력 받기 (정규표현식) 정규표현식 이용해서 input 에 전화번호 입력 받기 예제입니다~ 문자는 입력하면 사라지게 됩니다 코드 전화번호 입력 받기 더보기
beforeunload , 사용자가 페이지를 이탈하려고 할 때 방지하기 사용자가 페이지를 이탈하려고 할 때 컨펌창을 띄우려면 'beforeunload' 를 사용하면 됩니다. window.addEventListener('beforeunload', (event) => { // Cancel the event as stated by the standard. event.preventDefault(); // Chrome requires returnValue to be set. event.returnValue = ''; }); 참고: developer.mozilla.org/ko/docs/Web/API/Window/beforeunload_event Window: beforeunload 이벤트 - Web API | MDN beforeunload 이벤트는 문서와 그 리소스가 언로드 되기 직전.. 더보기
nodejs교과서 redis 부분 버전에 따른 에러 nodejs 교과서 redis 연동 부분에서 버전이 달라서 생기는 문제가 있었다. 책에서는 connet-redis 를 3버전으로 사용하고 있고, 내가 설치한 버전은 4버전이어서 설정을 조금 변경해주어야 했다. 변경 전 아래와 같은 에러가 발생했다. A client must be directly provided to the Redisstore.... https://www.npmjs.com/package/redis npm 사이트에서 내용 보고 아래와 같이 코드를 입력하니 일단 에러 없이 잘 돌아가고 세션도 잘 유지가 되었다 ^^ //connet-redis 가 4버전 이상일 때 redis 패키지 설치 후 아래와 같이 입력하니 일단 돌아감 // package.json "connect-redis": "^4.0.3.. 더보기

티스토리툴바