전체 글 (484) 썸네일형 리스트형 프로젝트 템플릿 만들기 리액트 애플리케이션을 생성하면 기본적으로 생성된 폴더들이 있는데요. 불필요한 폴더들을 삭제하고 기본 템플릿을 만들어 보겠습니다. 완성된 템플릿 불필요한 파일을 제거하고 완성된 템플릿은 아래와 같습니다 App.js function App() { return ( Test ) } export default App index.js import React, { StrictMode } from "react"; import ReactDOM from 'react-dom/client' import App from './App' import './index.css' const root = ReactDOM.createRoot(document.getElementById('root')) root.render( ) 앱 구조 먼저.. [구글태그] 전환설정 - 클릭 수동으로 클릭이벤트 전환을 설정하는 방법을 보겠습니다. 전환생성 구글애즈 전환 설정하기 구글애즈에서 전환은 웹사이트 방문 고객이 웹사이트에서 취하는 행동 중 광고주에게 의미 있는 행동(주로 구매 등 금전적 이익을 주는 행동?)을 의미합니다. 구글애즈에 전환설정으로 광고를 jin-co.tistory.com 사이트에서 원하는 요소 선택값 가져오기 원하는 요소를 우 클릭하고 '검사' 선택 열린 개발자 도구 창에 음영으로 표시된 요소를 다시 우클릭 'Copy' -> 'Copy JS path' 선택으로 복사 이벤트 추가 예시에서 복사한 요소에 document.querySelector("#root > footer > nav > ul > li:nth-child(2) > svg") 이벤트를 추가합니다 .addEvent.. GTM (Triggering) - Scroll Adding a New Trigger In the container, go to 'workspace' -> 'tags' -> 'new' Click the 'tag configuration' box Select 'Google Ads conversion tracking' Enter the ‘Conversion ID’ and ‘Conversion label’ (To check conversion ID and label, click here, If you are missing a conversion linker, follow this instruction) Then click ‘Triggering’ box at the bottom (you can also set this in the previous page) .. Google Tag Manager - Reusing Tags and Triggers If you need to set up multiple conversions from the same Google Ads account, you can use the copy feature to avoid repatitive configurations Implementation Copying a tag or a trigger is similar across all types of tags. So I tage conversion tag as an example here. Copying Tags In the GTM account, 'workspace' -> 'tag' -> Select a tag to copy Click the three dots icon on the top right -> Select 'c.. [태그관리자] - 태그, 트리거 복사하기 동일한 애즈계정에 여러 전환을 설치하는 경우 설치된 전환을 복사하여 전환아이디 등 동일한 값을 중복으로 설정하는 수고를 덜 수 있습니다. 구현하기 전환태그 복사 태그관리자 해당 컨테이너에서 '작업공간' -> '태그' -> 복사할 태그제목 선택 우측상단 점 세 개 아이콘 선택 -> 복사 설정할 전환에 맞도록 태그이름 수정 전환 ID를 제외한 (동일한 구글애즈 계정인 경우) 전환라벨, 가치, 통화 수정 (통상적으로 구매 등 동적가치를 사용하지 않는 경우 전환라벨만 교체 - 전환라벨 확인하기) 다음으로 트리거를 설정합니다. 상황에 따라 트리거 설치는 아래와 같이 세 가지로 나뉘는데요 1. 트리거가 다른 경우 트리거 우측 연필선택 우측에 마이너스 아이콘을 선택하여 기존 트리거 제거 후 새 트리거 설치 2. 트리.. [태그관리자] 트리거 - 스크롤 새로 만들기 태그관리자 해당 컨테이너에서 '작업공간' -> '태그' -> '새로 만들기' 순으로 선택 태그 구성 박스 선택 (자세히 알아보기 링크 외 박스 내부 아무 곳이나 누름) 'Google Ads 전환 추적' 선택 '전환 ID'과 '전환 라벨' 입력 (전환 ID, 라벨 확인하기). ※ 전환링커가 존재하지 않는 경우 전환링커 설치 트리거 박스 선택 (이전 단계에서 설정하는 것도 가능) 우측 상단 '+' 버튼 클릭 '스크롤깊이' 선택 스크롤 방향 선택: 위, 아래 스크롤인 경우 '세로 스크롤 깊이' 선택 -> 비율지정(%). 다음으로 조건을 설정하는데 특정페이지에 발동하도록 설정하는 방법을 보겠습니다. '일부 페이지 뷰' 선택 후 박스 하단에 첫 번째 칸 선택하여 'Page URL' 선택 홈페이지 UR.. 관계형 데이터 불러오기 (참조 데이터 포함) - 레포지토리 패턴 엔티티프레임워크를 사용하여 관계형 테이블에서 참조하는 데이터를 포함하여 데이터를 불러오는 방법을 보겠습니다. 구현하기 애플리케이션 생성 .NET web-API 생성하기 개발도구 설치하기 .NET을 이용하여 웹애플리케이션을 만들기 위해서는 .NET에서 제공하는 개발도구가 필요합니다. 개발도구 다운로드는 아래 링크에서 가능합니다. .NET | Free. Cross-platform. Open Sour jin-co.tistory.com 데이터베이스 관계추가하기 데이터베이스 관계 추가하기 엔티티프레임워크를 사용하여 테이블간에 관계를 추가 해 보겠습니다. 애플리케이션 생성 먼저 .NET 애플리케이션을 생성합니다. 생성하기 .NET web-API 생성하기 개발도구 설치하기 .NET을 이용하 jin-co.tistory.. Application Architecture - Generic Repository The repository pattern has a static type so whenever we create an entity, we have to create a repository as well. A generic is a way to restrict to a type or to dynamically change types. Let's see how we can use a generic repository for multiple entities Project Configurations Creating a Project with MVC Pattern Server Architecture - Distributing Projects Server Structure An interface is a middl.. 이전 1 ··· 19 20 21 22 23 24 25 ··· 61 다음
