'분류 전체보기'에 해당되는 글 88건

1. Adapter 패턴이란

이미 구현되어 있는 코드가 있는데, 둘이 연결 좀 시켜주고 싶을 때가 있죠. 어떤 좋은 메서드가 있는데, 인자로 A라는 형식을 받습니다. 근데, 이미 구현되어 있는 코드에는 B라는 형식으로 구현되어 있습니다. 이럴 때, B를 A의 형식으로 바꿔주면 좋은 메서드를 써먹을 수 있습니다. Adapter 패턴은 어떤 오브젝트를 캐스팅이 불가능한 다른 클래스의 형태로 변환시켜주는 것입니다.

2. 따라하기

// Adapter Class

//test 클래스

1. iterator 패턴이란

개발을 하면서  array나 List, Set, Map과 같은 interface 들을 많이 사용합니다. 이것들의 특징은 어떤 데이터들의 집합체라는 겁니다. 

원래 집합체란 게 속에 뭐가 들었냐가 중요하죠. 

그래서 집합체들을 다룰 때는 얘들이 가지고 있는 개별 원소에 대해서 이런 저런 작업들을 할 일이 많습니다. 

iterator를 쓰게 되면, 집합체와 개별 원소들간에 분리시켜 생각할 수가 있습니다. 심지어는 그 집합체가 어떤 클래스의 인스턴스인지 조차 신경쓰지 않아도 됩니다.

2. 예제

1. Factory  패턴 이란

아주 중요한 패턴중에 하나 입니다. Factory 패턴은 creational pattern  에 속하는 패턴입니다.

Factory 패턴은 객체생성로직 없이 객체를 만들어 내는 패턴입니다.. 인터페이스를 통해 만들어진 객체를 참조 하죠.

쉽게 설명해드리겠습니다.  factory 는 한국어로 공장이란 뜻이죠.  즉 객체를 만들어내는 공장 입니다.  

객체 선언은 보통 new 객체() 이런식으로 하죠. factory는 내부에서 그런 일을 해줍니다. 즉 factory를 가져다가 쓰는 부분에서는 new 객체()와 같은 식으로 변수를 선언할 필요가 없습니다. Abstract class나 인터페이스에 대해서 다양한 하위 구현체가 있을 경우에 사용하면 좋습니다. 사용법은 Factory.create(인자는 맘대로) 와 같이 됩니다. 

실무에서 자주 쓰이는 패턴중 하나이니 아래와 같이 천천히 따라해보도록 하죠.

2. 따라하기

// animal 인터페이스를 만듭니다. 기본이 되는 interface 죠. 모든 디자인 패턴은 interface 를 사용한다 해도 과언이 아닙니다.

// Cat 클래스를 만듭니다.

1. 정올닷컴 : http://www.jungol.co.kr

우리나라 정보올림피아드 홈페이지이다.

기초부터 고급 수준까지 알고리즘을 직접 짜서 프로그래밍 연습할 수 있도록 도와준다.

중학교 수준이라고 무시하면 큰 코 다친다.

프로그래밍에는 나이가 없는 것 같다.

실력이 부족해서인지 아직도 중학교 문제가 어려울 때가 많다.  (가끔은 초등 문제도...쿨럭)

그래도 재밌는 문제들이 많으니, 혼자 코딩 배우기에 도전중인 사람은 즐겨찾기 해놓길 추천한다.

2. 프로젝트 오일러 : http://euler.synap.co.kr/

