'분류 전체보기' 카테고리의 글 목록 (34 Page)

웹/Node.js

2022년 08월 06일 23:43

[Node.js] winston custom level 추가하기

Node.js의 라이브러리인 winston 을 이용하면 로그를 저장하는걸 간편하게 구현할 수 있습니다. winston 은 level 이라는 개념으로 로그 우선순위를 관리하는데 로그 level은 아래와 같습니다. { error: 0 , warn: 1 , info: 2 , http: 3 , verbose: 4 , debug: 5 , silly: 6 } 숫자가 낮을 수록 우선순위가 높으며, error이 가장 위험한 로그라고 보시면 됩니다. winston 은 이러한 level로 로그를 저장하며 특정 level 을 설정해놓고 그 level에 맞춰서 로그를 저장하라고 파일에 지시해주면 그 로그만을 저장하는게 아니라 숫자가 같거나 낮은 로그까지 한꺼번에 저장하게 됩니다. 예를 들어서 level : info 로 설정하..

웹/Vue, React, Angular

2022년 08월 04일 04:20

[Vue.js] Vuetify + Node.js Express로 웹앱(SPA)을 제작중 입니다

안녕하세요 파일입니다~ 요새 얼마 남지 않은 방학 오랜만에 프로젝트 진행으로 Vue.js, Node.js 를 통해서 웹앱을 하나 제작중입니다. 완전히 새로 만드는건 아니고 예전에 C#으로 SMS 전송기를 구현한적이 있는데 이걸 웹 버전으로 바꾸는 작업중입니다. 이 SMS 전송기는 저희 아버지 업무 자동화에 큰 도움을 드리고 있는 프로그램인데 현재도 잘 작동합니다만 우선 자체적인 서버가 없어서 예약 메세지가 안되는게 가장 불편한 점이였고, 서버에서 연동되지 않는 단순히 클라이언트기 때문에 여러 컴퓨터에서 메세지를 보낼때 그 내용이 서로 연동되지 않는다는 불편함이 있었습니다. 이 SMS 전송기를 웹으로 만들면 모든 애로사항을 해결할 수 있습니다. 제 서비스를 사용하는 몇 명한테만 제한적으로 오픈할 것이기 때..

웹/Vue, React, Angular

2022년 08월 02일 17:56

[Vue.js] 전체 화면 드래그 앤 드롭 구현 (FullScreen Drag and Drop)

Vue 2 + Vuetify 로 프론트엔드단 작업을 하다가 위 사진 처럼 풀스크린 드래그 앤 드롭을 구현해야 하는 상황이 생겼습니다. 아마 사이트를 쓰시다보면 파일 업로드 할 때 저런 전체화면 형태의 드래그 드롭 화면을 한번쯤 만나보셨을 겁니다. Vue 를 안썼으면 그냥 바닐라 JS로 body전체 DOM에 드래그 이벤트 리스너를 걸었을 거 같은데 Vue 에서는 더 쉬운 방법으로 구현할 수 있지 않을까 싶어서 관련 라이브러리를 찾아보았습니다. 우선 Vue 자체에서도 @Event 형식을 통해서 쉽게 드래그 드롭을 구현할 수 있어 보였는데 제가 Vue 지식은 초보 강좌 하나 본게 다라서 ㅎㅎㅎ 구글링을 열심히 해도 방법을 못찾겠더라구요.. vuedraggable 이란 나름 유명한 라이브러리가 있었는데 이것도 ..

웹/Vue, React, Angular

2022년 08월 01일 05:17

[Vue.js] Notification(알림)을 구현하는 25가지 방법

https://morioh.com/p/858e16a92c59 25 Ways to Notification Vue.js Components 25 Ways to Notification Vue.js Components . Simple, extendable, dependency free notification plugin.Basic Vue toast service that uses Vuetify Snackbar component.The Notification vue plugin allow you to display notifications from all your app .A prompt comp morioh.com JS에서 못생긴 alert창 대신에 대안으로 쓸 수 있는 알림창 컴포넌트들을 모아놓은 사이트입니다..

리뷰

2022년 07월 31일 21:49

신한카드 Global + 체크카드 발급 간단 후기

