BLANK, NULL AND BLACK

{LINUX} ubuntu setting

OS2018. 2. 19. 22:38

Ubuntu 16.04.3 LTS


- 파티션 나누기 계획(레드햇)

https://access.redhat.com/documentation/ko-kr/red_hat_enterprise_linux/6/html/installation_guide/s2-diskpartrecommend-x86


Unity Tweak Tool

-Arc Theme

--Arc-darker

'OS' 카테고리의 다른 글

{LINUX} 리눅스를 설치해 보자.  (0) 2021.07.12
{WINDOWS} ASP 메모리 부족  (0) 2015.08.14

WYSIWYG EDITOR

WEB2017. 12. 12. 14:19

사이드 프로젝트에 사용할 무료 위지윅 에디터를 찾고 있다.


네이버의 스마트 에디터나 다음(지금은 다음카카오)의 다음 에디터가 있었는데

이제는 지원이 끊긴듯 하다.


이런 기능은 있었으면 좋겠다 라고 생각하는 것이

테이블 그리기 와 소스뷰 그리고 본문에 사진 삽입 인데 하나씩 찾아보자.


1.TinyMCE

- 외산 에디터이지만 위에서 말한 국내 대형 포털에서 에디터를 무료 배포하던 시절부터 인기가 많았던걸로 기억한다.

- 지금은 커뮤니티 버전(무료)과 상용버전으로 따로 구분해서 배포 하는 듯 하다.

- 단순 개발용(사이드 프로젝트)이 아닌 퍼블릭한 어떤 서비스 제공을 목적으로 하는 거라면 라이선스를 검토해 볼 것.

- 테이블, 소스뷰, 사진삽입 가능

https://www.tinymce.com/


2.CKEditor

- TinyMCE 와 쌍벽을 이루던 외산 에디터.

- 역시나 오픈소스버전(무료)과 상용버전으로 구분하여 배포중. 사용용도에 따라 라이선스 내용 검토해 볼 것.

- 테이블, 사진삽입 기능은 확인. Documentation 에는 소스뷰 기능이 있다고는 하나 아직 확인 못했음.

https://ckeditor.com/


3.Trumbowyg

- Alex-D 라는 필명을 사용하는 사람이 개인적으로 만든 에디터 인 듯 하다.

- 꽤나 깔끔한 디자인과 꿀리지 않는 기능

- 사진삽입(Url을 통한), 소스뷰 기능이 기본, 플러그인을 통해 테이블과 컴퓨터에 이미지를 업로드 하는 기능을 추가 하는 듯.

https://alex-d.github.io/Trumbowyg/


4.textbox.io

- 검색하다 갑자기 튀어나온 녀석인데 꽤나 깔끔해보인다.

- 무료 커뮤니티 버전과 상용버전으로 구분. 용도에 따라 라이선스 검토해 볼 것.

- 테이블, 사진삽입, 소스뷰 모두 제공

https://textbox.io/


5.summernote

- 이름 답게 심플하고 시원한 디자인

- 부트스트랩 js 와 css 를 사용하는데 별생각 없이 사용 했다가 클래스 이름이 겹쳐서 다른 걸로 갈아탐.

- 이름 짓는게 좀 큰 일인데, 머리속에 떠오르는 이름을 대부분 부트스트랩에서 사용하고 있음. (나한텐 큰 단점)

- 남부러울것 없는 테이블, 사진삽입, 소스뷰 모두 제공

- https://summernote.org/


6.Quilljs

- 디자인 보고 반했지만, 원하는 기능 부족으로 그냥 보고만 있는 에디터.

- 이미지 삽입 기능은 기본 탑재 되어 있지만, 테이블과 소스뷰 기능을 아무리 찾아도 보이지 않음.

https://quilljs.com/


7.froala

- 이쁘고 기능도 맘에 듬.

- 하지만, 역시나 무료 버전은 없다. 이쁘고 맘에 드는건 반드시 대가를 치름.

