Welcome to my space
Thanks for stopping by

✨ 목표Angular와 Node.js(Express)를 활용해 간단한 CRUD API를 구현하고, 이를 Cafe24 서버에 배포하여 프론트엔드와 백엔드 API가 연동되는 전체 구조를 구축하는 과정을 다룹니다. 📦 주요 작업 요약Angular 프로젝트에서 HTTP 클라이언트로 Node.js API 연동Node.js(Express) 서버 구축 및 API 라우터 구현Angular 빌드 후 정적 파일을 Express에서 서비스하도록 구성FileZilla를 사용해 Cafe24 서버에 업로드MobaXterm에서 PM2 또는 Node 명령어로 서버 실행외부 접속으로 프론트엔드-백엔드 연동 정상 작동 확인✔️ 1. Angular 프로젝트 설정 및 API 연동 VSCode에서 프로젝트 폴더(myPrj)를 열고, 해당 ..

✨ 목표Angular로 만든 프론트엔드 프로젝트를 빌드하고, Node.js(Express) 서버와 함께 Cafe24 리눅스 서버에 PM2를 이용해 배포하는 과정을 다룹니다. 📦 주요 작업 요약Angular 빌드 (ng build)Node.js 서버 설정 (Express + 정적 파일 서빙)FileZilla로 Cafe24에 업로드MobaXterm으로 접속하여 PM2 또는 Node 실행실서버 접속 확인✔️ 1. Angular 프로젝트 빌드클라이언트 프로젝트를 배포용으로 빌드합니다.cd C:\myPrj\clientng build결과: dist폴더가 생성되며, client/dist/client/browser 폴더 안에 index.html, js/css 파일들이 생성됩니다. 📌 주의 사항Angular 17 이..

✨ 목표로컬 PC에서 Angular(프론트엔드) + Node.js/Express(백엔드) 프로젝트를 구성하고,개발 서버가 정상적으로 작동하는지 확인합니다. 📦 주요 작업 요약프로젝트 디렉토리 구조 구성Node.js 프로젝트 초기화 (npm init)Angular 프로젝트 생성 (ng new)Express 설치 및 간단한 서버 실행Angular 개발 서버 실행 및 브라우저 확인✔️ 1. 프로젝트 폴더(디렉터리) 구조 만들기C:\ └── myPrj\ ├── server\ ← Node.js(Express) 백엔드 └── client\ ← Angular 프론트엔드 (ng new 시 생성됨) 1️⃣ 원하는 경로에 프로젝트 폴더 생성 이 게시글에서는 C드라이브에 프로젝트 폴더를 생..

✔️ 1. PuTTY ( EC2 SSH 접속 ) 1️⃣ 홈페이지 접속 후, Download PuTTY 클릭 https://www.putty.org/ Download PuTTY - a free SSH and telnet client for WindowsIs Bitvise affiliated with PuTTY? Bitvise is not affiliated with PuTTY. We develop our SSH Server for Windows, which is compatible with PuTTY. Many PuTTY users are therefore our users as well. From time to time, they need to find the PuTTY download link. Www..