4월, 2020의 게시물 표시

Java8 Stream 가이드

Java8 Stream 가이드1. 개요Java 8의 새로운 기능 Stream에 대해 설명합니다.2. Stream APIJava 8의 주요 새로운 기능 중 하나는 여러가지 요소(element) 처리를 위한 매우 강력한 스트림 기능인 java.util.stream 입니다 .
클래스는 Stream 이며, T 타입 기반의 Stream을 다양한 방법으로 생성할 수 있습니다.2.1. Stream 생성stream () 및 of () 메소드를 사용하여 콜렉션 또는 배열과 같은 다른 요소 소스에서 스트림을 작성String[] arr =newString[]{"a","b","c"}; Stream<String> stream = Arrays.stream(arr); stream = Stream.of("a","b","c");stream 을 생성하는 쉬운 방법은 컬렉션 인터페이스를 통해 생성할 수 있습니다.Stream<String> stream = list.stream();2.2. 멀티쓰레딩 Streamsstream API는 또한 스트림 요소에서 병렬 모드로 작업을 실행 하는 parallelStream() 메서드를 제공하여 멀티 스레딩을 단순화 합니다.
아래 코드 는 스트림의 모든 요소에 대해 doWork () 메소드 를 병렬 로 실행할 수 있도록 합니다list.parallelStream().forEach(element ->doWork(element));3. Stream 사용법스트림에서 제공하는 함수는 크게 중간 작업 (return Stream, self-return )과 연산작업 (특정 타입으로 return ) 으로 나뉩니다.long count = list.stream().distinct().count();distinct() 메서드는 이전 스트림에서 중복을 제거한 새로운 스트림을 만드는 중간 작업이고, count()는 스트림 크기를 리턴합니다.3.1…

[HTML] SVG 아이콘 만들기

이미지
안녕하세요. 명동섞어찌개입니다.

SVG (Scalable Vector Graphics) 는 이름 그대로 Bitmap 이미지와 달리 확대, 축소해도 깨지지 않는 이미지 포맷이죠. 요새 아이콘을 화면에 넣을 때 많이 쓰는 방법으로 아이콘 폰트를 임베딩해서 쓰거나, svg 아이콘을 다운받아 쓰는 법 외에 SVG 아이콘을 그려서 화면에 적용하는 아주 간단한 팁을 알려드릴께요!

1. Adobe 일러스트레이터를 켭니다. 없으신 분은.. 디자이너분께 부탁드려보시거나 회사 라이센스 프로그램이 있을 경우 그걸 써보세요 (협업~)


2. 일러스트레이터에서 필요한 아이콘을 그립니다. 굳이 코딩으로 어렵게 계산해서 그리실 필요가 전혀 없습니다. 그냥 보면서 그립니다.




3. 아이콘을 선택한 후 복사합니다. (Ctrl + C)

4. 새 문서를 만든 뒤 붙여넣기 합니다. (Ctrl + V) [icon-add-user-on.svg]

끝. 참 쉽죠?!



5. 마지막으로 CSS 에 적용합니다.
저 같은 경우는 일반적으로 이런 식으로 사용합니다.

[layout.css]
1 2 3.customIcon:before{content:'';position:absolute;top:12px;left:3px;background-size:20pxauto;background-repeat:no-repeat;width:20px;height:20px;}.addUser{background-image:url(assets/icons/icon-add-user-on.svg);}
[html]
1<iclass="customIcon addUser"></i>




[NCP] Live Station 을 활용해 실시간 방송 채널 구성하기 (Feat. PRISM Live Studio)

이미지
안녕하세요 남산도서관 입니다.  최근 코로나 사태로 인한 사회적 거리두기, 사이버 개학 등의 영향으로 온라인을 통한 교육 서비스가 점점 늘어가고 있는 상황입니다.
이에 이번 포스팅에서는 Naver Cloud Platform 을 활용하여 간단하게 실시간 방송을 송출할 수 있는 서비스인 Live Station  에 대하여 살펴 보도록 하겠습니다. 

현재 운영 모니터링 기능 및 Re-Stream 기능을 지원하는 새로운 Live Station 서비스를 제공하고 있으며, 기존에 제공되던 서비스는 '20년 4월 30일 까지만 운영된다고 하니 기존 서비스를 이용하고 계셨던 분들은 신규 서비스로 이전을 하시는 게 좋을 것 같습니다. 

그럼 새롭게 개편된 Live Station 을 통해 실시간 방송 채널을 만들어 보도록 하겠습니다.


1. Live Station 채널 설정

좌측 메뉴에서 Product & Services > Media > Live Station 을 선택합니다.





Live Station 메뉴로 진입하면 Channel Management 메뉴가 선택 됩니다. 
[채널설정] 버튼을 선택하여 신규 채널을 생성하겠습니다.




채널명을 설정하고 CDN 을 선택합니다.  CDN 신규 생성을 선택하면 시스템에서 자동으로 CDN 을 생성하게 됩니다. 
[다음] 버튼을 선택합니다. 




화질 설정 화면 입니다.  시스템에서 제공하는 화질을 선택하거나 사용자가 직접 화질을 설정할 수 있습니다. 
여기서는 일단 720p-Set 로 설정해 보도록 하겠습니다. 


720p-Set 를 선택하면 설정된 화질 정보를 상세히 확인 하실 수 있습니다. 
기본 설정에서 720p, 480p, 360p, Audio-192k 4개의 화질로 영상을 생성합니다.  HLS/DASH 를 지원하므로 Player 단에서 Adaptive Streaming 형식으로 영상을 재생할 수 있습니다. 




다음으로 DVR 설정을 진행할 수 있습니다 만 여기서는 일단 설정하지 않고 넘어가도록 하겠습니다.


간단하게…