이 사이트는 외국 사이트(https://projecteuler.net/)를 번역한 사이트이다.

현재까지 번역된 문제수는 120개이며, 사이냅소프트라는 소프트웨어 개발회사에서 운영하고 있다.

간단한 문제 같아 보여도 메모리 문제 때문에 고민하게 하는 문제가 많다.

워낙 큰 범위의 계산 문제들이 많아 어떻게 하면 효율성을 극대화시킬 것인지에 대해 고민하게 한다.

많은 개발자들이 코딩 연습용으로 문제풀이를 한 후, 블로그에 답안을 올려놓았다.

풀어보다가 도저히 안된다 싶으면, 구글에서 해당 문제로 검색하면 답안을 쉽게 발견할 수 있다.

3. 백준 온라인 : https://www.acmicpc.net/

'최백준'이라는 분이 운영하는 알고리즘 연습 사이트이다.

대학끼리 경쟁이 붙어서 알고리즘 배틀(?) 형태를 띄는 경우도 종종 보이고,,,

스터디 그룹을 만들 수 있는 메뉴도 있다.

엄청나게 많은 문제들이 있으니, 하나씩 풀어보면 좋을 듯 하다.

내가 잘 못해서 그런 지는 모르겠지만, 

답안을 제출하고 정답인지 오답인지를 판별하는 기준이 이해가 안될 때가 종종 있다.

프로그램을 짜서 돌려보면, 값이 나오는데...

이 사이트에 코드를 제출하면 오답으로 나와서 짜증날 때가 종종 있었다.

그래도 알고리즘 연습하기에는 꽤 좋은 사이트이다.

1. 자바스크립트 

window.parent.document.getElementById('myframe').width = '500px';

window.parent.document.getElementById('myframe').height = '500px';

2. jQeury

$('#myframe', window.parent.document).width('500px');

$('#myframe', window.parent.document).height('500px');

3. 동작이 안하는경우 

Uncaught TypeError: Cannot set property “height” of undefined

이런 에러가 날 경우는 

iframe 에 hegith 속성이 없기 때문이다.

<iframe hegith='200' ..

이런식으로 height 을 명시해주자!!

style='hegith:200' 이렇게 사용해도 안된다!!!

아래 동영상을 보고 따라서 설치하자 

수많은 디자인 패턴을 다 익히려면 시간이 많이 걸립니다. 혹은 공부한 디자인 패턴을 잊어버리곤 하죠

요점만 딱 암기 하고 있으면 다음에 디자인 패턴을 쓰고 싶을대  그 요점을 기준으로 다시 생각이 나게끔 아래와 같이 정리를 해봤습니다.

맑은고딕은 마이크로소프트 윈도우즈7 이상의 운영체제에서 기본으로 설치되있는 폰트입니다. 가독성이 매우 뛰어나며 매우 깔끔하고 우수한 디자인을 자랑하는 폰트죠. 티스토리 블로그를 운영하는 분들이 나눔 고딕과 맑은 고딕을 주로 사용하는데 저는 맑은 고딕이 더 맘에들었답니다. 자 그럼 티스토리 블로그에 맑은 고딕 폰트를 기본으로 설정하는 방법을 알아보도록 할께요

맑은고딕 폰트 예제

티스토리 관리자 메뉴 진입

첫번째로 티스토리 관리자 메뉴로 들어갑니다. ( 티스토리에 로그인된 상태면 블로그 화면에서 키보드 'Q'키를 누르면 관리자 모드로 바로갑니다. ) 왼쪽 메뉴에서 HTML/CSS 편집을 선택합니다.

Ctrl + F : Font

키보드의 Ctrl 키를 누른 상태에서 F를 눌러 웹브라우저의 검색창을 활성화 합니다. 아래의 화면처럼 웹브라우져의 상단에 하나의 바가 더생깁니다. ( 구글 크롬의 경우에는 오른쪽 상단에 작은 검색창이 생깁니다. ) 그리고 찾기 오른쪽 검색칸에 font 라고 입력합니다.

이제 아래의 화면처럼 skin.html의 오른쪽에 있는 화살표를 한번눌러 창을 작게 만들어줍니다. 우리가 수정해야될 부분은 style.css 부분이기때문에 위의 HTML부분은 작게 줄여서 보기 편하게 해주는거죠. 그리고 css 의 오른쪽 화살표도 한번눌러서 style.css 창을 넓게 확장합니다.  

Malgun Gothic , 입력

이제 Style.css화면에서 노란색 형광펜으로 칠한듯하게 표시된 font의 부분을 확인해가면서 글꼴 부분에 Malgun Gothic이라고 입력해줍니다. 아래의 화면을 보면 맨위의 바디 폰트 부분에서 Dotum 등의 글씨체가 표시된 바로 앞에 Malgun Gothic 그리고 콤마 , 를 추가로 입력해줍니다.

다음으로 Ctrl+F를 눌러 불러온 찾기 창을 다시한번 주목하세요 우리가 Font라고 입력한 부분 오른쪽을 보면 '이전', ' 다음' 버튼이 있습니다. 다음 버튼을 눌러서 style.css 부분의  font 나 font-family 부분의 글꼴 리스트 맨앞에 Malgun Gothic을 입력해줍니다.

 

Font 로 검색한 후 아래의 스크린샷처럼 font-family 부분도 변경을 해주셔야합니다. Malgun Gothic , 를 다른글꼴 맨앞부분에 모두 적어주고 '미리보기'를 해보신후 제대로 적용이 안되면 다시한번 font 나 font-family 로 검색하여 모든 글꼴 앞에 Malgun Gothic을 적어주세요

 

기본적으로 폰트패밀리 부분을 보면 위 화면의 나눔고딕은 기록되있지 않습니다. 보통 font-family : dotum , sans-serif ; 등의 글꼴로 표시되있답니다. 어째됬건 폰트패밀리나 폰트로 검색하여 돋움이나 기타 글꼴 앞에 Malgun Gothic , 를 넣어주시면 블로그의 글을 맑은 고딕으로 볼 수 있습니다.

* 이 방법은 시스템에 맑은 고딕이 기본적으로 설치되 있을때 보이는 방식입니다. 윈도우즈7이상의 시스템에서는 기본적으로 설치되는 폰트이기 때문에 잘 표시될꺼에요 혹시 XP를 사용하는 시스템의 경우엔 2013년을 기점으로 MS의 공식지원이 끝난상태의 XP를 윈도우7이나 윈도우8로 업그레이드 할것을 권장합니다. *

* 티스토리의 글쓰기 모드에서는 맑은고딕으로 적용된 상태에도 맑은고딕으로 보이지 않습니다. 미리보기를 항상 눌러서 확인하시거나 혹은 비공개로 저장한 후 블로그에서 제대로 나오나 확인한 후 발행을 해주세요