본문 바로가기

반응형

전체 글

(484)
리액트 라리브러리 - 프레이머 모션 리액트 라이브러리 중 하나인 프레이머 모션을 사용하여 컴포넌트가 자연스럽게 생성되거나 소멸되는 효과를 구현해 보겠습니다. 프로젝트 구성하기 리액트 앱 생성 리액트? 리액트는 자바스크립트 라이브러리로 앵귤러, 뷰와 함께 3대 자바스크립트 프레임워크 중 하나입니다. 앵귤러와 마찬가지로 컴포넌트 단위로 UI를 구성하는 방식을 사용하지만 앵귤러와 달리 jin-co.tistory.com 리스트 생성 리스트 표시하기 리스트를 동적으로 표면에 표시하는 방법을 보겠습니다. 리액트는 중괄호를 사용하여 템플릿 안에서 자바스크립트 코드를 작성할 수 있는 기능을 제공합니다. 해당 기능을 사용하여 동적리스 jin-co.tistory.com 삭제버튼 추가 리스트 아이템을 삭제하는 버튼을 아래와 같이 추가합니다 상태 관리 ▶ 유즈..
tstory - Multi-Lingual Blog (Book Club Skin) I have created a multi-lingual blog using the 'Poster' skin before and I realized that the code needed a little adjustment if it were to be used for other skins. In this writing, we will see how we can create a multi-lingual blog using 'Book Club' skin Completed Codes English Blog Code - Changing Language ▶ English Post Creating Buttons to Change Languages ▶ Korean Post ▶ English Post Analyzing ..
티스토리 다국어 블로그만들기 (Book Club 스킨) 북클럽 스킨을 활용하여 더블포스팅을 통해 다국어 블로그를 만드는 방법을 보겠습니다. 완성된 코드 영문으로 변경하기 코드 ▶ 영문 포스트 언어변경하기 버튼 ▶ 국문 포스트 ▶ 영문 포스트 작업구상 'Book Club' 스킨에서 영문으로 변경해야 하는 부분은 크게 타이틀과 상단 메뉴 포스트 제목과 카테고리 우측에 공지사항을 비롯한 메뉴들 마지막으로 풋터 문구들이 있더군요. 구현하기 카테고리 작업 먼저, 카테고리는 영문으로 된 카테고리를 만들고 해당 포스트를 해당 카테고리로 지정하면 되므로 카테고리를 국문 버전과 영문 버전 두 가지로 생성합니다. 블로그관리 -> 카테고리 관리 카테고리 작업을 완료하면 아래와 같이 설정된 카테고리 명으로 표시됩니다 텍스트 작업 기타 블로그 타이틀 등 텍스트는 영문 포스트에서 아..
Google Ads - Adding Feeds to a Campaign and Showing Only Certain Items Let's see how we can add products to a campaign and how to exclude certain products from the list. Adding Feeds and Linking Accounts Adding Feeds to GMC Google Merchant Center - Feeds Google Merchant Center (GMC) is like an online warehouse where you can add your products and use them in your advertisement. There are many ways to add products and we will go through each option in this writing HT..
캠페인 - 피드추가 및 특정 상품제외하기 구글애즈에 연동된 판매자센터의 제품을 구글애즈에 추가하는 방법과 특정상품을 제외하는 방법을 보겠습니다. 제품 연동하기 판매자 센터 제품 추가하기 구글 판매자센터 제품추가하기 구글 판매자센터는 광고에 사용할 상품을 등록하고 활용하는 온라인 창고와 같습니다. 상품을 등록하는 방법을 여러 가지가 있는데 각 방법에 대해 알아보겠습니다. HTML 삽입 미리보기할 수 없 jin-co.tistory.com 구글애즈, 판매자 센터 연결하기 구글애즈, 구글애널리틱스, 구글 머천트센터 연결하기 구글 애즈와 구글 애널리틱스 또는 구글 머천트센터와 계정 연결 시 계정 간에 생성된 데이터를 공유할 수 있는데요 연결하는 방법이 다양해서 복잡하게 느껴질 수 있기에 이 글을 통해 정리를 jin-co.tistory.com 캠페인설정 ..
.NET - CORS For safety reasons, browsers, by default, do not allow access to servers with different domains. However, when in development this feature can be a pain in the ass. In this writing, we will see how we can negate this feature by adding allowing CORS option to the header of a request. Implementation Adding the Service Go to the Program.cs file, add the Cors service as shown below builder.Services...
브라우저 접근 허용하기 브라우저가 서버에 접근하기 위해서는 CORS라는 헤더를 통해 해당 브라우저의 접근이 허용되어야 합니다. CORS 헤더를 추가하는 방법을 볼까요? 구현하기 서비스 추가 Program.cs 파일에 아래 서비스를 추가합니다. builder.Services.AddCors(opt => { opt.AddPolicy("Cors", policy => { policy.AllowAnyHeader().AllowAnyMethod().WithOrigins("frontAddress"); }); }); 미들웨어 추가 Program.cs 파일 'app.UseAuthorization();' 위에 설정한 서비스를 사용하는 미들웨어를 등록합니다 app.UseCors("Cors"); 실행 작업이 완료되면 API 폴더로 이동하여 cd /AP..
Generic Repository Specification Pattern - Adding Searching One of the drawbacks about using the specification pattern is that we lose some of the functions provided by Entity Framework. Searching is one of them and we will see how we can manually create the feature with the specification pattern. Creating a Generic Repository Pattern Relational DB - Getting Data including Data from Other Entities (Generic Repository Pattern) Let's see how we can get dat..

728x90