사이트를 만들다 보면 회원등록 페이지를 만들게 되고 회원사진 등록하는 부분도 작성을 하게되는데요.

그때마다 회원 사진을 어디서 구하나하는 걱정아닌 걱정이 들때가 있습니다.

그것도 하나의 일이 되버리는 경우가 있는데 이럴때 사용할 수 있는 Face Generator API 입니다.

100% Open API 는 아닙니다.

성별, 나이 별로도 선택하여 생성할 수 도 있고, 조회도 가능하고 다운로드도 가능하니 

오바마, 빌게이츠, 마커 저커버그 의 사진을 다운로드 받아놓을 필요없으니 좋을 듯 싶네요. (제가 그랬다는... ^^; ) 

https://generated.photos/

 

Generated Photos | Unique, worry-free model photos

Images are free to download and use personally, all we ask for is a link back to us in return. Higher quality images and commercial use licenses are available for indiviual downloads and API access.

generated.photos

 

행복한 고수되십시오.

반응형
LIST

'Web > Open APIs' 카테고리의 다른 글

[Open APIs] AI Human Face Generator API  (0) 2021.09.14
Posted by woojja

댓글을 달아 주세요

Email Html 을 작성해 주는 Page 입니다.

 

htmlemail.io/inline/

 

Responsive Email CSS Inliner

Use our free CSS inliner tool to inline your styles in HTML for your email templates and to ensure they render properly in your customers email clients.

htmlemail.io

행복한 고수되셔요.

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

반응형
LIST

'Web > CSS' 카테고리의 다른 글

[CSS] Responsive Email CSS Inliner  (0) 2021.01.27
Posted by woojja

댓글을 달아 주세요

쓸만한 Editor...

https://xdsoft.net/jodit/

 

Jodit WYSIWYG editor | Pure TypeScript | FileBrowser and Editor Jodit

Jodit WYSIWYG simple to use rich text editor with best filebrowser and minimal interface

xdsoft.net

https://github.com/xdan/jodit

 

xdan/jodit

Jodit - Best WYSIWYG Editor for You. Contribute to xdan/jodit development by creating an account on GitHub.

github.com

 

반응형
LIST

'Web > JQuery' 카테고리의 다른 글

[JQuery] WYSIWYG Editor  (0) 2021.01.07
[JQuery] Date & TimePicker  (0) 2021.01.06
[JQuery] 15+ jQuery Popup Modal Dialog Plugins and Tutorials  (0) 2013.02.25
[jQuery] jQuery 사이트 하나  (0) 2012.06.21
Posted by woojja

댓글을 달아 주세요

괜찮은 Date 와 Time Picker 가 있어 저장해 둡니다.

 

https://xdsoft.net/jqplugins/datetimepicker/

 

DateTimePicker

DateTimePicker jQuery plugin select date and time Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It's easy to customize options. Source code on GitHub or download (zip). Don't use file datetimepicker

xdsoft.net

https://github.com/xdan/datetimepicker

 

xdan/datetimepicker

jQuery Plugin Date and Time Picker. Contribute to xdan/datetimepicker development by creating an account on GitHub.

github.com

 

https://www.jonthornton.com/jquery-timepicker/

 

Timepicker for jQuery – Demos and Documentation

Non-input Example jquery-timepicker can be bound to any visibile DOM element, such as spans or divs. Pick Time

www.jonthornton.com

https://github.com/jonthornton/jquery-timepicker#timepicker-plugin-for-jquery

 

jonthornton/jquery-timepicker

A javascript timepicker plugin for jQuery inspired by Google Calendar. - jonthornton/jquery-timepicker

github.com

https://www.daterangepicker.com/

 

Date Range Picker — JavaScript Date & Time Picker Library

Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". To get started, include jQuery, Moment.js and Date Range

www.daterangepicker.com

https://longbill.github.io/jquery-date-range-picker/

 

jQuery Date Range Picker Demo

jQuery Date Range Picker jQuery Date Range Picker is a jQuery plugin that allows user to select a date range. Requires jQuery 1.7+ (MIT LICENSE), Moment 2.8.1+ (MIT LICENSE). Supports IE8+, Firefox, Chrome, Safari and other standard HTML5 browsers. Support

longbill.github.io

 

 

행복한 고수되셔요.

반응형
LIST

'Web > JQuery' 카테고리의 다른 글

[JQuery] WYSIWYG Editor  (0) 2021.01.07
[JQuery] Date & TimePicker  (0) 2021.01.06
[JQuery] 15+ jQuery Popup Modal Dialog Plugins and Tutorials  (0) 2013.02.25
[jQuery] jQuery 사이트 하나  (0) 2012.06.21
Posted by woojja

댓글을 달아 주세요

ViewComponent 를 호출하는 방식 은 두가지로.

 

1. @await Component.InvokeAsync("viewcomponentName", new { nameOfParameter = "value" })

2. <vc:viewcomponent-name name-of-parameter="value"></vc:viewcomponent-name>

 

1. 의 경우 [viewcomponentName]/Default.cshtml  을 생성하면 되지만

2. 의 경우와 같이 TagHelper 를 사용하고자 한다면

 

_viewImports.cshtml 파일에 @addTagHelper *, [Assembly Name] 를 추가할 것이며

이렇게 TagHelper 를 추가하여 사용하려한다면

 

Defaul.cshtml 과 함께 같은기능의 ViewComponent FileName.cshtml 파일을 별도로 생성해 주어야 한다.

 

 

 

행복한 고수되셔요.

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

반응형
LIST
Posted by woojja

댓글을 달아 주세요

상상코딩 입니다. ^^;

이렇게 하면 되지 않을까 하는...