서론 스카이림 통팩(모드팩)만 돌려가면서 300시간쯤.. 항상 똑같은 퀘스트들만 하다보니 질려서 다른 할 게임을 찾아보던 중 같은 베데스다 게임 스튜디오에서 개발한 폴아웃 4가 눈에 띄었습니다. 역시나 스카이림 만든 회사 아니랄까봐 모딩툴이 훌륭하게 잘 갖춰져 있어서 통팩을 찾을 수 있었죠. 베데스다 게임들이 그렇듯 게임 하나 만들 수 있는 수준의 모딩툴 주고 게임은 버그덩어리가 대부분 입니다. (주관적임) 스카이림은 비공식 버그 패치부터 시작해서 통팩을 깔면 거의 새로운 게임이 하나 나오는 수준으로 바뀌는데 과연 폴아웃 4도 그럴까..? 해서 우선 게임부터 구매하기로 했습니다. 스팀에 정가주고 사기엔 너무 비싸고 돈도 아깝기에 키를 싸게 파는 곳을 찾아봤습니다. 결론적으로 제가 게임키를 구매한 곳은 H..

리뷰

2022년 07월 25일 03:53

마이크론 Crucial P5 M.2 NVMe 2TB 간단 리뷰

스카이림 통팩들로 인해 지독한 용량 부족으로 시달리다가 이번에 돈이 좀 생겨서 SSD를 하나 사왔습니다. 마이크론 Crucial P5 M.2 NVMe 2TB 입니다. 퀘이사존 특가 게시판을 돌다가 아쉽게도 P5의 상위 모델인 P5 Plus (NVME PCIE 4.0) 를 11마존에서 놓쳐서 P5를 18만원대에 구매해왔습니다. 옛날엔 NVME SSD 는 커녕 일반 SATA SSD만 해도 가격이 엄청 비쌌는데.. 이제는 NVME SSD가 싸게 팔면 오히려 SATA SSD 보다 가성비가 더 좋은 수준입니다. 일반적으로 컴퓨터에서 체감 성능은 4K 읽기/쓰기 속도가 대부분을 차지하기 때문에 (짜잘 짜잘한 파일을 읽는 속도) 하드와 SSD는 4K 성능차가 커서 속도 체감도 정말 크지만 NVME SSD와 일반 SA..

프로젝트/개조,수리

2022년 07월 23일 21:30

위니아 에어컨 RA-065GW 2차 수리 (릴레이 불량?)

저번에 고생하면서 고친 위니아 에어컨이 또 고장났습니다.. 이번에 증상은 에어컨의 일반적인 문제인 찬바람이 안나오는 문제였고 밖에 나가보니 실외기 팬이 전혀 돌지 않고 있었습니다. 도대체 고친지 얼마나 됐다고 또 고장이 난건지.. 에휴.. 처음엔 당연히 실외기안의 커패시터 고장으로 추측했고 앵글 위에 있는 실외기를 분해하려고 낑낑대다가 사다리가 없어서 포기하고 바로 저번에 수리를 도와주신 에어컨 기사님을 불렀습니다. 이번엔 고생 안하고 그냥 돈내고 편하게 고치려했는데 점검해보니 에어컨에서 실외기로 나가는 220V 전원이 전혀 나가고 있지 않았습니다. 에어컨의 구조를 아주 단순하게 설명하면 기본적으로 에어컨 쪽에서 릴레이를 이용해서 실외기를 껐다 켰다 하는 형태로 작동을 합니다. 이 릴레이가 제대로 작동하..

웹/Vue, React, Angular

2022년 07월 20일 02:52

[Vue] Vue 2 버전에서 최신 Vue.js devtools 이 제대로 동작하지 않을 때

https://www.inflearn.com/course/Age-of-Vuejs/ Vue.js 시작하기 - Age of Vue.js - 인프런 | 강의 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요., - 강의 소개 | 인프런... www.inflearn.com 현재 인프런에서 위 강의를 보면서 Vue.js를 학습중인데 강의가 이전 강의라 Vue 2 버전을 사용합니다. 최신 Vue.js devtools 는 (Vue 전용 개발자 도구) Vue 3 용으로 업데이트 되서 Vue 2 버전에서 학습할 때 데이터나 컴포넌트들이 일부 제대로 표시되지 않는 경우가 있었습니다. 이를 해결하고 싶..

티스토리툴바