코딩 맛집

오늘은 멀티 스레드 디자인 패턴인 생산자(Producer) 소비자(Consumer) 패턴의 대해서 포스팅 하겠습니다. 1. 생산자(Producer) 소비자(Consumer) 패턴 이란? 생산자(Producer) 소비자(Consumer) 패턴은 '작업' 목록을 가운데에 두고 '작업을 생산해 내는 주체' '작업을 처리하는 주체'를 분리시키는 설게 방법 입니다. '작업을 생성하는 부분(Producer)'과 '처리하는 부분(Consumer)'이 각각 감당 할수 있는 부하를 조절 할 수 있다는 장점이 있습니다. Producer는 작업을 새로 만들어 큐에 쌓아 두고, Consumer는 큐에 쌓여 있는 작업을 가져다 처리하는 구조 입니다. Producer는 어떤 Consumer가 몇 개나 동작하고 있는지에 대해 전혀..

오늘은 포토샵과 일러스트에서 폰트어썸(Fontawesome)의 아이콘(Icon)을 사용하는 방법에 대해서 알아 보겠습니다. 먼저, 폰트어썸(Fontawesome) 사이트의 방문 합니다. 그럼 'Start for Free' 버튼이나 'Download' 버튼을 클릭해 주세요. 'Desktop' 다운로드 버튼을 클릭해서 다운로드 받아주세요. 다운로드 받은 폴더를 열어 보시면, 'otfs' 라는 폰트가 들어가 있는 폴더가 있습니다. 그럼 'Windows 제어판' -> 글꼴 폴더를 열어 주세요. 글꼴 폴더가 열렸다면, 위에서 다운 받은 otfs 폴더의 있는 otf 확자장명의 파일들을 글꼴 폴더로 드래그&드랍 해주세요. 그럼, 다시 폰트어썸(Fontawesome) 사이트를 방문하여 원하시는 아이콘(icon)을 선택..

오늘은 포토샵으로 만든 psd 파일을 PDF 문서로 저장 해보겠습니다. 파일(File) -> 자동화(Automate) -> PDF 프레젠테이션(PDF Presentation) 을 선택해 주세요. '열린 파일 추가' 선택하여 주시면 현재 작업중인 psd 파일이 목록에 뜨는 것을 확인 할수 있습니다. 혹시 다른 파일들도 추가하여 PDF로 묶고 싶다면 찾아보기를 클릭하여, 해당 파일들을 추가해 주세요. '복수 페이지 문서' 를 선택하여 여러 장의 PDF 문서를 묶어서 만들수 있습니다. 이 부분에서 PDF 문서의 순서가 결정 되니깐, 원하시는 순서대로 정렬 해주세요. 'Adobe PDF 사전 설정' 에서 품질을 설정 하실수 있습니다. 또한 압축을 클릭하여 들어가시면, 이미지 압축 품질을 조절 할 수 있습니다. ..

