심재운 블로그

전체 글 → (999)건

6편 - Reactant 로 TODO 만들어 보기

https://stackblitz.com/edit/reactant-todomvc reactant-todomvc - StackBlitz Reactant TodoMVC Example stackblitz.com 먼저 해더, 푸터, 리스트 및 내역을 컴포넌트로 만들어 봅니다. 서비스 : todo.service.ts 상단 메뉴를 제외하곤 전부 사용하는 서비스이다. 아마 여기가 데이터 창고일 것이다. import { injectable, action, state, autobind } from 'reactant'; const filters = ['All', 'Active', 'Completed'] as const; export type Filters = typeof filters; export type Visibil..
닷넷관련/ASP.NET MVC & Core 2020. 8. 13. 01:57

5편 - Reactant 의 Dependency Injection 알아보기

Dependency Injection Reactant는 TypeScript (JavaScript 지원)를 지원하는 의존성 주입을 제공합니다. 의존성 주입 메타 데이터를 기록하기 위해 Reflect.metadata뿐만 아니라 TypeScript에 근거 experimentalDecorators 기능을 권장합니다. 데코레이터의 실험적인 지원을 활성화하려면 tsconfig.json 명령 줄 또는 experimentalDecorators 컴파일러 옵션을 활성화해야합니다. { "compilerOptions": { "experimentalDecorators": true } } @injectable() @injectable() 를 사용하면, Reactant을 사용하여 현재 모듈을 주입 가능한 모듈로 바꿉니다. @inj..
프로그래밍/ReactJS, React Native 2020. 8. 13. 01:36

4편 - Reactant 의 View Module 알아보기

View Module ViewModule을 상속받고 컴포넌트 메소드(React 함수 컴포넌트)를 정의함으로써 View에서 모듈을 구현하는데 사용할 수 있습니다. 현재 ViewModule의 임의의 메소드를 컴포넌트에 주입할 수도 있고, useConnector를 사용하여 현재 공유 모듈 상태 또는 다른 의존 모듈의 상태를 주입할 수도 있습니다. interface Todo { text: string; completed: boolean; } @injectable() class TodoView extends ViewModule { @state list: Todo[] = []; addTodo(text: string) { this.list.push({ text, completed: false, }); } @actio..
프로그래밍/ReactJS, React Native 2020. 8. 13. 01:19

3편 - Reactant 의 @state 와 @action 알아보기

https://reactant.js.org/docs/state-action Reactant · A framework for building React applications A framework for building React applications reactant.js.org @state 및 @action Reactant는 React의 불변의 공유 state 를 장식(decorating)하는 @state 를 제공하며, state 변경 업데이트를 장식(decorating)하는 @action 도 제공합니다. 이것은 Redux 와 Immer 을 기반으로 되어 있습니다. @state 다음 예제 list 에서 Foo 모듈은 React의 공유 state 가 아니며, 변경된 위치에서 React 컴포넌트로 자동 업..
프로그래밍/ReactJS, React Native 2020. 8. 13. 01:07

2편 - Reactant 설치 부터 개념 알아보기

https://reactant.js.org/docs/concepts Reactant · A framework for building React applications A framework for building React applications reactant.js.org 설치 reactant-cli를 사용하여 새로운 Reactant 프로젝트를 빠르게 생성하는 것이 좋습니다. reactant-cli 에 대한 자세한 정보를 참조하세요. Reactant · A framework for building React applications A framework for building React applications reactant.js.org reactant-cli 사용 npx reactant-cli init ..
프로그래밍/ReactJS, React Native 2020. 8. 13. 00:45

1편 - Reactant : A framework for building React applications 소개

ReactantA : framework for building React applications 탄생배경 React는 사용자 인터페이스를 구축하기위한 JavaScript 라이브러리이지만 React를 기반으로 애플리케이션을 개발하려면 많은 구축 구성과 다른 많은 라이브러리 선택 (React 상태 라이브러리 및 라우터 라이브러리 선택 및 학습 등)을 수행해야합니다. ). 또한 비즈니스 로직이 어떻게 추상화되고 구조화되어야하는지 고려해야합니다. React를 사용하는 모든 사람은 React가 어떻게 구축되었는지에 대한 자신의 인식을 실천하지만 비즈니스 로직 자체에 빠르게 집중할 수는 없습니다. 애플리케이션 비즈니스의 규모가 커짐에 따라 쉽게 이해하고 유지 관리 할 수있는 프레임 워크가 절실히 필요합니다. 그리고..
프로그래밍/ReactJS, React Native 2020. 8. 12. 23:26

ASP.NET Core 에서 GraphQL 시작해 보기

