웹개발자의 기지개

이미지에 간단한 그림자를 넣어보자. 위 img 태그중에서 style 속성안의 코드부분이다. box-shadow: 5px 5px 10px grey; class="rounded" 속성은 부트스트랩4 에서 이미지 테두리를 자동으로 라운딩해주는 속성이다. 기타 상세한 세부 설명은 아래의 포스팅 글을 추천한다. https://aboooks.tistory.com/290

타이머를 Progress 진행바 형태로 색깔을 넣어서 구현해 보았다. 1초단위로 타이머가 깎이면서, 진행바는 점점 짧아 진다. 완료후에는 완료 alert 창이 나타난다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 Javascript Progress Bar #myProgress { width:400px; background-color:#ddd; } #myBar { width:400px; height:30px; background-colo..

페이지 화면 상단에 euc-kr 의 경우 1 2 3 4 5 6 7 Colored by Color Scripter cs utf-8의 경우 1 2 3 4 5 6 7 Colored by Color Scripter cs 참고 : https://as-one.tistory.com/entry/asp%EC%97%90%EC%84%9C-euckr-utf8-%EC%84%A4%EC%A0%95-%EC%83%81%EB%8B%A8-%EA%B5%AC%EB%AC%B8

마우스로 화면을 스크롤할때 아래의 가려진 항목들이 나타날때 멋지게 애니메이션 되면서 화면에 노출시키는 아주 강추하는 프레임워크 소스를 소개하고자 한다. https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io 사용법과 소스도 위 페이지에 들어가면 살펴 볼수 있는데 간략히 설명하면 다음과 같다. 1 2 cs 본문 코드내용에는 1 ... cs 위 소스에서 data-aos 라는 속성값에 원하는 애미메이션 값들을 종류별로 넣으면 된다. data-aos="fade-left" data-aos="flip-left" data-aos="fade-up..

https://docs.microsoft.com/ko-kr/aspnet/core/tutorials/razor-pages/model?view=aspnetcore-3.1&tabs=visual-studio ASP.NET Core 자습서에서 Razor 페이지 예제파일 보는중에 Entity Framework 를 추가하는 중에 아래와 같은 에러 메세지가 발생하였다. 결국엔 Microsoft.VisualStudio.Web.CodeGeneration.Utils 라는 프레임웍이 필요하다는 내용이었다. 프로젝트에서 마우스 우클릭한다음 Nuget 패키지 관리에서 다음의 이미지 처럼 해당 프레임워크를 추가하고 다시 진행하면 해결된다.

실무에서 자주 쓰이는 modal 을 다양한 기능을 가진 플러그인 소스가 있다. https://www.jqueryscript.net/lightbox/Bootstrap-4-Modal-Wrapper.html Bootstrap 4 Modal Wrapper Plugin With jQuery This Bootstrap modal wrapper factory jQuery plugin makes it easier to create Bootstrap 4 powered modal windows and dialog boxes with additional features. www.jqueryscript.net 예제 화면도 볼수 있고 예제 소스를 다운로드 받아서 돌려볼 수 있다. [기본적인 라이브러리 소스] 1 2 3 4 cs..

Visual Studio 상에서 SQL Server 로 바로 접속해서 작업할 수 있는 방법을 잠깐 메모해둔다. 일단 필자는 SQL Express 2017 버전을 개발용으로 로컬에 설치 했다. 아래 링크를 참고하여 sql express 버전을 일단 설치하자. https://www.microsoft.com/ko-kr/sql-server/sql-server-downloads SQL Server 다운로드 | Microsoft 지금 Microsoft SQL Server를 다운로드하세요. 각 데이터와 워크로드에 가장 적합한 SQL Server 체험판 또는 버전, 도구, 커넥터를 선택할 수 있습니다. www.microsoft.com 그런다음 Visual Studio 상으로 서버탐색기상에서 직접 아래 그림을 참고하여 ..

원인은 접근 권한 문제때문이었다. 1 2 3 4 5 6 7 8 9 10 11 12 using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; namespace SportsStore.Models { interface IProductRepository { IQueryable Products { get; } } } Colored by Color Scripter cs 위 소스에서 종속성 주입시 이용되었던 IProductRepository 인터페이지의 접근제한자를 public 으로 되어 있지 않아서였다. 바로 public 으로 추가해 주도록 하자. 상기 소스를 public interface Iprod..