검색 (3) 썸네일형 리스트형 지네릭 레포지토리 스페시피케이션 패턴 - 검색기능 추가하기 스페시피케이션 패턴의 단점 중 하나는 콘텍스트에서 기본제공하는 기능의 일부를 사용할 수 없다는 점입니다. 스페시피케이션 패턴에 검색기능을 추가하는 방법을 보겠습니다. 지네릭 레포지토리 패턴 설정하기 관계형 데이터 불러오기 (참조 데이터 포함) - 지네릭 레포지토리 패턴 엔티티프레임워크를 사용하여 관계형 테이블에서 참조하는 데이터를 포함하여 데이터를 불러오는 방법을 보겠습니다. 구현하기 애플리케이션 생성 .NET web-API 생성하기 개발도구 설치하기 .NET jin-co.tistory.com 스페시피케이션 폴더에 검색 쿼리를 처리할 클래스를 생성 아래 속성을 추가합니다 private string _search; public string Search{ get => _search ; set => _sear.. 구글 검색 구글브라우저는 크라울러 (로봇)를 통해 지속적으로 사이트 정보를 수집하고 수집된 정보를 데이터베이스에 저장하는 인덱싱 단계를 거쳐 사용자가 정보를 검색할 때 연관된 사이트를 보여줍니다. 인덱싱에 영향을 주는 요소와 인덱싱을 수월하게 하는 방법을 보겠습니다 인덱싱에 영향을 주는 요소들 1. URL 사이트 주소는 사람 이해하기 쉬운 단어로 설정하는 것이 좋습니다. 아래 보기처럼 해당 페이지를 묘사할 수 있는 주소를 사용하는 것이 좋으며 알파벳 이외 문자의 경우 ASCII - UTF-8 형식을 사용하여 표시합니다 또 단어를 구분하여 표시하는 것이 좋은데, 구분할 때 하이픈('-')을 사용합니다 ASCII - UTF-8 형식이 아닌 문자나 긴 아이디 형식의 주소, 언더스코어나 여러 단어가 조합된 구조는 인덱싱을.. 자바스크립트 컴포넌트 - 확장 검색 창 구현 먼저 HTML에 검색창과 버튼을 생성합니다. CSS를 활용하여 기본 스타일을 적용합니다. /* main.css */ * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; display: flex; align-items: center; justify-content: center; background-color: lightcoral; } .input-box { position: relative; } input { height: 50px; width: 50px; border-radius: 15px; transition: 0.4s ease; font-size: 1.7rem; border: none; } input:focus {.. 이전 1 다음