https://code-maze.com/graphql-aspnetcore-basics/ Getting Started with GraphQL in ASP.NET Core - Code Maze In this article we are going to learn about GraphQL in ASP.NET Core integration, how to start with the project and how to create a first GraphQL query. code-maze.com ASP.NET Core application 에서 GraphQL을 설정하는 방법을 배웁니다. 이 통합을 보다 쉽게 하기 위해 다른 타사 라이브러리를 사용하고 GraphQL elements (Type, Query 및 Schema..
닷넷관련/ASP.NET MVC & Core 2020. 8. 3. 23:52

C# 으로 Lists 를 간단한 방법으로 Shuffle 순서 섞어보기

A Simple Way to Shuffle Your Lists in C# C# 으로 Lists 를 간단한 방법으로 Shuffle 순서 섞어보기 목록에서 약간의 무작위성이 필요한 적이 있을 경우 목록을 섞는 간단한 방법을 Guid() 함수를 통해 간단하게 사용이 가능합니다. 목록이 상당히 많은 경우에는 성능이슈가 존재합니다. 약간의 목록 개수를 랜덤으로 순서를 변경할땐 좋은 함수 있습니다. var shuffledcards = cards.OrderBy(a => Guid.NewGuid()).ToList(); stackoverflow.com/a/4262134 Randomize a List What is the best way to randomize the order of a generic list in C#? ..
닷넷관련/CSharp 2020. 7. 21. 02:00

Windows 10 에서 MySQL 설치하기

소개 MySQL은 잘 설정된 관계형 데이터베이스 관리 시스템입니다. Windows 컴퓨터 시스템과 완벽하게 호환됩니다. MySQL 제품 설정을 단순화하도록 설계된 응용 프로그램 인 MySQL Installer를 사용하면 몇 분 안에 MySQL을 설치 및 배포 할 수 있습니다. 이 기사는 포괄적이고 이미지가 풍부하며 Windows 서버에서 MySQL을 설치하고 완전히 구성하는 데 필요한 개별 단계에 중점을 둡니다. 전제 조건 Windows 서버에 대한 관리자 권한 Windows 컴퓨터 시스템 Windows 용 MySQL 설치 프로그램 다운로드 Windows 용 MySQL 설치 프로그램은 사용자에게 친숙한 인터페이스를 제공하여 설치 프로세스를 제어 할 수 있도록 도와줍니다. 또한 MySQL을 구성하는 데 필..
데이터베이스/Mysql&PostgreSql 2020. 7. 10. 10:10

asp.net mvc 의 @ 특수기호 문자값으로 사용하기

대부분의 경우 Razor 개발을 할 때 @ 기호를 특별히 사용하므로 가끔 아래와 같이 메일주소로 @ 를 사용시 오류가 발생합니다. Reach out to us at contact@mail.com 따라서 아래 예제와 같이 @@ 하여 명시적으로 이스케이프 처리해야 오류가 발생되지 않습니다. Join us @@ Stack Overflow! 또는 HTML로 인코딩 된 @ 문자를 @ 로 사용할 수 있습니다. Join us @ Stack Overflow!
닷넷관련/ASP.NET MVC & Core 2020. 6. 30. 09:57

타이머 timer 시분초를 localStorage 와 함께 사용

타이머 시분초를 localStorage 와 함께 사용하여 새로고침해도 초기화 되지 않게 하기 https://stackoverflow.com/questions/43134829/wants-javascript-countdown-to-continue-from-where-it-was-even-after-refresh
프로그래밍/JavaScript 2020. 6. 24. 13:39

ASP.NET Core Blazor 소개 (.NET Core 3.1 SDK 이상)

https://docs.microsoft.com/ko-kr/aspnet/core/blazor/?view=aspnetcore-3.1 ASP.NET Core Blazor 소개 ASP.NET Core 앱에서 .NET을 사용하여 대화형 클라이언트 쪽 웹 UI를 빌드하는 방법인 ASP.NET Core Blazor를 살펴봅니다. docs.microsoft.com ASP.NET Core Blazor 소개 작성자: Daniel Roth 및 Luke Latham Blazor에 오신 것을 환영합니다! Blazor는 .NET을 사용하여 대화형 클라이언트 쪽 웹 UI를 빌드하기 위한 프레임워크입니다. JavaScript 대신 C#을 사용하여 풍부한 대화형 UI를 만듭니다. .NET에서 작성된 서버 쪽 및 클라이언트 쪽 앱 논..
닷넷관련/ASP.NET MVC & Core 2020. 6. 23. 02:58

javascript 의 Template Strings 사용해 보기