- 물론 위에 무료이면서 이쁘고 좋은 기능을 가진 에디터도 많음. 하지만 왠지 돈을 낸다면 더 좋을거 같은 느낌.

- 무료 버전은 없지만, 신기하게도 다운로드는 무료로 가능함.

- Helper Center 에 이런 배포 방식에 대해 의문을 제기한 내용이 있는데, 개발과정에서 테스트&통합 하라는 개발자측의 배려.

-- https://wysiwyg-editor.froala.help/hc/en-us/articles/115003389089-Why-can-I-download-the-editor-if-it-s-not-free-

- 테이블, 이미지삽입, 소스뷰 모두 제공

- https://www.froala.com/



위에 기재된 에디터들 전부는 사용해보지 못했습니다.

참고 정도로만 활용해 주세요.

'WEB' 카테고리의 다른 글

ASP.NET Core minimal template  (0) 2017.11.09
셀 크기 조절  (0) 2017.06.07
잠재적 위험이 있는 Request.Form ASP.NET MVC4  (0) 2015.10.15

exec sp_rename '현재 스키마.테이블.컬럼', '변경할 이름', 'column'

'MS-SQL' 카테고리의 다른 글

SQL CONVENTION ?!!  (0) 2018.04.23
Stored Procedure  (0) 2018.04.23
중복제거된 목록에서 항목별 TOP 1 (?)  (0) 2017.11.08
오픈소스 데이터베이스 관리 툴  (0) 2017.09.17
LOG 파일 용량 줄이기  (0) 2017.08.07

vs-code에서 dll 참조

EDITOR2017. 11. 15. 16:56

https://stackoverflow.com/questions/42000798/how-to-add-system-data-and-system-timers-assembly-references-in-visual-studio-co


친절한 스크린샷까지

'EDITOR' 카테고리의 다른 글

Visual Studio Code  (0) 2017.03.17

비주얼스투디오2017, 비주얼스투디오코드에서 mvc 템플릿을 생성하면

ms 에서 제공하는 데모사이트(?)가 같이 생성된다.

 

신경 안쓰고 그냥 다 지우고 시작하거나

아니면 컨트롤러 부터 하나 새로 만들어서 시작하면 되겠지만

테스트 또는 실습을 위해 프로젝트를 몇개씩 만들때는 은근히 귀찮아진다.

(제이쿼리 라이브러리, 원치 않는 레이아웃 등 다른 파일들도 은근히 많음)

 

빈 템플릿을 만들고 싶은데 왜 자꾸 데모를 끼워넣는지.

 

검색해보니 역시 양형들은 한발짝 아니 몇발짝 앞서있다.

그들은 Empty 템플릿이라 하지 않고 Minimal 템플릿이라 부르는거 같다.

 

구글에서 how to generate empty .net core mvc template 이라는 

아무렇게 단어조합 신공으로 검색하니 몇가지가 나왔다.

 

비주얼스투디오2017로 미니멀 프로젝트를 생성하는 방법과

비주얼스투디오코드로 미니멀 프로젝트를 생성하는 방법 두개가 나왔다.

(이 두가지만 알면 되지 않나?)

 

1.비주얼 스튜디오 2017 : https://www.iambacon.co.uk/blog/create-a-minimal-asp-net-core-2-0-mvc-web-application

간단히 과정을 설명하면 

1-1.프로젝트 생성화면에서 MVC 템플릿을 선택하지 않고 Empty를 선택해서 생성

1-2.Nuget 으로 MVC 관련 패키지를 설치

1-3.Startup.cs 파일 수정 / Controllers 폴더 생성 / Views 폴더 생성

1-4.컨트롤러 생성 및 뷰 생성은 기존과 동일

 

2.비주얼 스튜디오 코드 : https://social.technet.microsoft.com/wiki/contents/articles/40043.asp-net-core-2-0-mvc-from-scratch-empty-web-project-in-vs-code.aspx

2-1.터미널에서 dotnet new web 으로 프로젝트 생성

