Dev study and Repost

Node.js 서버 프로젝트 설정 가이드 (Express + MongoDB + JWT + Multer) 완전 기초! ​​client 프로젝트에 연동할 server 프로젝트​​해당 server 프로젝트 폴더에 server.js 파일 생성​server 폴더 터미널에서아래 명령어 실행$ npm init -y​각종 패키지 설치$ npm i express mongoose cors dotenv jsonwebtoken multer​express - Node.js 웹 서버 프레임워크 (라우팅/미들웨어 쉽게 관리).mongoose - MongoDB ODM (JS 객체처럼 DB 다루기).cors - 다른 도메인에서 오는 요청 허용 설정.dotenv - .env 파일에서 환경 변수 관리.jsonwebtoken - JWT 토..

Quill 에디터 쉽게 적용하기 - react vite 프로젝트 웹서비스, 웹개발, 자바스크립트, 리치 텍스트 편집기​웹서비스 개발중 텍스트 편집기가 필요한 경우가 있습니다.이를 빠르게 구현 할수 있는 npm 패키지인 quill 리치 텍스트 편집기 적용, 사용법을 간단히 블로그 글로 남겨봅니다. https://www.npmjs.com/package/quillhttps://www.npmjs.com/package/quillQuill 간단 설명 Quill 은 오픈 소스 리치 텍스트 에디터(rich text editㅐr) 입니다.웹에서 글 작성시 사용하는 툴, 지금의 네이터에디터 같은 역할을 하지요.웹에서 글 작성시 볼드, 이텔릭, 링크, 이미지 삽입 같은 서식을 손쉽게 적용할 수 있습니다.​사용법이 간단하고,..

와이어프레이밍과 프로토타이핑 쉽게 이해하기 Wireframing and Prototyping​사용자 경험(UX) 설계는 디지털 제품을 더 편리하고 매력적으로 만드는 과정이에요. 여기서 중요한 개념들을 간단히 설명할게요.​와이어프레이밍과 프로토타이핑 쉽게 이해하기먼저, 사용자 경험 글쓰기는 앱이나 웹사이트에서 보이는 글을 만들어 사용자에게 더 나은 경험을 주는 일이에요. 사용자가 쉽게 이해하고 따라갈 수 있도록 도와줍니다.​정보 구조는 정보를 논리적으로 정리하고 이름을 붙여 사용자가 쉽게 찾을 수 있게 만드는 작업이에요. 이를 확인하기 위해 설계자는 카드 분류라는 방법을 써서 정보가 잘 정리되었는지 점검합니다.​사이트맵은 디지털 제품의 전체 구조를 그림으로 보여주는 도구예요. 마치 건물의 설계도라고 생각하..

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기​날짜와 시간을 다루는 npm 패키지입니다.자바스크립트(javascrpit) 기본 Date 객제로 표현이 가능하지만,포맷팅이나 계산 반복시 코드가 복잡해지는 경우가 많다.​이런 것을 쉽게 해결하고 날짜, 시간을 다루는데 유용한 패키지인 moment 패키지 정보를 간단하게 글로 남겨본다.​https://www.npmjs.com/package/moment 참 오래된 패키지이다. 깃헙 소스를 보니 최신 업데이트가... 2024년2월..실제 활용 소스 기준으론 2023년12월 이후 업데이트가 없다.​공식홈페이지 링크: https://momentjs.com/ Moment.js | HomeFormat Dates moment()..