javascript 의 Template Strings은 ES6 을 지원하는 브라우저에서 가능합니다. + 연산자를 통한 문자열 조합 처리 var firstName = 'Jake'; var lastName = 'Rawr'; console.log('My name is ' + firstName + ' ' + lastName); // My name is Jake Rawr Template String 을 통한 문자열 조합 처리 (이는 ES6 을 지원하는 브라우저에서 가능함) var firstName = 'Jake'; var lastName = 'Rawr'; console.log(`My name is ${firstName} ${lastName}`); // My name is Jake Rawr Template Stri..
프로그래밍/JavaScript 2020. 6. 19. 12:32

javascript 의 == (or !=) 보단 === (or !==) 연산자를 사용하자.

자동적으로 형변환을 해서 비교해야 할 부분이 있다면 == (or !=) 를 사용합니다. 단, === (or !==) 연산자를 사용하면 어떤 형변환을 수행하지 않습니다. 따라서 성능측면으로 보면 == (or !=) 보다는 === (or !==) 연산자가 더 좋죠. 그리고 == (or !=) 지시자는 형변환을 하므로 생각치도 못한 결과값을 아래와 같이 초래 할 수 있으니 가급적 === (or !==) 의 지시자를 사용하는 것을추천합니다. [10] == 10 // is true [10] === 10 // is false '10' == 10 // is true '10' === 10 // is false [] == 0 // is true [] === 0 // is false '' == false // is tru..
프로그래밍/JavaScript 2020. 6. 19. 12:25

웹브라우저의 image 캐시(cache) 를 javascript 로 해결하는 방법

html 내부에 이미지가 존재하는데 브라우저 캐시로 인해 동일한 이미지명을 새로운 이미지로 변경할때는 캐시로 인해 반영되지 않습니다. 이를 위해서 뒤에 파라미터 넣어서 항상 서버로 부터 이미지 경로를 호출해서 바인딩 하는 방법은 아래와 같이 간단하게 스크립트로 할 수 있습니다. jQuery $(document).ready(function () { $('.NO-CACHE').attr('src',function () { return $(this).attr('src') + "?a=" + Math.random() }); }); Javascript var nods = document.getElementsByClassName('NO-CACHE'); for (var i = 0; i < nods.length; i++)..
프로그래밍/jQuery 2020. 6. 18. 12:55

PostgreSQL 로 구축한 asp.net core 2.0 / identity / dapper.net

PostgreSQL 로 구축한 asp.net core 2.0 버전이며, 인증은 identity 로 하였고 entityframework 가 아닌 dapper.net 을 통해 구축된 오픈 소스 입니다. Identity package that uses Dapper instead EntityFramework for use with .NET Core https://github.com/grandchamp/Identity.Dapper grandchamp/Identity.Dapper Identity package that uses Dapper instead EntityFramework for use with .NET Core - grandchamp/Identity.Dapper github.com Using Guid a..
닷넷관련/ASP.NET MVC & Core 2020. 6. 16. 03:45

PostgreSQL 자동증가 AUTO INCREMENT 처리방법

