웹개발자의 기지개

#CCCCCC 라는 색상에 #0DCCCCCC 이런식으로 #다음에 아래의 코드를 입력하면 투명도를 추가할 수 있다. 100% - FF 95% - F2 90% - E6 85% - D9 80% - CC 75% - BF 70% - B3 65% - A6 60% - 99 55% - 8C 50% - 80 45% - 73 40% - 66 35% - 59 30% - 4D 25% - 40 20% - 33 15% - 26 10% - 1A 5% - 0D 0% - 00 참고 : https://pimi.tistory.com/5

MS SQL Server Management Studio 로 Sql Server 작업을 할때 이미 저장되어 있는 테이블의 속성을 변경하는 과정에서 아래와 같은 에러 메세지를 발견한다면 옵션 항목을 수정하도록 하자. 도구 > 옵션 창을 열고 해당 항목을 체크 해제토록 하자.

ASP.NET Core 의 Start.cs 파일내 AddScoped, AddTransient, AddSingleton 들의 수명주기를 간단히 정리해 본다. Transient (Created each time they are requested) 요청이 있을때마다 각각의 새로운 객체를 생성한다. Stateless 비유지 서비스에 적합함. 매번 인스턴스를 새로 생성한다. Scoped (Created once per request) 각 HTTP 요청당 하나의 인스턴스를 생성한다. 동일한 주소의 웹화면에서는 여러번 서비스를 사용해도 동일한 인스턴스를 재사용한다. 클라이언트 요청당 한번 생성되며, 해당 연결이 유지되면 지속적으로 사용한다. Singleton (Created the first time they are..

Microsoft.AspNetCore.Identity.EntityFrameworkCore Nuget 패키지로 설치하고, AspNetCore 의 Identity 를 이용할 경우, 아주 엄격한 비밀번호 정책을 맞닥뜨리게 되는데, 이를 조금 간소화 하고 임의로 직접 변경하고 싶을때 아래의 소스를 이용하면 된다. [ Startup.cs ] 1 2 3 4 5 6 7 8 9 10 11 12 13 public void ConfigureServices(IServiceCollection services) { // Configure Identity services.Configure(options => { // Password Settiongs options.Password.RequireDigit = true; option..

부트스트랩4 소스상에서 위와 같은 여러개의 이미지 목록에서 이쁘게 이미지 모달창을 깔끔하게 띄우는 방법을 알아본다. 우선 소스를 정리하면 다음과 같다. 1 2 3 4 5 6 7 cs 본문 (body) 에는 해당 이미지 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Colored by Color Scripter cs 위 소스상에 핵심은 data-toggle="lightbox" 이다. 1번 이미지 처럼 data-title="모달 제목" data-footer="모달 푸터내용" 하면 제목과 하단부에 텍스트도 첨부할 수 있다. 여러개의 이미지를 모달창으로 이전다음형태의 갤러리 이미지 처럼 보고 싶을때는 data-gallery="example-gallery" 원하는 이미지마다 첨부하면 간단히..

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 이미지 모달띄우기 사진제목 × Close Colored by Color Scripter cs data-backdrop="static" 속성은 모달창 주의의 검은 배경을 클릭하여도 창이 닫히지 않는다. data-keyboard="false" 옵션은 esc 키를 눌러도 창을 닫지 않게 해준다. modal-dialog-centered 속성은 모달창 내용이 화면 중앙으로 나오도록, data-dismiss="modal" 속성은 모달창을 닫을 수 있게 해준다.

이미지에 간단한 그림자를 넣어보자. 위 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..