REST API 설계하는 법

이미지
안녕하세요. 남산돈가스입니다.

지난 포스팅 "REST란?"에 이어서 REST API를 설계하는 법에 대해서 포스팅하겠습니다.

RESTful한 API를 설계하기 위해서 가지고 있어야하는 세가지 특징을 Richardson Maturity Model(이하 RMM)을 가지고 설명드리겠습니다.


위 그림은 RMM 모델을 얘기하는데, Leonard Richardson가 정의한 REST 방식의주요요소들을 3개의단계로나눈모델을 의미합니다. REST의 영광(?)을 얻기까지의 레벨을 총 0~3 단계로 표현했는데요. 

각 단계 별로 설명드리겠습니다.


Level 0 : The Swamp of POX 웹의 기본 메커니즘을 전혀 사용하지 않은 단계로, HTTP Body로 데이터 통신을 하고 있긴하지만 POX(Plain Old XML)로 요청과 응답을 주고받는 RPC(Remote Procedure Call) 스타일의 시스템입니다. HTTP Method는 POST만을 사용하며, 서버로 요청하는 서비스는 그 자체로 하나의 endpoint를 가지게 됩니다. 
쉽게 예를들자면, API 요청 도메인이 있고 게시판 기능을 하는 서비스를 만들었다고 한다면, POST /postService(게시판 서비스)와 같이 하나의 endpoint를 가지게 되고 이 endpoint로의 요청 Body의 addPost, getPost 등 필요로 하는 내용을 작성하여 요청을 전달하게 됩니다. 처음에 언급했듯이 HTTP가 제공하는 수많은 기능들을 모두 무시한 채 데이터를 통신하는 용도의 모델입니다. Level 1 : Resources RMM Level 1 에서는 Resources(이하 리소스)를 도입합니다. URI 설계 시 리소스라는 개념을 도입하여 요청을 단일 서비스 endpoint로 보내는 것이 아니라, 각각의 리소스와 통신하게 됩니다.
예를 들어, 기존 /postService 로 모든 요청을 전달한 것에 비해서, 이제 /posts/1 과 같이 posts라는 리소스를 만들어 1번 게시글이라는 리소스를 이해할…

Java8 Collectors 가이드

Java8 Collectors 가이드1. 개요스트림의 마지막 단계에서 사용되는 Collectors에 대해 설명합니다.2. Stream.collect() MethodStream.collect () 는 Java 8의 Stream API에서 제공하는 메소드입니다 . Stream 인스턴스에 보관 된 데이터 요소에 대해 변경 가능한 Grouping 작업 (요소를 일부 데이터 구조로 재 포장 및 추가 논리 적용, 연결 등)을 수행 할 수 있습니다.
이러한 작업 Grouping 작업은 Collector 인터페이스를 통해 제공됩니다 .3. Collectors모든 구현은 Collectors 클래스 에서 찾을 수 있으며, 가독성을 높이기 위해 다음 static import를 사용하는 것이 일반적입니다.importstatic java.util.stream.Collectors.*;아니면 개별적으로 선언할수 있습니다.importstatic java.util.stream.Collectors.toList;importstatic java.util.stream.Collectors.toMap;importstatic java.util.stream.Collectors.toSet;여기서는 아래의 리스트를 가지고 설명합니다.List<String> givenList = Arrays.asList("a","bb","ccc","dd");3.1. Collectors.toList()toList() 메소드는 Stream의 모든 요소를 List 인스턴스로 변환하는 데 사용할 수 있습니다 . 이 메소드를 사용하여 특정 List 구현을 없습니다. 다른 형태의 컬렉션으로 반환하려면 toCollection() 메소드를 사용해야 합니다.List<String> result = givenList.stream().collect(toList());3.2. Collectors.toSet()toSet() 메소드는 Stream…

[Angular] 모델, 값이 바뀌었는데 화면 template 이 업데이트 되지 않을 때 조치 팁

안녕하세요. 명동섞어찌개입니다.

Angular 로 화면을 만들다 보면 종종 서버에서 값을 읽어와서 비동기로 화면이 업데이트 되는 상황에서, 화면에 바뀐 값이 반영되지 않는 경우가 생깁니다.

분명 ts (typescript) 의 값은 바뀌었고, 서버에도 문제가 없는데 html template 화면만 값이 제대로 표시되지 않는 경우가 있습니다.

이럴 때 사용할 수 있는 간단한 방법을 공유하려고 합니다.


1. ngIf = "flag == true" 를 씁니다. data.html

1 2 3 4 5<div*ngIf="data.length > 1"><span*ngFor="let item of data; let idx=index"><span>{{item}}</span></span></div>

data.ts

1 2 3 4 5 6 7 8 9 10 11 12 13 14data=null;...getData(){this.dataService.getDatas().subscribe(data=>{this.data=data.result;},({error})=>{})}
비동기로 서버에서 값을 읽어올 때, 값이 들어온 시점에 (data.length > 1) 정확히 데이터를 들고 화면을 그려주기 위해 template 쪽에 ngIf 문을 이용해서 그려줍니다.

저런식으로 화면 일부가 데이터가 계속 바뀜에 따라 지속적으로 업데이트 되어야 하는데, 값은 잘 들어오지만 template 은 새로 그려지지 않을때 flag 를 하나 세팅해서 ngIf 로 제어하면 화면이 잘 바뀝니다.


예를 들어

[A 컴포넌트]  ---(click)--->  [B 컴포넌트]

A 컴포넌트에서 메인 메뉴를 클릭할 때 B 컴포넌트에서 각 서브메뉴 값들을 서버에서 새로 불러오는 상황에서
ts 는 값이 문제 없이 찍히는데 화면 템플릿은 업데이트 되지 않을 때

<compone…