전체 글 (464) 썸네일형 리스트형 구글 애널리틱스 (UA) 동적 리마케팅 설치 작동원리 애널리틱스에 수집된 제품정보는 연동된 애즈계정으로 유입되고 이를 동적리마케팅 광고에 활용 가능합니다. 사용설정 1. 리마케팅 사용 설정 화면 좌측하단에 '관리' -> 열린 화면의 속성 항목에 '추적정보' -> '데이터 수집' 순으로 선택 ※ 신호 데이터 활성화 (구글 로그인 정보를 사용자가 사용하는 다른 기기 간에 공유하는 기능)는 선택사항으로 사용을 원하는 경우 아래 파란색 배경 배너에 '시작하기'를 누르고 '계속' '활성화' 순으로 누릅니다. 본론으로 돌아와, 리마케팅 하단에 버튼을 눌러 '설정' 상태로 변경합니다 (광고보고서 기능은 자동으로 켜지며 리마케팅 없이 광고 보고서 기능 사용은 가능하나 리마케팅 사용 시 광고보고서 기능은 필수). 2. 맞춤 측정기준 생성 위 설정 후, '관리' -.. 파이어베이스 (스토리지) - 앵귤러, 리액트 파이어베이스 스토리지는 이미지 등 Static 파일을 저장할 때 사용합니다. 파이어베이스 스토리지 사용하기 계정으로 로그인한 뒤 좌측 메뉴에서 'Build' -> 'Storage' 선택 후 열린 화면에서 'Get started'를 누릅니다. 편의를 위해 'test mode'를 선택하고 'next'를 누릅니다. 지역선택 후 'done'을 누르면 (이미 지역이 선택되어 있는 경우 자동을 선택됨) 아래와 같이 완성됩니다. 규칙지정 기본적으로 누구나 스토리지의 데이터에 접근, 수정, 삭제가 가능합니다. 세팅의 규칙에서 이러한 설정의 수정이 가능합니다. 예를 들어, 로그인한 유저만 파일업로드가 가능하고 사이즈와 타입의 제한이 있는 경우 아래와 같이 규칙을 수정합니다. match /{allPaths=**} { al.. 앵귤러 서비스 (Service) 앵귤러의 서비스는 템플릿과 클래스 파일이 공유하는 클래스 파일로 중복코드를 줄이고 모든 컴포넌트가 상속관계에 상관없이 정보를 공유할 수 있게 해 줍니다. 생성하기 서비스 생성은 /app 하위에 폴더를 만들고 클래스 파일생성 또는 아래와 같이 앵귤러 CLI를 통해 생성가능합니다 (CLI 사용을 권장). ng genarate service service 애플리케이션 규모가 커지면 서비스도 여러 개를 가지기 때문에 서비스 폴더를 따로 생성하는 것을 권장합니다 (아래와 같이 services/ 라고 경로를 정하고 그 아래 파일을 생성하면 자동으로 폴더 생성됨). 아래 코드는 위 커맨드의 alias버전으로 services라는 폴더 하위에 서비스를 생성합니다. ng g s services/service 마지막으로 끝.. 앵귤러 directives - ngIf 템플릿의 구조를 변경하는 Structural directive의 하나로 한 요소에 하나의 다른 구조 디렉티브와 사용이 불가능합니다. 사용예시 1. If Name: {{i.name}} Pet Owner: {{i.petOwner}} Name: {{i.petName}} // ng-if1.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-ng-if1', templateUrl: './ng-if1.component.html', styleUrls: ['./ng-if1.component.css'], }) export class NgIf1Component implements OnInit { users: { .. 앵귤러 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 삽입 미리보기할 수 없는 소스 이전 1 ··· 39 40 41 42 43 44 45 ··· 58 다음