2-2.Startup.cs 파일 수정 / Controllers 폴더 생성 / Views 폴더 생성

2-3.컨트롤러 생성 및 뷰 생성은 기존과 동일

 

'WEB' 카테고리의 다른 글

WYSIWYG EDITOR  (0) 2017.12.12
셀 크기 조절  (0) 2017.06.07
잠재적 위험이 있는 Request.Form ASP.NET MVC4  (0) 2015.10.15

MS-SQL 에서 중복제거는 DISTINCT 키워드로 가능하다.

MS-SQL 에서 제일 위에 있는 데이터를 보기 위해서는 TOP (숫자) 키워드로 가능하다.

(괄호안의 숫자는 상위 몇개까지 보여질지 결정하는 숫자)


[테스트 환경]

1.MS-SQL

2.1000라인의 사용자 정보 데이터(더미 데이터) (www.mockaroo.com)

3.사번, 이름, 이메일, 성별, 부서코드 등의 컬럼이 있지만, 이름과 부서코드 컬럼만 사용

4.부서코드는 D001 부터 D012 까지 코드가 있음


[목표]

각 부서코드로 조회시 제일 위에 나오는 사용자에게 팀장 권한을 주려고 함.

(말이 안되는 상황이지만, 어디까지나 임의의 데이터로하는 실습이니까..)


SELECT TOP 1 [이름] FROM [사용자테이블] WHERE [부서코드] = 'D001' UNION ALL

SELECT TOP 1 [이름] FROM [사용자테이블] WHERE [부서코드] = 'D002' UNION ALL

SELECT TOP 1 [이름] FROM [사용자테이블] WHERE [부서코드] = 'D003' UNION ALL

.....

SELECT TOP 1 [이름] FROM [사용자테이블] WHERE [부서코드] = 'D012'


보통 회사의 부서가 수백/수천개가 아니니까 이런식으로 해도 되겠지만,

뭔가 좀.. 



SELECT

     [부서].[부서코드]

    ,(SELECT TOP 1 [이름] FROM [사용자테이블] WHERE [부서코드] = [부서].[부서코드]) AS Name

FROM

    (    SELECT

             DISTINCT [부서코드]

         FROM

             [사용자테이블]    ) AS [부서]

ORDER BY

    [부서].[부서코드]



원하는대로 결과가 나왔다.

혹시 지나가다 더 좋은 방법이 있으신 분들은 알려주시기 바랍니다.

'MS-SQL' 카테고리의 다른 글

Stored Procedure  (0) 2018.04.23
MS SQL Server 컬럼 이름 변경  (0) 2017.11.16
오픈소스 데이터베이스 관리 툴  (0) 2017.09.17
LOG 파일 용량 줄이기  (0) 2017.08.07
'sa' 계정으로 로그인 안됨  (0) 2017.01.16

ngStyle

ANGULAR2017. 11. 1. 00:12

인라인 타입

<p [ngStyle]="{color: 'red', backgroundColor: 'blue'}">

 예제 입니다.

</p>



메서드타입

<p [ngStyle]="{color: 'red', backgroundColor: getBackgroundColor()}">

ts 파일에서 메서드 생성


getBackgroundColor() : string {

    //return "black"; //문자열 반환

    return (new Date()).getSeconds() % 2 == 0 ? "green" : "lime"; // 새로고침 시점이 짝수 초일때 초록색, 아닐때 라임색

}




## 정리 필요

'ANGULAR' 카테고리의 다른 글

Angular 4  (0) 2017.10.31

Angular 4

ANGULAR2017. 10. 31. 23:27

https://www.youtube.com/user/visualacademy/playlists


1.실습환경

1-1.윈도우10

1-2.NodeJS

1-3.NetCore2.0

1-4.Angular/CLI


NodeJS, 닷넷코어, Angular 모두 낯설다.

거기에 Angular는 CLI 로 프로젝트 생성/컴포넌트 추가등을 진행한다.

각 명령어(?)도 알아둬야 한다.


2.구성

