본문 바로가기

반응형

전체 글

(511)
[태그관리자] 트리거 - 스크롤 새로 만들기 태그관리자 해당 컨테이너에서 '작업공간' -> '태그' -> '새로 만들기' 순으로 선택 태그 구성 박스 선택 (자세히 알아보기 링크 외 박스 내부 아무 곳이나 누름) '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..
서버 아키텍처 - 지네릭 레포지토리 레포지토리는 정적 타입을 가지는 데 이는 엔티티가 증가할 때마다 레포지토리를 추가로 생성해야 하는 불편함을 줍니다. 지네릭은 동적으로 타입을 지정하는 기능으로 지네릭 레포지토리를 사용하여 하나의 레포지토리를 여러 엔티티가 공유하는 방법을 보겠습니다. 프로젝트 구성하기 프로젝트 생성 및 기본구조 구성 서버 아키텍처 - 프로젝트 분산하기 서버 구조 인터페이스는 서버에 대한 요청과 응답처리하며 데이터베이스에 전송할 쿼리를 작성하고 데이터를 받는 역할을 수행하는 인프라스트럭처 프로젝트에 의존합니다. 인프라스트럭처 jin-co.tistory.com MVC 패턴구현하기 서버 아키텍처 - 엠브이씨 비즈니스 로직과 데이터를 처리하는 코드는 분산하는 것이 좋습니다. 엔티티프레임워크는 MVC 패턴을 제공하는데요. 사용법을..
Application Architecture - Repository with Service An Interface is a kind of contract that specifies what the application needs. Let's see how we can use an interface with the repository pattern. Project Configurations Creating a Project with MVC Pattern Server Architecture - Distributing Projects Server Structure An interface is a middleman between the browser and the server. It sends a request to a server and handles the response from it. The ..
서버 아키텍처 - 레포지토리 (인터페이스 사용) 인터페이스는 필요한 사항을 규정하는 일종의 계약서로 레포지토리 패턴에 인터페이스를 추가해 보겠습니다. 프로젝트 구성하기 프로젝트 생성 및 기본구조 구성 서버 아키텍처 - 프로젝트 분산하기 서버 구조 인터페이스는 서버에 대한 요청과 응답처리하며 데이터베이스에 전송할 쿼리를 작성하고 데이터를 받는 역할을 수행하는 인프라스트럭처 프로젝트에 의존합니다. 인프라스트럭처 jin-co.tistory.com MVC 패턴구현하기 서버 아키텍처 - 엠브이씨 비즈니스 로직과 데이터를 처리하는 코드는 분산하는 것이 좋습니다. 엔티티프레임워크는 MVC 패턴을 제공하는데요. 사용법을 살펴보겠습니다. 프로젝트 구성하기 프로젝트 생성 및 기본구조 jin-co.tistory.com 레포지토리 구성 서버 아키텍처 - 레포지토리 비즈니스..
JavaScript Module - Text Wave Effect Let's see how we can create a wave effect. The completed code looks like the one below. To make it easy to implement this feature to any existing website, I structured this to work by adding a class name to a text element. When you add the class name 'wave-text', the effect will take effect given that you have done the necessary configurations. // wave-module.js const waveTextEl = document.query..
자바스크립트 모듈 - 물결효과 자바스크립트를 사용하요 텍스트 물결효과 모듈을 만들어 보았습니다. 완성된 물결효과 코드는 아래와 같은데요. 텍스트 요소에 클래스 이름 이름 지정만으로 연동이 가능하도록 구현되어 있으며 작동은 지정된 클래스를 단어로 분리하고 효과를 적용하는 방식입니다. // wave-module.js const waveTextEl = document.querySelector('.wave-text') setInterval(() => { const child = waveTextEl.firstElementChild const spanEls = document.querySelectorAll('.wave-text span') if (window.getComputedStyle(child).transform.includes('-40'..

728x90