본문 바로가기

전체 글

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.from) 업데이트 (2026-11-06): Array.prototype.slice.apply도 동작하지만, 지금은 Array.from 또는 스프레드가 더 읽기 쉽습니다.getElementsByClassName 등은 배열이 아니라 유사 배열이라 forEach가 없을 수 있습니다.권장const target = document.body.getElementsByClassName('targetClassName');Array.isArray(target); // falseconst targetArr = Array.from(target);// 또는const targetArr2 = [...target];Array.isArray(targetArr); // true예전 방식 (원문, 여전히 동작)const targetArr = Ar.. 더보기
배열 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로 페이지 이탈 방지하기 업데이트 (2026-11-06): MDN Window: beforeunload event 문서를 다시 확인한 뒤, 최신 브라우저 동작(커스텀 메시지 미표시·sticky activation·리스너 조건부 등록)을 반영했습니다.사용자가 탭을 닫거나 다른 페이지로 이동할 때, 저장하지 않은 내용이 있으면 브라우저 확인 창을 띄울 수 있습니다. 그때 쓰는 이벤트가 beforeunload입니다.권장 패턴 (저장 중인 내용이 있을 때만)const beforeUnloadHandler = (event) => { // 권장: 표준 방식 event.preventDefault(); // 레거시(Chrome/Edge { if (event.target.value !== '') { window.addEventLis.. 더보기
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.. 더보기

티스토리툴바