2-1.NodeJS 와 .NetCore 는 각각 사이트에서 다운받아 다음-다음 설치 하면 된다.

2-2.npm install -g @angular/cli 명령어로 Angular CLI 를 설치하자.

(install -> i 로 alias 형태로 가능)

(--global -> -g 로 alias 형태로 가능 위는 축약형태를 사용. alias 형태 미사용시 대쉬2개)

2-3.ng new 프로젝트이름 -d

(지정된 이름으로 프로젝트를 생성하나 -d 옵션을 붙여 dry run, 즉 어떤 구조를 가지면서 생성 되는지 미리 확인 가능)

(--dry-run -> -d alias 형태로 가능)

2-4.


ng new 프로젝트이름

ng new 프로제트이름 --skip-install (인스톨을 스킵?)

npm install (node_modules 폴더의 내용을 채워줌? package.json 파일의 내용을 토대로 의존성을 가지는 파일을 다운로드?)

ng serve -o (--open)


ng generate component 컴포넌트이름 (컴포넌트를 추가)

ng g c 컴포넌트이름 (위의 alias 형태)

ng generate component 컴포넌트이름 --spec false (*.spec.ts 파일을 생성하지 않음.)(스펙 파일이 뭐하는 파일인지 아직 이해안됨.)

ng generate component 컴포넌트이름 --inline-template (*.html 파일을 생성하지 않음.)(별도의 html 템플릿을 생성하지 않고, ts 파일에 바로 html 코드를 사용하겠다 라는 의미인거 같음. 간단한 뷰의 경우 ts 파일에 포함 시키는게 편한듯)

ng generate component 컴포넌트이름 -it (위와 같은 결과. --inline-template 의 alias 형태)

ng generate component 컴포넌트이름 --inline-style (css 파일을 생성하지 않음. --inline-template 과 같은 형식인거 같음)

ng generate component 컴포넌트이름 -it --inline-style (html 파일과 css 파일을 생성하지 않음)

ng generate component 컴포넌트이름 -it -is (위와 동일한 결과를 alias 형태로)



## 정리 필요

'ANGULAR' 카테고리의 다른 글

ngStyle  (0) 2017.11.01

http://kimseunghyun76.tistory.com/382


원격지에 디비를 생성하고,

가벼운 디비관리 오픈소스 툴을 찾다보니 이 블로그가 나왔다.


나는 DBeaver 라는 툴을 설치해봤다.

아직은 쿼리창만 필요하니 부족함이 없다. 아직은..

'MS-SQL' 카테고리의 다른 글

MS SQL Server 컬럼 이름 변경  (0) 2017.11.16
중복제거된 목록에서 항목별 TOP 1 (?)  (0) 2017.11.08
LOG 파일 용량 줄이기  (0) 2017.08.07
'sa' 계정으로 로그인 안됨  (0) 2017.01.16
ROW ↔ COLUMN (PIVOT) - 두번째  (0) 2016.04.21

ClassicASP VarType Number

ASP2017. 8. 10. 17:52


ClassicASP 에서 자료 타입을 알아 볼 수 있는 함수는 VarType(변수) 이다.

결과는 숫자로 반환한다. 아래 표를 참고하자. (Value항목의 값으로 반환)



ConstantValueDescription
vbEmpty 0 Empty (uninitialized)
vbNull 1 Null (no valid data)
vbInteger 2 Integer
vbLong 3 Long integer
vbSingle 4 Single-precision floating-point number
vbDouble 5 Double-precision floating-point number
vbCurrency 6 Currency
vbDate 7 Date
vbString 8 String
vbObject 9 Automation object
vbError 10 Error
vbBoolean 11 Boolean
vbVariant 12 Variant (used only with arrays of Variants)
vbDataObject 13 A data-access object
vbDecimal 14 Decimal Value
vbByte 17 Byte
vbLongLong 20 LongLong integer (64 bit)
vbArray 8192 Array

참고: https://stackoverflow.com/questions/3281355/get-the-type-of-a-variable-in-vbscript