Programming & Platform/Node.js11 Quill을 사용한 텍스트 에디터 구현, Node.js 예제 코드와 함께 알아보기 Quill을 사용한 텍스트 에디터 구현, Node.js 예제 코드와 함께 알아보기웹 개발을 하면서 사용자가 글을 작성할 수 있는 텍스트 에디터를 구현하는 것은 매우 중요한 요소입니다. 특히, 사진 추가, 텍스트 정렬, 구분선 등의 다양한 포맷팅 기능을 제공하는 텍스트 에디터는 사용자 경험을 크게 향상시킵니다. 이번 글에서는 Quill이라는 라이브러리를 사용하여 텍스트 에디터를 쉽게 구현하는 방법을 Node.js 예제 코드와 함께 소개합니다. Quill 설치 및 기본 설정 먼저 Quill을 설치하고 기본 설정을 진행해보겠습니다. Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다. Quill 설치Quill을 설치하기 위해서는 npm을 사용합니다. 터미널을 열고 다음 명.. 2024. 6. 8. Node.js와 동기 및 비동기 처리 - 이벤트 주도 프로그래밍의 이해 Node.js와 동기 및 비동기 처리 - 이벤트 주도 프로그래밍의 이해여러분은 프로그래밍을 하며 동기 처리와 비동기 처리에 대한 고민을 해본 적이 있을 겁니다. 모든 작업이 순차적으로 실행되는 것이 좋을까요, 아니면 동시에 여러 작업을 처리하는 것이 더 효율적일까요? 이 글을 통해 이런 고민을 해결해드리겠습니다. Node.js의 동기 및 비동기 처리 방식에 대해 이해하고, 이를 통해 여러분의 프로그램을 더 효율적으로 만들 수 있는 방법을 소개하겠습니다. 자, 이제 시작해볼까요? Node.js 동기 및 비동기 처리 방식 동기 처리와 그 한계동기 처리란, 프로그램이 기술한 순서대로 실행되는 것을 의미합니다. 이는 작업이 완료될 때까지 다른 작업을 수행하지 않음을 뜻합니다. 아래의 다이어그램을 통해 동기 처.. 2024. 6. 7. Node.js 이상적인 프로젝트 폴더 구조 Node.js 이상적인 프로젝트 폴더 구조 Node.js 프로젝트의 이상적인 폴더 구조에 대해 이야기하려 합니다. 프로젝트의 규모와 복잡성을 고려하여 가독성과 유지보수성을 최대한 강화하는 방향으로 폴더를 구성해보겠습니다. 가독성 높이는 프로젝트 폴더 구조 1. controllers: 로직의 중심 프로젝트의 핵심 로직을 담당하는 컨트롤러 폴더입니다. 각 파일은 특정 URL 라우트에 대한 요청을 처리하는데, 이를 통해 코드를 모듈화하고 유지보수를 용이하게 합니다. // controllers/userController.js class UserController { // 사용자 관련 로직 } 2. models: 데이터의 정수 데이터베이스 모델을 정의하는 폴더로, 테이블과 관계를 명확히 정의합니다. // mode.. 2023. 12. 1. Node.js Sequelize 모델에서 외래키 지정하는 방법 Node.js Sequelize 모델에서 외래키 지정하는 방법 Sequelize를 사용하여 데이터베이스 모델을 정의하고 관계를 설정할 때, 외래 키(Foreign Key)의 지정은 중요한 부분입니다. 이 외래 키를 정확하게 설정하면 데이터베이스 간의 관계를 효과적으로 구성할 수 있습니다. 아래 글은 코드 수정한 과정을 담은 내용입니다. Sequelize에서 외래키 지정하는 방법 왜 외래키가 필요한가? 관계형 데이터베이스에서는 여러 테이블 간에 관계를 형성하고 유지하기 위해 외래 키가 사용됩니다. Sequelize에서도 모델 간의 관계를 설정하면서 외래 키를 명시적으로 지정할 수 있습니다. 원래 코드 class Contents extends Model { static associate(models) { /.. 2023. 11. 25. pm2 기초 사용법, Node.js 애플리케이션 관리를 간편하게 PM2 기초 사용법, Node.js 애플리케이션 관리를 간편하게 PM2는 Node.js 애플리케이션을 관리하는 프로세스 매니저로, 애플리케이션을 실행하고 모니터링하는 등 다양한 기능을 제공합니다. 이 글에서는 PM2의 기초적인 사용법 (설치, 모니터링, 로그 확인) 및 알아두면 유용한 명령어를 소개하겠습니다. PM2 기초 사용법 1. PM2 설치 먼저 PM2를 설치합니다. npm install -g pm2 2. 애플리케이션 실행 및 관리 PM2를 이용해 애플리케이션 실행하기 아래 명령으로 app.js 파일을 PM2를 통해 실행합니다. pm2 start app.js 실행 중인 애플리케이션 목록 확인하기 pm2 list 명령을 통해 현재 실행 중인 애플리케이션의 목록을 확인할 수 있습니다. pm2 list .. 2023. 11. 18. Node.js 웹 어플리케이션 개발을 위한 패키지 설정 Node.js 웹 애플리케이션 개발을 위한 패키지 설정 Node.js로 웹 애플리케이션을 개발하려면 여러 패키지와 라이브러리를 사용해야 합니다. 이 글에서는 npm을 사용하여 Express 프레임워크, Mongoose ODM (Object Data Modeling), 그리고 JSON Web Token (JWT) 라이브러리를 프로젝트에 추가하는 방법에 대해 알아보겠습니다. 1. 프로젝트 초기화 첫 번째 단계는 프로젝트를 초기화하는 것입니다. npm init -y 명령어를 사용하면 package.json 파일을 자동으로 생성하며, -y 옵션은 초기화 과정에서 사용자 입력을 생략합니다. npm init -y 2. Express 프레임워크 설치 Express는 Node.js 웹 애플리케이션을 구축하기 위한 강력.. 2023. 11. 16. Node.js에 대해 잘 못 알고 있는 세 가지 Node.js에 대해 잘 못 알고 있는 세 가지 웹 개발 분야에서 Node.js는 점차 중요성을 더하며 개발자들 사이에서 인기를 끌고 있습니다. 그러나 Node.js에 대한 오해와 오용이 동반되고 있을지도 모릅니다. 이번 글에서는 Node.js에 대해 잘못 알고 있는 세 가지 주요 오해를 해소하고, 이 도구의 진정한 역할과 활용 방법을 알아보겠습니다. 웹 개발의 현재와 미래를 이끌어갈 Node.js에 대한 제대로 된 이해로 함께 여정을 시작해봅시다. Node.js에 대해 잘 못 알고 있는 세 가지 오해 1. Node.js는 프로그래밍 언어인가? Node.js는 프로그래밍 언어가 아닙니다. 오히려 JavaScript를 브라우저 외부에서 실행할 수 있게 해주는 런타임 환경 또는 플랫폼입니다. JavaScri.. 2023. 11. 14. Node.js 환경 변수의 효과적인 관리를 위한 .env 사용법 Node.js 환경 변수의 효과적인 관리를 위한 .env 사용법 개발과 배포 사이의 설정 변경은 번거로운 일입니다. Node.js에서는 이를 보다 간편하게 처리할 수 있는데, 그 중심에는 환경 변수 관리가 있습니다. 이 글에서는 민감한 환경 변수를 관리하기 위한 .env 사용법에 대해 소개하겠습니다. .env 사용법 dotenv 모듈 설치 환경 변수를 관리하기 위해 먼저 dotenv 모듈을 설치해야 합니다. 아래 명령어를 이용해 설치할 수 있습니다. npm install dotenv .env 파일 생성 .env 파일을 생성하여 관련 변수들을 저장합니다. 이 파일에는 보안에 주의해야 하는 정보들을 안전하게 저장합니다. # .env DB_HOST=127.0.0.1 DB_PORT=3306 DB_USER=roo.. 2023. 11. 10. jwt.io JWT Token 복호화 사이트 사용법 jwt.io JWT Token 복호화 사이트 사용법 JWT (JSON Web Token)는 웹 애플리케이션에서 사용자 인증과 정보 교환을 위한 표준 방식 중 하나입니다. JWT 토큰은 암호화되어 있어서 토큰을 읽기 위해서는 복호화가 필요합니다. jwt.io는 이를 손쉽게 수행할 수 있는 유용한 도구로, 이 글에서는 jwt.io의 사용법을 알아보겠습니다. jwt.io란? jwt.io는 JWT 토큰을 디코딩하고 확인하는 데 사용되는 무료 온라인 도구입니다. 이 웹사이트를 통해 JWT 토큰의 내용을 복호화하고 토큰이 유효한지 확인할 수 있습니다. 다음은 jwt.io 웹사이트의 주요 기능에 대한 설명입니다. JWT Token 분석 JWT.IO JSON Web Tokens are an open, industry .. 2023. 11. 9. 이전 1 2 다음
