본문 바로가기

분류 전체보기

 (332)
[HTML] SVG 아이콘 만들기 안녕하세요. 명동섞어찌개입니다. SVG (Scalable Vector Graphics) 는 이름 그대로 Bitmap 이미지와 달리 확대, 축소해도 깨지지 않는 이미지 포맷이죠. 요새 아이콘을 화면에 넣을 때 많이 쓰는 방법으로 아이콘 폰트를 임베딩해서 쓰거나, svg 아이콘을 다운받아 쓰는 법 외에 SVG 아이콘을 그려서 화면에 적용하는 아주 간단한 팁을 알려드릴께요! 1. Adobe 일러스트레이터를 켭니다.없으신 분은.. 디자이너분께 부탁드려보시거나 회사 라이센스 프로그램이 있을 경우 그걸 써보세요 (협업~) 2. 일러스트레이터에서 필요한 아이콘을 그립니다.굳이 코딩으로 어렵게 계산해서 그리실 필요가 전혀 없습니다. 그냥 보면서 그립니다. 3. 아이콘을 선택한 후 복사합니다. (Ctrl + C) 4. ..
[NCP] Live Station 을 활용해 실시간 방송 채널 구성하기 (Feat. PRISM Live Studio) 안녕하세요 남산도서관 입니다. 최근 코로나 사태로 인한 사회적 거리두기, 사이버 개학 등의 영향으로 온라인을 통한 교육 서비스가 점점 늘어가고 있는 상황입니다. 이에 이번 포스팅에서는 Naver Cloud Platform 을 활용하여 간단하게 실시간 방송을 송출할 수 있는 서비스인 Live Station 에 대하여 살펴 보도록 하겠습니다. 현재 운영 모니터링 기능 및 Re-Stream 기능을 지원하는 새로운 Live Station 서비스를 제공하고 있으며, 기존에 제공되던 서비스는 '20년 4월 30일 까지만 운영된다고 하니 기존 서비스를 이용하고 계셨던 분들은 신규 서비스로 이전을 하시는 게 좋을 것 같습니다. 그럼 새롭게 개편된 Live Station 을 통해 실시간 방송 채널을 만들어 보도록 하겠습..
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..
java8 Collector Java8 Collectors 가이드1. 개요스트림의 마지막 단계에서 사용되는 Collectors에 대해 설명합니다.2. Stream.collect() MethodStream.collect () 는 Java 8의 Stream API에서 제공하는 메소드입니다 . Stream 인스턴스에 보관 된 데이터 요소에 대해 변경 가능한 Grouping 작업 (요소를 일부 데이터 구조로 재 포장 및 추가 논리 적용, 연결 등)을 수행 할 수 있습니다. 이러한 작업 Grouping 작업은 Collector 인터페이스를 통해 제공됩니다 .3. Collectors모든 구현은 Collectors 클래스 에서 찾을 수 있으며, 가독성을 높이기 위해 다음 static import를 사용하는 것이 일반적입니다.import stat..
[Angular] 모델, 값이 바뀌었는데 화면 template 이 업데이트 되지 않을 때 조치 팁 안녕하세요. 명동섞어찌개입니다. Angular 로 화면을 만들다 보면 종종 서버에서 값을 읽어와서 비동기로 화면이 업데이트 되는 상황에서, 화면에 바뀐 값이 반영되지 않는 경우가 생깁니다. 분명 ts (typescript) 의 값은 바뀌었고, 서버에도 문제가 없는데 html template 화면만 값이 제대로 표시되지 않는 경우가 있습니다. 이럴 때 사용할 수 있는 간단한 방법을 공유하려고 합니다. 1. ngIf = "flag == true" 를 씁니다.data.html 1 2 3 4 5 {{item}} data.ts 1 2 3 4 5 6 7 8 9 10 11 12 13 14data = null; . . . getData() { this.dataService.getDatas().subscribe( dat..
[Angular] history back 기능 구현 : 상세 화면 뒤로가기하여 목록 화면으로 이동 시 검색조건 그대로 보여주기 안녕하세요, 명동섞어찌개입니다. 오늘은 관리자 화면에서 검색 조건을 선택해서 검색 후, 필터링 된 결과물 상세보기를 한 다음 뒤로 돌아갔을 때 기존 검색조건이 그대로 남아있도록 하는 방법에 대해 알아보겠습니다. 말로 하니까 어려운데요;; 아래 화면을 보시면 !! 저 빨간 박스 부분에서 검색 조건을 선택하고, 아래에 필터링 된 결과물 목록 중 하나를 클릭해서 상세 페이지로 갔다가, 다시 목록 페이지로 돌아오면 기존에 선택한 검색 결과가 저장되지 않고 사라지는데요. 그걸 보존하는(?!) 방법을 알아보겠습니다. 구현 방법은.. 저같은 초짜는 localStorage 를 쓸까 cookie 를 쓸까 (.....;;;;) 별 생각을 다 하지만 가장 간단하고 흔하고 안전한 방법은 route 를 이용하는 겁니다 주소창에..
Static에 대해 알아보자 안녕하세요 델리만쥬입니다~! 프로그래밍을 할수록, 기본이 얼마나 중요한지 느끼고 있습니다.static에 대한 예약어를 보다가 순간 static이 정확히 뭐였지? 라는 생각이 들어서 정리해보자 합니다. 프로그래밍은 정말 기본이 탄탄해야 한다고 느끼는 요즘입니다^^.. Static의 특징프로그램이 종료되지 않는 한 메모리가 소멸되지 않는다.특별히 초기값을을 지정하지 않아도 자동으로 0을 가진다초기화는 딱 한번만 수행된다static은 변수나 메소드에 예약어로 사용static을 사용한 변수나 메소드는 클래스가 메모리에 로딩될때 자동으로 생성객체의 생성없이 바로 사용이 가능 -> 편리하고 속도가 빠르다static 키워드를 사용하는 이유는 무엇일까요?공통적으로 쓰여지는 변수 또는 메소드에 대해 매번 메모리에 로딩하..
REST란? 안녕하세요. 남산돈가스입니다. 오늘은 REST 란 무엇인가에 대해서 알아보려고 합니다. REST란 Represendtational State Transfer의 약자로 소프트웨어 아키텍처의 한 형식으로 정의되어있습니다. 이 용어는 2000년 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음으로 소개되었습니다. 당시 로이 필딩은 웹(HTTP)이 설계의 우수성에 비해 제대로 사용 되어지지 못하는 모습에 안타까워하며 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표 하였습니다. 그렇다면, REST 하다는 것은 어떤 것을 의미할까요? 제가 이해하기 쉽게 정의한 "REST하다" 는 것은 웹에서 제공하는 모든 자원들에 각자 고유한 URI를 정의해 그 URI만 보더라도 해당 자원들의 명세를 표..

티스토리툴바