전체 글 (464) 썸네일형 리스트형 Firebase - Hosting 파이어베이스에서 제공하는 호스팅을 사용하여 애플리케이션을 배포해 보겠습니다. "Build"에서 "Hosting"을 선택합니다. 'Get started' 클릭 아래와 같이 셋업 가이드가 뜨는데요. 먼저 'firebase-tools'를 해당 프로젝트에 설치합니다. 아래 npm명령어를 복사하여 npm i -g firebase-tools 프로젝트 콘솔창에 넣고 실행합니다. 다음 단계는 프로젝트 루트 디렉터리 생성인데요. 먼저 파이어베이스에 로그인을 합니다 (로그인되어 있는 경우는 생략가능). firebase login 정보수집에 관한 동의를 물어보는데 원치 않는 경우 'n'을 선택합니다. 이후 윈도 새창에서 계정선택하는 화면이 나옵니다. 계정을 선택하고 접근을 허가하면 로그인이 완료됩니다. 다음으로 배포를 위한.. 앵귤러 폼 - 템플릿 드리븐 폼 앵귤러 template-driven form을 설정하는 방법을 보겠습니다. 먼저, 폼을 사용하기 위해서는 앵귤러 폼 라이브러리에서 forms 모듈을 가져와야 합니다. //scr/app/app.module.ts import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ A.. 구글 향상된 전환 - 카페24 카페 24에서 설정된 전환을 활용하여 향상된 전환을 설치해 보겠습니다. 카페 24는 아래와 같은 내장변수를 가지는데요. 제공되는 전역변수를 사용하여 향상된 전환에 필요한 정보를 전송가능합니다. EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA 따라서 회원가입을 완료한 후 또는 로그인한 회원인 경우 아래와 같이 내장변수 명을 사용하여 향상된 전환에 필요한 정보를 추가할 수 있습니다. 전환이 일어나는 페이지에 위와 같은 정보가 존재하는 것이 확인이 되면 구글애즈로 이동하여 해당 전환액션을 선택합니다 (로그인한 사용자인 경우 대부분 표시됩니다). 설치하기 열린 화면에서 하단에 '향상된 전환수' 박스를 열어 '향상된 전환 사용'을 체크하고 'Google 태그 또는 Google 태그 관리자'를.. [태그관리자] - 전환링커 설정 전환링커 전환의 정확성을 높여주는 태그로 한번 설정 후 모든 전환 태그가 공유합니다. 설정하는 방식은 전환링커를 따로 설치하는 방법과 전환 설치하면서 추가하는 방법이 있습니다. 먼저 설정이 간단한 전환을 설치하면서 전환링커 태그를 추가하는 방법을 보겠습니다. 전환설정하면서 추가하기 관리자 로그인 (*사이트와 연결된 태그 관리자) 후 '태그' 선택 -> '새로 만들기' 태그 구성 박스 누름 'Google Ads 전환 추적' 선택 열린 화면에서 구성태그 박스를 선택하면(전환링커가 존재하지 않는 경우) 아래와 같이 '컨테이너에 전환 링커 태그가 없습니다.'라는 경고가 뜨는데 '만들기'를 선택합니다. 열린 화면에서 다른 설정은 필요 없고 '저장'을 선택하면 전환링커 생성이 완료됩니다. 전환링크 따로 설정 관리자.. 구글 크로스도메인 구글은 사용자를 구분하기 위해 '_ga'이라는 쿠키를 사용합니다. 문제는 한 사용자가 여러 도메인(사이트)을 거치는 경우 3자 쿠키금지 정책으로 인해 도메인이 바뀔 때마다 새로운 쿠키를 생성하며, 이는 같은 사용자라 하더라도 각기 다른 사용자로 인식되어 사용자의 중복집계, 유입 소스 유실이라는 문제를 일으킵니다. 크로스도메인은 사용자의 행동이 여러 도메인 (사이트) 걸쳐서 일어날 때 '_ga' 쿠키를 공유함으로써 하나의 사용자로 인식할 수 있게 해 줍니다. 크로스도메인 작업은 도메인이 다른 경우에만 필요하며 섭도메인의 경우는 필요하지 않습니다. 크로스도메인 작동 전제조건 1. 모든 사이트에 동일한 애널리틱스 속성이 존재하여야 합니다 (UA의 추적아이디, GA4의 측정아이디, AW아이디가 동일해야 함). .. 앵귤러 - 스타일 라이브러리(부트스트랩, 제이쿼리, 폰트어썸) 라이브러리는 간단한 설정만으로 작성된 코드를 사용할 수 있게 해 주기 때문에 작업속도를 배가시켜 줍니다. 앵귤러도 다양한 라이브러리와 연동이 가능한데 오늘은 앵귤러 애플리케이션과 다양한 라이브러리를 연결하는 방법을 살펴보겠습니다 HTML 삽입 미리보기할 수 없는 소스 파이어베이스 (인증) - 이메일, 비밀번호 백엔드 통합서비스인 파이어베이스에서 제공하는 많은 기능 중 인증기능을 살펴볼까 합니다. 파이어베이스 인증 서비스의 가장 큰 장점은 브라우저에서 로그인 한 사용자의 상태유지 기능을 기본적으로 제공하므로 일반 서버를 통해 만드는 경우 처럼 상태유지를 위해 제이슨 토큰 등을 생성하여 주고받을 필요가 없다는 점입니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 - 데이터베이스 (앵귤러, 리액트) 클라우드 백엔드 서비스인 파이어베이스의 데이터베이스 서비스를 사용하는 방법을 보겠습니다. 파이어베이스 데이터베이스는 최신버전인 파이어베이스와 구 버전인 실시간 데이터베이스가 있으며 대동소이하므로, 이 글에서는 최신버전인 파이어스토어를 설정하고 애플리케이션에 연결해 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 이전 1 ··· 42 43 44 45 46 47 48 ··· 58 다음
