note

(참고. https://github.com/19park/mask-finder) 10일 19시부터 건강보험심사평가원에서 제공하는 마스크 정보(판매처별 입고량, 판매량 등)를 공공데이터활용지원센터에서 오픈API형태로 제공해주길래 테스트 해봄. vue 프로젝트를 하나만들기 vue create mask-finder 모듈 설치해주기 npm i 통신위한 axios와 라우팅위한 vue-router, 전역상태관리위한 vuex 설치하기 npm i axios lodash vue-router material-design-icons-iconfont npm i -D eslint-config-airbnb-base eslint-plugin-import eslint-plugin-vue vue add vuetify vue add vu..

redbubble 스티커 직구하기 맥북에 붙일 스티커를 찾으려고 여기저기 검색해 봄. 맨 처음 amazon에서 developer stickers를 2세트 구입하였는데, 종류는 많으나 뭔가 마음에 들지않는 느낌이었음. 저런거 덕지덕지 붙였더니 뭔가 드러움 ㅋ 그래서 다 떼고, 선크림으로 남은 자국 밀어버림. (근데 뭔가 자국 남은 느낌나서 망함) 그래서 다시 스티커 살려고 알아봄. redbubble 이란곳이 있음. https://www.redbubble.com/shop/stickers Stickers Stickers featuring millions of original designs created by independent artists. Decorate your lapto... www.redbubble..

Queue 자료구조 큐는 FIFO(First In First Out, 선입선출) 형태로 자료를 보관하고 꺼내는 버퍼이다. 보관할 때 offer 메서드를 사용하며 가장 먼저 보관한 자료를 꺼낼 때는 poll 메서드를 사용한다. 이 외에 가장 먼저 보관한 자료를 단순 참조하는 peek 메서드와 비었는지 판별하는 empty 메서드를 제공하고 있다. 제네릭 형태로 사용할 때 큐를 구현한 클래스인 LinkedList, priorityQueue, priorityBlockingQueue 를 생성하여 사용한다. import java.util.LinkedList; import java.util.Queue; public class TestQueue { public static void main(String[] ar) { ..

Set Set은 중복된 요소를 포함할 수 없다. List와는 다르게 인덱스를 사용하지않아서 인덱스 매개변수가 없다. Set을 구현한 클래스목록 HashSet (순서가 필요없는 데이터를 hash table에 저장. Set 중에 가장 성능이 좋음) Linked HashSet (저장된 데이터의 값에 따라 정렬됨. red-black tree 타입으로 값이 저장. HashSet보다 성능이 느림) TreeSet (연결된 목록 타입으로 구현된 hash table에 데이터 저장. 저장된 순서에 따라 값이 정렬. 셋 중 가장 느림) 성능 차이가 나는 이유는 데이터 정렬 때문이다. HashSet public class TestHashSet { public static void main(String[] ar) { HashS..

List List는 데이터를 순차적으로 일렬로 구성한다. 인덱스가 부여되므로 인덱스로 검색이 가능하고, Set과는 다르게 중복이 허용된다. List 인터페이스를 구현한 클래스들.. ArrayList AttributeList CopyOnWriteArrayList LinkedList RoleList RoleUnresolvedList Vector Stack ArrayList 기본적으로 생성하게 되면 10개의 저장 공간을 갖는다. 제네릭을 이용하여 타입을 명시해 줄 수 있다. ArrayList list1 = new ArrayList(); list1.add("park"); System.out.print(list1.get(0)); 순차적 추가, 인덱스를 이용한 추가, 제거를 할 수 있다. public static ..

== 연산자 피연산자가 primitive type일 때는 값이 같은지 비교하고, 그 외 타입에서는 주소를 비교한다. public class Test { public static void main(String[] ar) { // primitive type 비교 char c1 = 'a'; char c2 = 'a'; System.out.println(c1 == c2); // true // string 타입 리터럴 비교 String str1 = "park"; String str2 = "park"; System.out.println(str1 == str2); // true // 스트링 생성자객체 비교 String str3 = new String("park"); String str4 = new String("par..

Collection 객체는 여러 원소들을 담을 수 있는 자료구조이다. 배열이 가장 기본적인 자료구조이며, DTO 또한 자료를 담는 하나의 방식. 콜렉션 프레임워크 : 자료구조를 기반으로 데이터를 읽기, 추가, 삭제, 검색 등 사용자가 효율적으로 객체를 사용하기 위하여 작성되어있는 인터페이스와 클래스들이며, java.util패키지에 포함됨. 자바에서의 자료구조 유형은 다음과 같다. 순서가 있는 목록인 List형 순서가 중요하지 않은 목록인 Set형 먼저 들어온 것이 먼저 나가는 Queue형 KEY-VALUE의 형태로 저장되는 Map형 배열과의 차이점은 정적 메모리 할당이 아닌 동적 메모리 할당 즉, new int[4]을 하면 4개 공간밖에 못쓰고 미리 선언을 통해 4개의 공간을 만들어야 하지만, colle..

https://www.deviantart.com/customization/skins/windows/win10/whats-hot/ Browse Windows 10 | Customization | DeviantArt www.deviantart.com 위 사이트에서 마음에 드는 테마를 고른다ㅎ (2020년 기준 url이 바껴서 `theme`를 검색하면 될듯) ex) https://www.deviantart.com/kdr3w/art/Porcelain-774407071 선택하여 상세페이지로 가면 해당 테마에 대한 설명과 어떤 윈도우 버전에 적합한지 볼 수 있다. 아래 노란색박스와 같이 말이다. 윈도우 버전은 win+r 로 실행창을 띄운 후 "winver"을 치면 확인이 가능하다. 그럼 자신의 버전만 맞는다면, 마..

브라우저의 GPU 가속을 사용하는 translate3d 속성이 있다.animation이라던지 가속을 위해 0,0,0을 넘겨주는 식으로해서 사용하면 유용한 속성이다.-webkit-transform : translate3d -webkit-transform : translateZ -webkit-transform : rotate3d -webkit-transform : scale3d -webkit-transform-style : preserved-3dwebkit/blink 엔진 기반의 데스크탑(Mac/Windows) 브라우저에서 translate3d속성으로 센터정렬 사용 시,글씨가 흐리고 뿌옇게 보이는 현상이 생겼다. .image-square > .content { padding: 0 10%; top: 50%; ..