전체 글 (484) 썸네일형 리스트형 앵귤러 directives - ngFor 템플릿의 구조를 변경하는 Structural directive의 하나로 한 요소에 하나의 다른 구조 디렉티브와 사용이 불가능합니다. 사용예시 1. 일반 for 문 ID: {{i}} First Name: {{ u.firstName }} Last Name: {{ u.lastName }} Age: {{ u.age }} // ngfor1.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-ngfor1', templateUrl: './ngfor1.component.html', styleUrls: ['./ngfor1.component.css'], }) export class Ngfor1Component .. 앵귤러 (Front) - 배포하기 (Vercel) 서버를 사용하지 않은 앵귤러 프로젝트 (Static)는 간단하게 배포가 가능한데요 다양한 플랫폼 중 오늘은 Vercel를 통해 배포해 보겠습니다. https://vercel.com/ Vercel: Develop. Preview. Ship. For the best frontend teams Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. vercel.com Vercel 메인에서 우측에 'Add New' -> 'Project'를 선택 연결을 원하는 플랫폼을 선택합니다 (저는 깃을 선택했습니다). 원하는 레포를.. .NET 웹 에이피아이 생성하기 개발도구 설치하기 .NET을 이용하여 웹애플리케이션을 만들기 위해서는 .NET에서 제공하는 개발도구가 필요합니다. 개발도구 다운로드는 아래 링크에서 가능합니다. .NET | Free. Cross-platform. Open Source. (microsoft.com) .NET | Free. Cross-platform. Open Source. .NET is a developer platform with tools and libraries for building any type of app, including web, mobile, desktop, games, IoT, cloud, and microservices. dotnet.microsoft.com 'Download'를 선택하면 OS에 따라 자동설정되니 원하.. 환경변수 사용하기 환경변수는 고정된 값이 아닌 변수를 사용하게 해 주어 개발환경과 프로덕션환경 사이에서 필요한 설정 값을 변경할 필요 없이 한 번의 설정으로 모두 적용되게 하며, 민감한 정보의 노출을 숨길 수 있는 장점이 있습니다 (프로젝트 빌드 파일에 포함되므로 완벽히 보호되는 것은 아님). 웹 애플리케이션을 만드는데 다양한 프레임워크와 도구가 사용되는 만큼 환경변수를 지정하는 방법도 조금씩 다르므로 다양한 예시를 통해 환경변수를 설정하는 방법을 볼까 합니다. HTML 삽입 미리보기할 수 없는 소스 몽고디비 (MongoDB) 와 연결하기 몽고디비는 비관계형 데이터베이스로 사용법이 단순하여 노드제이에스 개발자들 사이에 인기가 많습니다. 오늘은 노드제이에스 서버와 몽고디비를 연결하는 방법을 보겠습니다. 몽고디비에서 커넥션 스트링 가져오기 먼저, 몽고디비(https://cloud.mongodb.com/ )에서 해당 데이터베이스를 열고 'Connect'를 누릅니다. 열린 팝업에서 'MongoDB for VS Code'을 선택합니다. 3번에 커넥션 스트링 복사 애플리케이션에 연결하기 애플리케이션으로 이동하여 몽구스를 설치합니다. npm i mongoose 서버파일로 이동하여 (주로 server.js 또는 app.js를 많이 사용) 아래와 같이 몽구스를 가져옵니다. 그리고 .connect()를 사용하여 연결하는데요. connect() 안에 매개변수.. MySQL - Google Cloud MySQL은 관계형 데이터베이스로 가장 많이 사용되는 데이터베이스 중 하나인데요. 한 가지 단점은 자체적으로 제공하는 클라우드 서비스가 없기 때문에 로컬환경에서만 접근이 가능한 점인데요. 위치와 관계없이 데이터베이스에 대한 접근을 위해서는 구글 클라우드나 아마존 같은 서비스와 연결이 필요합니다. 오늘은 구글 클라우드와 연결하는 방법을 보겠습니다. 구글 클라우드 SQL 생성하기 1. 프로젝트 생성 구글 클라우드에 로그인 후 상단 좌측에 프로젝트 콤보박스를 클릭합니다. 'New project'를 누릅니다 (참고로, 플랜에 따라 생성할 수 있는 프로젝트의 수가 제한됩니다). ※ 프로젝트 삭제를 원하는 경우 상단 프로젝트 선택창에서 해당 프로젝트 선택 후 좌측에 햄버거 메뉴 아이콘 -> 'IAM & Admin'.. 앵귤러 (Front) - 배포하기 (Netlify) 서버를 사용하지 않은 앵귤러 프로젝트 (Static)는 간단하게 배포가 가능한데요 다양한 플랫폼 중 오늘은 Netlify를 통해 배포해 보겠습니다. Develop and deploy websites and apps in record time | Netlify Develop and deploy websites and apps in record time | Netlify Accelerate the time to deploy your websites and apps. Bring your integrations and APIs together on one powerful serverless platform. Get started for free! www.netlify.com Netlify로 이동하여 'Add n.. 몽고디비 (MongoDB) 몽고디비는 No SQL (기존 관계형 데이터 베이스와 달리 테이블 방식이 아닌 객체형식의 데이터 베이스) 데이터베이스 중 하나로 클라우드 환경을 기본적으로 제공하기 때문에 추가 설정 없이 바로 사용할 수 있어서 MEAN (MongoDB, Angular, Node.js) 또는 MERN (MongoDB, React, Node.js) 스택으로 많이 사용됩니다. 프로젝트 생성 몽고디비 (https://cloud.mongodb.com/) 로그인 후 'New Project' 선택 프로젝트 이름을 설정하고 'Next' 누름 다음 페이지에서 해당 프로젝트 참여할 멤버를 더 할 수 있는데요. 없는 경우 그냥 'Create Project'를 누릅니다. 프로젝트 생성이 완료되면 DB생성이 가능한데요. 'Build a Dat.. 이전 1 ··· 42 43 44 45 46 47 48 ··· 61 다음