PostgreSQL 자동증가 AUTO INCREMENT 처리방법 Postgres는 오픈 소스, 다중 플랫폼 RDBMS 데이터베이스입니다. Postgres의 JSON 지원은 환상적입니다. Postgres는 분산 방식으로 확장 할 수 있으며 Postgres 의 확장 인 Citus를 사용하여 분산 데이터베이스의 모든 이점을 얻을 수 있습니다 . SEQUENCE 개체 PostgreSQL에서는 전통적으로 어떤 숫자를 차례대로 사용할 경우, 시퀀스 SEQUENCE 라는 개체를 사용했습니다. -- 시퀀스 생성 CREATE SEQUENCE seq_ttt; -- 테이블 생성 CREATE TABLE tbl_ttt_seq ( seq int not null default nextval('seq_ttt') --시퀀스 매칭 , ..
데이터베이스/Mysql&PostgreSql 2020. 6. 16. 01:31

MSSQL TABLE 에서 C # CLASS 일괄 만들기 (EntityFramework 활용)

MSSQL TABLE 에서 C # CLASS 일괄 만들기 (EntityFramework 활용) https://blog.bitscry.com/2020/04/02/creating-c-classes-from-sql-tables/ Creating C# Classes from SQL Tables – bitScry If you want to use Entity Framework to access pre-existing SQL tables (the database first approach) then providing they’re all keyed up correctly it’s possible to generate all the required classes and the DB context for them wi..
닷넷관련/CSharp 2020. 6. 15. 15:55

jQuery 로 다중의 textarea 의 값 일괄 변경하기

jQuery 로 다중의 textarea 의 값 일괄 변경하기 Replace multiple strings within textarea with jQuery I have a working code that replaces multiple strings within a textarea. However it only replaces strings that are written onLoad in my textarea. I want to paste some text into the textarea and rep... stackoverflow.com js $(".change").click(function() { var dictionary= { "Schwarz":"#000000", "Braun":"#6F3E18", ..
프로그래밍/jQuery 2020. 6. 15. 09:43

d-day 를 설정하고 현재시간을 비교하여 카운트다운

d-day 를 설정하고 현재시간을 비교하여 카운트다운을 하는 소스 참고사이트 https://www.fome-job.com/board/board_list.php?code=bbs_contents2 2020 중견기업 온라인 일자리박람회 LOGIN 로그인/가입은 직감앱 서비스 회원 계정을 이용합니다. www.fome-job.com
프로그래밍/JavaScript 2020. 6. 9. 15:39

ASP.NET Core OData Part 1 (blog. Ricardo Peres)

https://blogs.msmvps.com/ricardoperes/2020/06/07/asp-net-core-odata-part-1/ ASP.NET Core OData Part 1 – Development With A Dot MVP Introduction OData is an open standard for making an object-oriented domain model available as an HTTP REST interface.In a nutshell, it provides a specification for returning domain models as result of HTTP requests, querying them over the URL and even cre blogs.msmv..
닷넷관련/ASP.NET MVC & Core 2020. 6. 9. 13:14

ASP.NET MVC 보안 설정 (커스텀 header 로 조치)

https://blog.elmah.io/improving-security-in-asp-net-mvc-using-custom-headers/ Improving security in ASP.NET MVC using custom headers Improving the security in your ASP.NET MVC and Web API app is easy using custom headers and a bit of C#. Using this guide, you will learn about the entire list of headers needed to make it hard for hackers to exploit your website. No need to browse through blog.elm..
닷넷관련/ASP.NET MVC & Core 2020. 6. 5. 14:55

MSSQL Server Zero Pad Left ( 빈 앞자리에 0 채우기) - Format 함수 활용

MSSQL Server Zero Pad Left ( 빈 앞자리에 0 채우기) - Format 함수 활용 MSSQL 2012 이상 버전은 자체 함수인 FORMAT 을 이용하여 쉽게 사용이 가능합니다. SELECT FORMAT(151, '0000') as myId 그 미만 버전 경우는 함수를 만들어서 사용해야겠죠. http://www.sqlserver.info/data-formatting/sql-server-zero-pad-left/ SQL Server Zero Pad Left | SQLServer.info In a recent project, I had the task of padding a number with zeros. SQL Server doesn’t have a built in Zero Pad L..
데이터베이스/MS-SQL 2020. 5. 29. 12:00

React.js 의 class 방식과 function 방식 비교 (react hook)

React.js 의 Class 사용방식과 Function 을 사용한 hook, custom hook 이렇게 3가지 방식을 비교한 코드입니다. 작동은 전부 동일합니다. props 를 통해 300 값을 전달하여 카운팅 -1 을 1초마다 작동합니다. 버튼 onclick 을 통해 + 10 만큼 추가 됩니다. App.js import React, { Component } from 'react'; import './App.css'; import { Countdown } from './countdown' import { CountdownClass } from './countdownClass' import { CountdownWithUseInterval } from './countdownWithUseInterval' ..
프로그래밍/ReactJS, React Native 2020. 5. 28. 02:22

ASP.NET MVC 및 WEB API 에서 TLS 1.2 강제 실행 방법

SSL/TLS 에 대한 설명은 아래 블로그를 참고하시면 되겠습니다. http://www.itworld.co.kr/tags/52416/SSL/113007 SSL/TLS의 이해와 TLS 1.3으로 업그레이드해야 하는 이유 웹 초창기부터, SSL(Secure Sockets Layer) 프로토콜과 그 후예인 TLS(Transport Layer Security)는 암호화와 보안을 제공해 인터넷 상거래를 가능하게 만들었다. SSL, TLS와 같은 프로토콜은 점점 더 정교해져 가� www.itworld.co.kr 본론으로 넘어가서.... ASP.NET MVC 및 WEB API 설정하기 TLS 1.2 를 강제 실행하려면, 사이트의 루트에서 global.asax 파일을 찾아 마우스 오른쪽 단추로 클릭하고 코드 열어서 A..
닷넷관련/ASP.NET MVC & Core 2020. 5. 27. 18:09

서울 근처 여행 봄 나들이 수원 봉녕사

서울 근처 여행 봄 나들이 수원 봉녕사 오시는 길 http://www.bongnyeongsa.org/menu01/09/09_01 봉녕지보기 | 봉녕지 | 사찰소개 | 봉녕사 2호선 : 강남역 5,6번 출구 사이 나리빌딩앞 정류장에서 3007번 승차, 잠실역 6번 출구앞 정류장에서 1007,1007-1번 승차 3호선 : 양재역 9번 출구 커피빈앞 정류장에서 3007번 승차 2호선, 4호선 : 사당역 www.bongnyeongsa.org 봉영사 주차장에 도착하면 용화각 안에 석조로 되어 있는 불상이 있으며 문 앞 가이드 설명은 고려 중기로 추측한다고 되어 있지만 홈페이지는 고려 말기로 표기되어 있네요. 더보기 1998년에 신축된 이 전각에는 석조삼존불(경기도 유형문화재 제151호)이 모셔져 있다. 이 삼존불..
생활정보 2020. 5. 25. 12:49

JSON C# Class Generator 소개

https://archive.codeplex.com/?p=jsonclassgenerator CodePlex Archive An archive of the CodePlex open source hosting site archive.codeplex.com json 형태의 문자값을 c# 의 class 로 generate 해주는 어플리케이션 인데요. json 을 strongly typed 로도 사용할 수 있게 해 두었다고 하네요. 현재는 typed arrays, typed objects, integers, floats, booleans, strings 그리고 nullable type 까지 지원하고 있다고 합니다. 위의 generate 프로그램으로 생성된 c# 클래스를 바탕으로 활용하는 방법은 아래 코드와 같습니..
닷넷관련/CSharp 2020. 5. 22. 10:17

SQL Server 2016 의 JSON PARSE 함수 중, JSON_VALUE 와 JSON_QUERY 알아보기

1. JSON_VALUE JSON 문자열에서 스칼라 값을 추출합니다. 스칼라 값 대신 JSON 문자열에서 개체 또는 배열을 추출하려면 JSON_QUERY(Transact-SQL)를 참조하세요. https://docs.microsoft.com/ko-kr/sql/t-sql/functions/json-value-transact-sql?view=sql-server-ver15 JSON_VALUE(Transact-SQL) - SQL Server JSON_VALUE(Transact-SQL)JSON_VALUE (Transact-SQL) 이 문서의 내용 --> 적용 대상: SQL Server 2016 이상 Azure SQL Database Azure Synapse Analytics(SQL DW) 병렬 데이터 웨어하우스 ..
데이터베이스/MS-SQL 2020. 5. 21. 18:32

MS SQL Server 의 FOR JSON AUTO 로 쿼리결과값을 JSON 문자열로 생성하기

SQL Server 에서는 FOR JSON쿼리 에서 절을 사용하여 결과를 JSON으로 형식화 할 수 있습니다 . 이 작업을 수행 할 때는 AUTO 또는 PATH 옵션을 선택해야합니다 . 이 기사에는 AUTO 옵션 사용 예가 포함되어 있습니다. 문법 구문은 다음과 같습니다. SELECT ... (여기에 쿼리구문 작성...) FOR JSON AUTO; 기본적으로 FOR JSON AUTO 를 쿼리 끝에 추가 하기 만 하면됩니다. Example 1 – 기본 사용 실행쿼리 구문 USE Music; SELECT TOP 3 AlbumName, ReleaseDate FROM Albums FOR JSON AUTO; 결과내역 [ { "AlbumName": "Powerslave", "ReleaseDate": "1984-09..
데이터베이스/MS-SQL 2020. 5. 21. 16:57

정부 긴급재난지원금 신청안내 (신용·체크카드 사용 제한 업종)

https://www.xn--jj0bb2kr6h965bxcbp8g.kr/sub_01.jsp 행정안전부 2020년 긴급재난지원금 ‘긴급재난지원금’이란? 코로나19의 글로벌 대유행(pandemic)에 따라, 국내외 경제는 전례없는 불확실성에 직면하게 되었습니다. - 특히 경제활동과 소비심리가 크게 위축되고민생ㆍ경제 전반의 www.xn--jj0bb2kr6h965bxcbp8g.kr 정부 긴급재난지원금 1. 긴급재난지원금이란? 코로나19로 어려움을 겪는 국민에 대한 생활안정 및 경제 회복 지원을 목적으로 정부에서 전국민에게 지급하는 지원금입니다. 2. 신청 대상 주민등록표 상 세대주가 신청(건강보험법상 피부양자인 배우자와 자녀는 동일한 세대로 간주) 가능합니다. 가구원수는 2020. 3. 29 시점 동일 세대별 ..
생활정보 2020. 5. 13. 16:29
◀ 1 2 3 4 ··· 34 ▶