별을 그리는 방법

프로그래밍 1:1 수업 최근에 어린이들을 대상으로 강의 하는 일이 많아지면서 아두이노에 대해서 한번 배워보기로 했습니다. 아두이노는 오픈 소스를 기반으로 한 단일 보드 마이크로컨트롤러로 완성된 보드와 관련 개발 도구 및 환경을 말하는데요. 다양한 센서와 스위치로부터 입력을 받아오고 프로그래밍을 통해서 LED나 모터 등의 장치들을 컨트롤 할 수 있게 해줍니다. 최근 컴퓨터 조립하면서 하드웨어 관심이 커졌는데 디지털 미디어 아트등을 만드는데 입문자에게 이만큼 편리하고 접근성이 좋은 플랫폼은 없다고 생각됩니다. 이번 프로그래밍 수업은 숨고를 통해서 선생님을 찾았습니다. 숨고를 통해서 소개 받은 선생님은 KOCACHIC라는 교육기관에서 강의를 진행하고 계시는 캐나다 프로그래밍 선생님인 마이클 선생입니다. 마이클..

포토샵 움짤포토샵을 요새는 잘 사용 안하는데요. 아래와 같은 움직이는 짤 일명 움짤을 만드는데 종종 사용하고 있습니다. 다른 GIF 만드는 툴로 만들어도 충분하긴 한데 다른 프로그램들은 해상도 조절 하기가 어려운 프로그램들이 많아서 포토샵을 애용하고 있습니다.제가 알려드리는 방법을 참고하세요. 만드는 방법우선 포토샵 CS4를 가지고 설명 하겠습니다. 그 이상의 버전에서도 모두 사용 가능하다는 것 확인 했습니다. "파일-스크립트-스택으로 파일 불러오기" 를 클릭하세요.영문 버전 사용자 분들은 적절히 해석해서 메뉴를 찾아보시기 바랍니다. 한꺼번에 여러개의 파일을 하나의 PSD에 레이어로 불러오는 기능입니다. 아래와 같이 파일과 폴더로 선택하실 수 있습니다.파일을 선택해서 불러오실 경우에는 파일을 선택하세요...

네이버는 기본적으로 RSS 허용을 안하고 있어요.외부에서 네이버 블로그의 글을 보게 하려면 외부수집 허용을 해야합니다. 또 한가지!외부 수집 허용을 해 놓으면 블로그 노출도가 올라가서 다른 포털 사이트에서도 내 글을 볼 수 있습니다.글쓰기를 하시고, 아래와 사진과 같이 "외부수집허용", "외부 보내기 허용"을 체크 하시고"이 설정을 기본값으로 유지"까지 체크하세요.

안녕하세요. 스타입니다. 요새 본의 아니게 웹디자인을 하고 있습니다. 그깟 돈 얼마 아끼겠다고 웹 디자인을 시작했는데요. 저는 워드프레스로 현재 구축 중입니다. 워드프레스를 통해서 유료테마를 구입하고 홈페이지를 제작 중인데요. 가장 큰 문제는 폰트에 대한 문제였습니다. 그러던 중에 다음과 같은 방법으로 웹 폰트를 적용 할 수 있는 방법을 알아냈습니다. @font-face 폰트 페이스 http://www.fontface.kr/ 이 사이트에서 웹페이지를 볼 때 폰트 설치 유무와 상관 없이 원하는 한글 폰트로 볼 수 있게 도와주는 곳입니다. 음. 우선 설치하지 않아도 된다는 점이 좋은데 문제는 무료 폰트가 몇 개 없습니다. 또 한 가지 웹 브라우저를 가리는 편입니다. 개념은 간단합니다. 웹 폰트의 경로를 he..

안녕하세요. 스타입니다. We.GD 프로젝트 하면서 로고를 만들어 보고 싶었는데, 마침 로고 만드는 프로그램으로 AAA Logo라는 것이 있더군요. 다운로드는 http://www.aaa-logo.com 에서 받으시면 됩니다. 1. 프로그램 실행 프로그램 구해서 실행해봤습니다. 실행하면 아래와 같이 로고 샘플 라이브러리가 나오는데요. Next Page 눌러보면서 내가 만들려고 했던 비슷한 형태의 로고를 찾으셔서 작업하면 좀 빠르게 될 거에요. 기본적으로 이미지 파일이나 로고 파일, 아이콘 정도는 디자이너에게 의뢰를 해야겠더군요. 저는 텍스트만 가지고 만들거라서 제가 하는 방법으로 따라해 보시면 쉬울 것 같네요. 2. 프로그램 화면 라이브러리에서 선택하지 않고 ESC를 누르면 간단히 아래와 같은 빈 화면에서..

안녕하세요. 스타입니다. html5 및 CSS 2일차 강좌입니다. 온라인으로 CSS를 테스트 할 수 있는 페이지http://www.cssdesk.com - 헤일로 효과 적용한 태양 그리기. CSS body {font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 100px;font-size: 13px;} div {background:-webkit-gradient(radial,30% 30%, 0,center center, 90,from(#fff),to(yellow)); margin: 100;width: 100px;height: 100px;padding: 0px; border-radius: 50px;/* box..

안녕하세요. 스타입니다.웹개발에 필요한 XAMPP를 설치하는 법입니다. 공식사이트http://www.apachefriends.org/en/xampp.html 에서 플랫폼에 맞는 버전을 받으면 됩니다.저 같은 경우에는 맥용을 받았습니다. XAMPP Control 를 실행하면 다음과 같은 화면이 나옵니다.ApacheMySQLFTP를 이용할 수 있습니다. 자기 아이디 폴더로 가서 sites라는 폴더를 생성해 줍니다.해당 폴더가 이제 웹디렉토리가 됩니다. localhost/~자기아이디 를 하시면 해당 sites폴더의 index.html을 불러오게 됩니다.

- 용어정리 W3C HTML Cross Browser WHATTWG (http://www.whatwg.org/) Ajax CSS Semantic Web Ontology - 요소검사리엔지니어링 할 때 유용하다.환경설정 - 고급개발자용 메뉴 보기 체크사파리 Safari 에서 오른쪽 마우스 클릭요소 점검 - 사용자 에이전트다른 플랫폼이나 OS로 웹브라우저를 실행 할 수 있습니다.Iphone 버전으로 선택하면 웹이 아이폰에 최적화된 모양으로 나옵니다.실행해보면 다음과 같이 모바이 페이지가 나옴. - 구글 트렌드http://www.google.com/trends/ - 구글 랭크 페이지 알고리즘http://www.emh.co.kr/content.pl?google_pagerank_citation_ranking - s..