본문 바로가기

반응형

전체 글

(484)
서버 아키텍처 - 지네릭 레포지토리 레포지토리는 정적 타입을 가지는 데 이는 엔티티가 증가할 때마다 레포지토리를 추가로 생성해야 하는 불편함을 줍니다. 지네릭은 동적으로 타입을 지정하는 기능으로 지네릭 레포지토리를 사용하여 하나의 레포지토리를 여러 엔티티가 공유하는 방법을 보겠습니다. 프로젝트 구성하기 프로젝트 생성 및 기본구조 구성 서버 아키텍처 - 프로젝트 분산하기 서버 구조 인터페이스는 서버에 대한 요청과 응답처리하며 데이터베이스에 전송할 쿼리를 작성하고 데이터를 받는 역할을 수행하는 인프라스트럭처 프로젝트에 의존합니다. 인프라스트럭처 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'..
구글 검색 구글브라우저는 크라울러 (로봇)를 통해 지속적으로 사이트 정보를 수집하고 수집된 정보를 데이터베이스에 저장하는 인덱싱 단계를 거쳐 사용자가 정보를 검색할 때 연관된 사이트를 보여줍니다. 인덱싱에 영향을 주는 요소와 인덱싱을 수월하게 하는 방법을 보겠습니다 인덱싱에 영향을 주는 요소들 1. URL 사이트 주소는 사람 이해하기 쉬운 단어로 설정하는 것이 좋습니다. 아래 보기처럼 해당 페이지를 묘사할 수 있는 주소를 사용하는 것이 좋으며 알파벳 이외 문자의 경우 ASCII - UTF-8 형식을 사용하여 표시합니다 또 단어를 구분하여 표시하는 것이 좋은데, 구분할 때 하이픈('-')을 사용합니다 ASCII - UTF-8 형식이 아닌 문자나 긴 아이디 형식의 주소, 언더스코어나 여러 단어가 조합된 구조는 인덱싱을..
로봇 티엑스티 웹 브라우저들은 주로 웹 사이트를 크롤링하여 인덱싱을 통해 페이지를 분류하고 검색결과에 뜨게 합니다. 로봇 티엑스티는 텍스트 형식의 파일로 크롤러들이 특정 페이지나 사이트에 접근하지 못하도록 하여 검색창에 뜨지 않도록 하는 기능을 합니다 (다만, 크롤링이 가능한 다른 사이트에 해당 페이지로 이동가능한 링크가 있다면 여전히 접근이 가능하기 때문에 근본적인 접근을 막는 도구는 될 수 없음). 로봇 티엑스티는 사이트맵과 함께 사이트에 대한 접근을 제한하는 공통된 양식으로 강제력은 없지만 대부분의 공신력 있는 브라우저들은 준수하고 있습니다. 주목적은 사이트에 악성 크롤러들이 사이트에 접근하는 것을 사전에 막아 사이트를 보호하는 데 있습니다 사용하기 로봇 티엑스티 파일은 프로토콜 및 포트 단위로 추가되어야 하며 ..
API - Notifications Notification API allows an application to get nofitications even when the application is not open We have seen notification API References Notifications API - Web APIs | MDN The Notifications API allows web pages to control the display of system notifications to the end user. These are outside the top-level browsing context viewport, so therefore can be displayed even when the user has switched ..

728x90