Welcome to my space
Thanks for stopping by

프론트엔드 개발할 때 자주 참고하는 UI 컴포넌트와 아이콘 등 사이트 모음입니다.React나 Angular 입문자분들께도 추천합니다!🌿 PrimeNGAngular 전용 UI 컴포넌트 라이브러리 🔗 https://primeng.org/ PrimeNG - Angular UI Component LibraryThe Next-Gen UI Suite for Angular Enhance your web applications with PrimeNG's comprehensive suite of customizable, feature-rich UI components. With PrimeNG, turning your development vision into reality has never been easier. O..

angular.json 코드 { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "my-app": { "projectType": "application", "schematics": { "@schematics/angular:component": { "standalone": false }, "@schematics/angular:directive": { "standalone": false }, "@schematics/..

✨ 목표로컬에서 개발한 Node.js(Express) API 서버를 Cafe24 리눅스 서버에 배포하고,Angular 프론트엔드 또는 Postman으로 연동 테스트를 수행합니다.PM2를 이용하여 서버를 안정적으로 운영하고, 접속 테스트까지 확인합니다. 📦 주요 작업 요약Express API 서버 Cafe24에 업로드MobaXterm을 통한 SSH 접속PM2를 이용한 서버 실행Postman 또는 Angular를 통한 API 테스트로그 및 접속 확인✔️ 1. API 서버 구성 및 업로드📤 업로드 경로 예시FileZilla로 Cafe24 서버에 접속 후 /home/Edu 이동다음 경로에 파일 업로드: 업로드 항목 업로드 위치 server.js, package.json 등 Node.js 서버 관련 파일..

✨ 목표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 이..