1. 템플릿 메서드(Template Method) 디자인 패턴 전체 일을 수행하는 구조는 바꾸지 않으면서 특정 단계에서 수행하는 내용은 변경 가능 하도록 만든 디자인 패턴 입니다. 추상 클래스와 구현 클래스로 나누어, 로직의 기본 골격의 해당하는 부분은 템플릿 메서드(Template Method) 로 구현 하고, 로직의 확장/변경 가능한 부분을 추상 메서드(abstract method)로 정의하여 구현 클래스는 이 추상 메서드(abstract method)를 구현하여 사용 합니다. 2. 몸무게와 키 국가별 로컬라이제이션(Localization) abstract class LocaleItemFormatter{ Pattern onlyNumberPattern = Pattern.compile("[^0-9.]")..

일러스트에서 카드뉴스를 만들 었는데, 이 대지(ArtBoard)들을 한번에 이미지로 내보내고 싶을 때가 있습니다. 오늘은, 대지(ArtBoard)를 한번에 이미지로 내보내는 방법에 대해서 소개 하겠습니다. 1. 화면에 맞게 내보내기 단축키 : Ctrl + Alt +E 파일(File) -> 내보내기(Export) -> 화면에 맞게 내보내기(Export for screens) 클릭 2. 크기 조절 크기 조정을 선택해서 전체 크기를 배수로(1배, 2배, 0.75배) 조절 할수도 있습니다. 3. iOS, Android 용 해상도 또 하나의 장점은 오른쪽의 보시면 iOS 와 Android 중 하나를 선택하시면, 각 모바일 OS의 맞는 해상도 별로 이미지를 출력 할수도 있습니다. 개발자들과 디자이너들에게는 꿀팁이 ..

다익스트라(Dijkstra) 알고리즘 안녕하세요. 오늘 소개할 알고리즘은 다익스트라(Dijkstra) 알고리즘 입니다. 다익스트라(Dijkstra) 알고리즘은 흔히 어떠한 노드들 사이에서 출발 노드 부터 도착 노드 까지 최단 거리, 최단 경로를 coding-food-court.tistory.com 지난 시간의 다익스트라(Dijkstra) 알고리즘에 대해서 공부하였습니다. 하지만 지난 시간의 다익스트라(Dijkstra) 알고리즘은 거리가 최소값인 노드를 찾기위해서 순차 탐색으로 찾아야 해서 시간 복잡도가 O(N^2) 이었습니다. 이것을 우리는 힙(heap) 자료구조를 이용해서 시간 복잡도를 줄일수 있습니다. 1. 힙(heap) 자료구조 힙(heap) 자료구조는 완전이진트리(Complete binary tr..

안녕하세요. 오늘 소개할 알고리즘은 다익스트라(Dijkstra) 알고리즘 입니다. 다익스트라(Dijkstra) 알고리즘은 흔히 어떠한 노드들 사이에서 출발 노드 부터 도착 노드 까지 최단 거리, 최단 경로를 찾는 알고리즘 입니다. 따라서, 가중치 그래프에서 사용할수 있는 알고리즘 입니다. 여기서 가중치는 거리라고 생각 하시면 되겠습니다. 위 그림 처럼 수원역에서 출발해서 강남역까지 최단 경로나 최단거리를 찾을때 사용 할 수 있는 알고리즘 입니다. 그럼 다익스트라(Dijkstra) 알고리즘의 핵심 아이디어를 한번 보시겠습니다. 1. 다익스트라(Dijkstra) 알고리즘 핵심 아이디어 2. 다익스트라(Dijkstra) 알고리즘 순서도 3. Java 소스 코드 public class DijkstraTest {..

1. 이미지를 가져온다. 포토샵에서 해당하는 부분만 모자이크 처리하고 싶은 경우들이 있습니다. 먼저 이미지를 포토샵으로 가지고 옵니다. 2. 모자이크 처리를 원하는 부분 선택 선택 도구를 이용해서 모자이크를 하고싶은 부분을 선택 해주세요. 3. 필터(Filter) -> 픽셀화(Pixelate) -> 모자이크(Mosaic) 4. 모자이크(Mosaic) 주의 할점 이때 "셀 크기"를 조절해서 원하는 부분을 모자이크 처리 하실수 있습니다. "필터" -> "픽셀화" -> "모자이크" 를 선택하시기 전에 주의해야할 점은 꼭 이미지 레이어가 선택 되어 있으신지 확인해주세요. 포토샵 텍스쳐(Texture) 표면/재질 표현 하기 텍스쳐(Texture)는 표면의 재질을 의미합니다. 포토샵으로 이 텍스쳐(Texture)를..

파워포인트(PowerPoint)에서 클라핑 마스크(Clipping Mask)를 할수 있을까요? 파워 포인트에서도 아래 그림들 처럼 원하는 도형을 그리고 해당 도형 만큼 뒷배경의 그림을 자르고, 보여줄수 있습니다. 1. 클라핑 마스크(Clipping Mask)란? 클라핑(Clipping)이란 선택 영역을 잘라 내는것 이고, 마스크(Mask)란 선택된 영역을 가리는것 입니다. 따라서, 클라핑 마스크(Clipping Mask)란 선택된 부분을 잘라내고 나머지 영역은 가려주는 스타일 입니다. 2. 도형과 이미지 준비 먼저, 도형과 원하시는 이미지를 하나 준비해 주세요. 3. 순서에 맞게 도형 선택 이미지와 도형을 모두 선택 할텐데요. 이미지를 먼저 선택하고, Shift키를 눌러 도형을 선택해주세요. (*중요합니..

1. split() 함수 문자열.split('분할자') 분할자(예: 콤마(,))를 기준으로 문자열(String)을 분할 하여 배열(Array) 객체로 반환해 줍니다. 문자열.split('분할자', '분할할 갯수') 분할자(예: 콤마(,))를 기준으로 문자열(String)을 분할 하여 분할할 갯수 만큼의 데이터를 배열(Array) 객체로 반환해 줍니다. 2. 예제 var fruits = "apple, banana, orange".split(','); console.log(fruits); var fruits = "apple, banana, orange".split(',', 2); console.log(fruits);