2020/10 9

웹폰트 만들기

m.blog.naver.com/PostView.nhn?blogId=designondo&logNo=220915027585&proxyReferer=https:%2F%2Fwww.google.com%2F CSS web font 웹폰트 ttf, eot, woff 만들고 설치 사용하기 시작하기 전 알아두기!CSS3의 @font-face는, CSS2에서 부터 존재해 온 규칙이 있다고 합니다. 우리가... blog.naver.com 시작하기 전 알아두기! CSS3의 @font-face는, CSS2에서 부터 존재해 온 규칙이 있다고 합니다. 우리가 흔히 웹폰트라 부르는 Embedded Open Type(.eot)포맷의 라이센스로 인해 해당 포맷을 지원하는 유일한 웹브라우저인 인터넷 익스플로러에서만 사용했습니다. 그러나,..

Publishing/CSS3 2020.10.08

게임프로그래밍전문가

www.cb.or.kr/creditbank/eduIntro/nEduIntro2_4_1.do 자격 학점인정이란? | 자격 | 학점인정 대상 | 학점은행제 소개 | 학점은행 홈으로 이동 학점은행제 소개 학점인정 대상 이전학점인정 대상 자격 학점인정이란? --> 자격 전공별 자격연계 자격별 학점인정의 세부기준은 교육부장관의 승인을 받아 국가평생교육진흥원의 www.cb.or.kr 영문명 Certificate of Game Programmer 분야 정보/통신 관리처 한국콘텐츠진흥원 시험과목 프로그래밍일반 게임제작개론 게임알고리즘 게임프로그램작성 자격명칭 게임프로그래밍전문가(2002-12-31) 실기기관 홈페이지 : www.kgq.or.kr/service/pub/IntroServlet 한국콘텐츠진흥원 게임국가기술자..

이미지 해상도 분기대응

해상도에 맞춰 이미지를 분기대응해야 한다. 이미지를 1배, 2배, 3배로 이미지 제작 후 아래와 같이 코딩합니다. /* 1배 이미지 분기대응 */ .img_g {display:inline-block;overflow:hidden;background:url(http://m1.daumcdn.net/svc/image/U03/common_icon/527B1A970370F60001) no-repeat 0 0;text-indent:-9999px} /* 2배 이미지 분기대응 */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .img_g {background-image:url(..

Publishing/CSS3 2020.10.05

해상도, RGB 컬러 이해하기

해상도 Device Pixel Density 위 3개의 이미지 중 어떤 이미지가 가장 고퀄입니까? TV해상도를 비교한 그림입니다. 위 그림에서 어떤 TV가 가장 화질이 좋은가요? 픽셀이란? 디지털 이미지를 구성하는 가장 작은 단위 하나의 픽셀은 화면에서 표현할 수 있는 가장 작은 점 하나를 의미한다. 첫번째 맥킨토시 컴퓨터(Apple2)는 인치당 72개의 픽셀을 가지고 있었다. 구이(GUI)라고 불리는 Graphic User Interface 는 제록스에 의해 개발되었지만 스티븐 잡스가 맥킨토시 컴퓨터에 탑재하게 된 것입니다. 그 이후 마이크로 소프트사에서도 GUI 를 도입하면서 윈도우 운영체제를 만들게 된 것입니다. 픽셀 기반의 GUI 가 처음 나왔을 때는 사람들이 인식하기 쉬운 그림인 그래픽 아이콘 ..

Design 2020.10.05
티스토리 친구하기