분류 전체보기
[자바스크립트] 쉽게 문자열 처리하기 - Voca.js
이제 라이브러리 관련 콘텐츠를 거의 소진해서 다른 걸 써보려고 했는데.. 찾다 보니 별의별 라이브러리가 다 있어서 한동안은 이런 글이 계속 올라올 것 같네요 ㅎㅎ;; 문자열 라이브러리 Voca.js Front-End 작업을 하면서 자바스크립트를 이용해 문자열 작업을 하다 보면 가끔 부족함을 느끼게 됩니다. 저도 C#이나 JAVA의 프레임워크에서 제공하는 다양한 문자열 함수를 사용하다가 자바스크립트를 쓰면 가끔 부족한 느낌을 받곤 했습니다. Voca.js를 추가하여 사용하면 이런 답답함을 풀어주고 더 다양한 기능을 제공합니다. Voca.js 링크 vocajs.com/ Voca: The ultimate JavaScript string library Voca provides functions to manipu..
PPT, 포토샵 무료 아이콘 - 픽토그램 사이트 Noun Project
PPT를 만들다 보면 그림으로 설명해야 할 경우가 많고 다양한 그림들이 필요합니다. 특히 설명하기 좋게 심플한 픽토그램이 PPT에 사용하기 아주 좋습니다. 이러한 다양한 픽토그램을 무료로 이용할 수 있는 사이트가 있습니다. Noun Project thenounproject.com/ Noun Project: Free Icons & Stock Photos for Everything thenounproject.com 외국 사이트라서 모든 검색은 영어로 해야 한다는 점이 단점입니다. 하지만 우리는 학창때 영어 공부를 했습니다. 가뿐하게 영어로 원하는 그림을 검색해보죠. 사용방법 예를들어 "자연과 생태계"라는 주제로 PPT를 만든다 했을 때 우리는 자연에 관한 픽토그램을 찾을 것입니다. 검색창에 'Nature'를..
billboard.js Playground
billboard.js 관한 이전 포스트 wooncloud.tistory.com/35 오픈소스 차트 라이브러리 billboard.js 코로나가 터지면서 많은 개발자들이 코로나 현황과 정보를 실시간으로 보여주기 위해 사이트를 개발했습니다. 코로나 현황을 보여주다보면 전일대비 얼마나 확진자가 증가했는지 등 한눈에 파 wooncloud.tistory.com billboard.js 링크 naver.github.io/billboard.js/ billboard.js billboard.js, the "chart" library The name "billboard" comes from the famous "billboard chart" which everybody knows. billboard.js provides t..
자바스크립트 날짜 포맷 설정하기 - moment.js 라이브러리
원래 직접 날짜 변환 코드를 만들어서 포스팅하려고 했다가.. 관련 코드 참고하려고 검색했더니 더 좋은 라이브러리를 발견해서 또 라이브러리 소개 포스팅을 하게 되었네요. 이번에 가져온 라이브러리는 날짜 포맷을 쉽게 설정하는 라이브러리입니다. moment.js 라이브러리 1. 홈페이지 momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYY..
웹에서 그래프를 만들자! - 오픈소스 차트 라이브러리 billboard.js
코로나가 터지면서 많은 개발자들이 코로나 현황과 정보를 실시간으로 보여주기 위해 사이트를 개발했습니다. 코로나 현황을 보여주다보면 전일대비 얼마나 확진자가 증가했는지 등 한눈에 파악하게 알려주기 위해선 차트 사용이 필수적입니다. billboard.js 를 사용하면 데이터들을 차트로 쉽게 구현할 수 있습니다. billboard.js 란? billboard.js는 C3.js를 변형한 라이브러리 입니다. MIT 라이센스인 C3.js 를 네이버에서 변형하여 불편한 부분을 편리하게 만들어서 오픈소스로 배포하고 있습니다. c3js.org/ C3.js | D3-based reusable chart library Comfortable C3 makes it easy to generate D3-based charts by..
[리뷰] 샤오미 미 TV 스틱 (Xiaomi Mi TV Stick) 사용기
세상이 바뀌면서 유튜브나 넷플릭스, 왓챠 등 스트리밍 서비스가 많이 생기게 되면서 천천히 케이블 TV 대신에 미디어 스트리밍 서비스를 많이 사용하게 되었습니다. 가정에는 TV가 하나쯤 있는데 대부분 일반 케이블 TV입니다. 가끔 그 TV가 유튜브나 넷플릭스를 재생할 수 있다면 좋겠다는 생각을 하죠. 그래서 사람들이 스마트 TV를 다시 구매하는 경우가 종종 있는데요. 이미 있는 TV 바꾸기엔 가격도 많이 나가고 번거롭기만 합니다. 저도 집에 빔프로젝트가 있는데 매번 사용하던 노트북을 HDMI 선으로 연결하여 사용하고 했는데 그 대안으로 샤오미 미 TV 스틱 (Xiaomi Mi TV Stick)를 구매하게 되었습니다. 샤오미 미 TV 스틱 (Xiaomi Mi TV Stick) 가격이 3만원대의 아주 저렴한 ..
[리뷰] 삼성 태블릿 - 갤럭시탭S7+ 언박싱
안녕하세요. 운구름입니다. 이번에 '갤럭시탭 S7+'를 구매하게 되어 정보를 드리고자 이렇게 포스팅을 하게 되었네요. 갤럭시탭 S7과 갤럭시탭 S7+ 가 출시가 되면서 사람들이 많이 발전한 갤럭시탭을 보고 호평이 많았습니다. 저도 이번에 블로그 포스팅과 각종 작업들을 위해 아이패드를 살까 갤럭시탭을 살까 고민을 많이 했습니다. 저는 갤럭시 폰을 사용하는 사람으로서 아이패드보다 갤럭시탭을 구매를 망설이다가 삼성전자 매장에서 어느 정도 사용해 보고 구매를 결정하게 되었습니다. 갤럭시탭 리뷰 포스팅 리스트 갤럭시탭은 2가지 포스팅으로 리뷰를 진행하려고 합니다. 1. 언박싱 2. 사용 후 리뷰 https://coupa.ng/bQrrbE 삼성전자 갤럭시 탭S7+ 12.4 Wi-Fi 256GB COUPANG www..
[네트워크] OSI 7계층 정리 - 네트워크 통신 표준, 기본 개념
OSI 7계층 이란? 네트워크 통신에서 생기는 여러가지 충동문제를 해결하기 위해서 국제 표준화 기구 ISO (International Organization for Standardization)에서 제시한 네트워크 기본 모델입니다. 네트워크 장비간 호환성을 위해 만들어졌습니다. OSI 7계층 7. 어플리케이션 계층 (Application Layer) 사용자들이 사용하는 네트워크 응용프로그램입니다. 사용자와 직접적으로 상호작용하는 계층입니다. 대표적인 프로토콜 : HTTP, FTP 등 전송단위 : 데이터 (DATA) 5. 표현 계층 (Presentation Layer) 어플리케이션에서 보낸 정보를 다른 시스템의 어플리케이션에서 읽을 수 있도록 데이터셩식을 설정하고 부호화 및 암호화/복호화 합니다. 대표적인..
하노이탑 코드 저장
function hanoi(num, from, to ,other){ if(num == 0) return; hanoi(num-1, from, other, to); console.log(`${num}을 ${from}에서 ${to}로 보낸다`); hanoi(num-1, other, to, from); } hanoi(5,'A','B','C');