분류 전체보기 (484) 썸네일형 리스트형 구글 크로스도메인 구글은 사용자를 구분하기 위해 '_ga'이라는 쿠키를 사용합니다. 문제는 한 사용자가 여러 도메인(사이트)을 거치는 경우 3자 쿠키금지 정책으로 인해 도메인이 바뀔 때마다 새로운 쿠키를 생성하며, 이는 같은 사용자라 하더라도 각기 다른 사용자로 인식되어 사용자의 중복집계, 유입 소스 유실이라는 문제를 일으킵니다. 크로스도메인은 사용자의 행동이 여러 도메인 (사이트) 걸쳐서 일어날 때 '_ga' 쿠키를 공유함으로써 하나의 사용자로 인식할 수 있게 해 줍니다. 크로스도메인 작업은 도메인이 다른 경우에만 필요하며 섭도메인의 경우는 필요하지 않습니다. 크로스도메인 작동 전제조건 1. 모든 사이트에 동일한 애널리틱스 속성이 존재하여야 합니다 (UA의 추적아이디, GA4의 측정아이디, AW아이디가 동일해야 함). .. 앵귤러 - 스타일 라이브러리(부트스트랩, 제이쿼리, 폰트어썸) 라이브러리는 간단한 설정만으로 작성된 코드를 사용할 수 있게 해 주기 때문에 작업속도를 배가시켜 줍니다. 앵귤러도 다양한 라이브러리와 연동이 가능한데 오늘은 앵귤러 애플리케이션과 다양한 라이브러리를 연결하는 방법을 살펴보겠습니다 HTML 삽입 미리보기할 수 없는 소스 파이어베이스 (인증) - 이메일, 비밀번호 백엔드 통합서비스인 파이어베이스에서 제공하는 많은 기능 중 인증기능을 살펴볼까 합니다. 파이어베이스 인증 서비스의 가장 큰 장점은 브라우저에서 로그인 한 사용자의 상태유지 기능을 기본적으로 제공하므로 일반 서버를 통해 만드는 경우 처럼 상태유지를 위해 제이슨 토큰 등을 생성하여 주고받을 필요가 없다는 점입니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 - 데이터베이스 (앵귤러, 리액트) 클라우드 백엔드 서비스인 파이어베이스의 데이터베이스 서비스를 사용하는 방법을 보겠습니다. 파이어베이스 데이터베이스는 최신버전인 파이어베이스와 구 버전인 실시간 데이터베이스가 있으며 대동소이하므로, 이 글에서는 최신버전인 파이어스토어를 설정하고 애플리케이션에 연결해 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 - 연결하기 (앵귤러, 리액트) 파이어베이스는 데이터 저장에 필요한 데이터베이스, 인증 및 호스팅 등 다양한 서버 측 기능을 제공하는 구글의 통합 서비스입니다. 이미 구축된 서버에 프론트 애플리케이션을 연동하고 파이어베이스에서 필요한 기능을 가져다 사용하기 때문에 백엔드 개발 없이 완전체의 애플리케이션을 개발할 수 있는 장점이 있습니다. 파이어베이스는 파이어 스토어 기준으로 1GB의 총 데이터와 하루에 20,000번의 쓰기, 20,000번의 지우기, 50,000번의 읽기를 무료로 제공하므로 테스트 목적의 애플리케이션을 충분히 가동 가능합니다. 파이어베이스 사용을 위한 첫 단계인 파이어베이스와 개발하고자 하는 애플리케이션의 연동방법을 살펴보겠습니다. HTML 삽입 미리보기할 수 없는 소스 앵귤러 템플릿 - Pipes 파이프는 템플릿에서 사용가능한 function들을 말합니다. 사용방법 사용은 아래와 같이 변화를 주고자 하는 값의 우측에 ' | ' 기호를 두고 사용하고자 하는 파이프를 호출하여 사용합니다. {{ value | pipeName }} 앵귤러 자체 파이프들 1. date Date 파이프를 원시타입 변수의 값이 바뀌거나 참조된 객체가 바뀔 때마다 작동합니다. {{ value | date : format : timezone : locale }} {{ value | date : 'short' }} {{ value | date : 'medium' }} {{ value | date : 'long' }} {{ value | date : 'full' }} {{ value | date : 'MM-dd-yyyy' }} {{.. 앵귤러 템플릿 - Template Reference Variable 템플릿 참조 변수는 템플릿에 한 요소가 다른 요소를 참조할 수 있게 해 줍니다. 변수 생성은 요소에 #과 함께 이름을 지정합니다. 이후 다른 요소에서 해당 요소를 참조하여 값 등을 사용하는 것이 가능합니다. Send 참조 Angular angular.io 앵귤러 템플릿 - directives 디렉티브는 앵귤러 앱에 추가기능을 더해주는 기능을 합니다. 디렉티브는 크게 아래와 같이 나누어지는데요. 컴포넌트 (Components) 속성 (Attribute) 구조 (Structural) 속성 (Attribute) 디렉티브 스타일이나 기능추가 등에 사용되는 디렉티브입니다. 1. ngClass 앵귤러 템플릿 - class binding & ngClass 앵귤러 class 바인딩은 특정요소에 동적으로 클래스를 추가하거나 제거하는 기능입니다. 클래스를 사용하여 상태에 따라 스타일 변경할 때 유용한 기능입니다. 사용문법 사용문법은 아래와 같이 jin-co.tistory.com 요소에 클래스를 추가하거나 없애는 기능을 합니다. 2. ngStyle 앵귤러 템플릿 - style binding & ngStyle 앵.. 이전 1 ··· 45 46 47 48 49 50 51 ··· 61 다음