지금 블로그에만 들어와 있는 상황인지라... 

//Startup class 의 ConfigureServices method 에 다음을 추가합니다.
services.AddHttpContextAccessor();
// WoojjaExcludeAuthFilter 라는 Custom Attribute 를 생성합니다.
public class WoojjaExcludeAuthFilter : AuthorizeAttribute, IAuthorizationFilter
{
    public WoojjaAuthFilter(params string[] roles)
    {
        ProtectedRoles = roles;
    }

    public string[] ProtectedRoles { get; }

    public void OnAuthorization(AuthorizationFilterContext context)
    {
	//container 로부터 IHttpContextAccessor haccess 를 Resolve
        var haccess = context.HttpContext.RequestServices.GetRequiredService<IHttpContextAccessor>();
	ClaimsPrincipal cp = hcontext.User;

/*
	// 또는 WebApi 에서 Claim 을 조회.
        using var httpClient = httpClientFactory.CreateClient();

        var resp = await httpClient.GetAsync("https://woojja.com/API/GetAccountClaims/woojja");
        ProtectedRoles = await resp.Content.ReadAsStringAsync();
*/

	for(int i = 0: i < ProtectedRoles.Count: i++){
		if(cp.Claims.Where(c => c.Type == jwtClaim.ToString()).Count > 0){			
			context.Result = new UnauthorizedResult();
		}
	}
    }
}

그리고 Action Result 에 적용합니다. 

[Authorize(Roles = "Administrators"]
[WoojjaExcludeAuthFilter("Sales","HRM")]
public async Task<IActionResult> Index()

조만간 적용해 보고 다시 글을 올리겠습니다. ^^;;;

 

행복한 고수되셔요...

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

반응형
LIST
Posted by woojja

댓글을 달아 주세요

asp.net mvc5 에서 ES5 Setting 하는 방법에 대해 알아봤습니다.

 

다음과 같은 글이 있어 공유합니다.

 

https://sung.codes/blog/2017/05/22/setting-es6-environment-asp-net-mvc-5/

 

Setting up an ES6 Environment for ASP.NET MVC 5

UPDATE : October 13th, 2018 Following post uses Babel 7 & Webpack 4. https://sung.codes/blog/2018/10/13/setting-up-a-react-environment-for…

sung.codes

 

 

행복한 고수되십시오.

 

woojja ))*

]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]

반응형
LIST
Posted by woojja

댓글을 달아 주세요

Controller 에 RoutePrefix Attribute 를 설정해도 작동하지 않는 경우가 있다.

이는 한가지를 설정해주지 않아서 일텐데...

 

    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
            
            routes.MapMvcAttributeRoutes();
            routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
            );
        }
    }

 

위와 같이 routes.MapMvcAttributeRoutes(); 를 추가해준다.

 

위 구문을 추가해주면 각 Controller 의 노출된 Action Method 에 기본적으로 Route Attribute 를 추가해주어야 한다.

 

 

 

 

행복한 고수되셔요.

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

반응형
LIST
Posted by woojja

댓글을 달아 주세요

 

https://www.w3schools.com/charsets/ref_utf_dingbats.asp

 

UTF-8 Dingbat 은 HTML Symbol 들 중의 하나입니다.

HTML Symbol 에는 이외에도 여러가지가 있으니 살펴보기 바랍니다.

 

Emoji 도 포함되어있습니다.

 

재미납니다. ^^

 

 

행복한 고수되십시오. ^^

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ 

 

 

 

 

반응형
LIST

'Web > HTML 5' 카테고리의 다른 글

[HTML Symbols] UTF-8 Dingbats  (0) 2020.02.06
[HTML5] autocomplete Attribute  (0) 2020.01.31
[HTML 5] 20. File API - 동영상  (0) 2011.07.29
[HTML 5] 19. SVG - 동영상  (0) 2011.07.29
[HTML 5] 18. Geolocation API - 동영상  (0) 2011.07.21
[HTML 5] 17. Web Socket - 동영상  (0) 2011.07.21
Posted by woojja

댓글을 달아 주세요

Web 개발을 하다 Developer Console 에  다음과 같은 정보가 나타났을 때 ...

Chrome Developer Console screenshot

More info 에 표시되어 있는 링크(https://goo.gl/9p2vKq) 로 이동하여 내용을 확인한다.

결국 autocomplete 속성을 설명한 페이지로 이동하게 되는데

이 페이지에서 내용을 확인한다.

 

Autofilling form controls: the autocomplete attribute

https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofilling-form-controls%3A-the-autocomplete-attribute

 

하지만 React 개발 시 Attribute 명을 autocomplete 로 입력하게 되면 아래와 같은 Error Message 를 확인하게 된다.

Chrome Developer Console ScreenShot

내용을 확인해 보면 autoComplete 로 입력을 유도하는 Message 를 확인할 수 있다.

 

해당사항을 수정하게되면 Console 에서 Message 가 사라지는 모습을 확인할 수 있다.

 

 

행복한 고수되셔요. ^^

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\

 

 

 

 

 

 

 

 

반응형
LIST

'Web > HTML 5' 카테고리의 다른 글

[HTML Symbols] UTF-8 Dingbats  (0) 2020.02.06
[HTML5] autocomplete Attribute  (0) 2020.01.31
[HTML 5] 20. File API - 동영상  (0) 2011.07.29
[HTML 5] 19. SVG - 동영상  (0) 2011.07.29
[HTML 5] 18. Geolocation API - 동영상  (0) 2011.07.21
[HTML 5] 17. Web Socket - 동영상  (0) 2011.07.21
Posted by woojja

댓글을 달아 주세요

반응형