본문 바로가기

스타의 도서관/웹 개발

KOCACHIC 강남역에서 외국인에게 영어로 배우는 프로그래밍 1:1 수업 - 숨고후기 20180816 프로그래밍 1:1 수업최근에 어린이들을 대상으로 강의 하는 일이 많아지면서 아두이노에 대해서 한번 배워보기로 했습니다. 아두이노는 오픈 소스를 기반으로 한 단일 보드 마이크로컨트롤러로 완성된 보드와 관련 개발 도구 및 환경을 말하는데요. 다양한 센서와 스위치로부터 입력을 받아오고 프로그래밍을 통해서 LED나 모터 등의 장치들을 컨트롤 할 수 있게 해줍니다. 최근 컴퓨터 조립하면서 하드웨어 관심이 커졌는데 디지털 미디어 아트등을 만드는데 입문자에게 이.. 더보기
[포토샵강좌] 포토샵으로 움직이는 짤(움짤) GIF 파일 만들기 20141220 포토샵 움짤포토샵을 요새는 잘 사용 안하는데요. 아래와 같은 움직이는 짤 일명 움짤을 만드는데 종종 사용하고 있습니다. 다른 GIF 만드는 툴로 만들어도 충분하긴 한데 다른 프로그램들은 해상도 조절 하기가 어려운 프로그램들이 많아서 포토샵을 애용하고 있습니다.제가 알려드리는 방법을 참고하세요.만드는 방법우선 포토샵 CS4를 가지고 설명 하겠습니다. 그 이상의 버전에서도 모두 사용 가능하다는 것 확인 했습니다. "파일-스크립.. 더보기
네이버 RSS 등록가능하도록 변경하는 방법(외부수집허용) 네이버는 기본적으로 RSS 허용을 안하고 있어요.외부에서 네이버 블로그의 글을 보게 하려면 외부수집 허용을 해야합니다.또 한가지!외부 수집 허용을 해 놓으면 블로그 노출도가 올라가서 다른 포털 사이트에서도 내 글을 볼 수 있습니다.글쓰기를 하시고, 아래와 사진과 같이 "외부수집허용", "외부 보내기 허용"을 체크 하시고"이 설정을 기본값으로 유지"까지 체크하세요. 더보기
웹 폰트 적용하기 - 워드프레스 테마 Jarvis를 중심으로 안녕하세요. 스타입니다. 요새 본의 아니게 웹디자인을 하고 있습니다. 그깟 돈 얼마 아끼겠다고 웹 디자인을 시작했는데요. 저는 워드프레스로 현재 구축 중입니다.   워드프레스를 통해서 유료테마를 구입하고 홈페이지를 제작 중인데요. 가장 큰 문제는 폰트에 대한 문제였습니다. 그러던 중에 다음과 같은 방법으로 웹 폰트를 적용 할 수 있는 방법을 알아냈습니다.   @font-face 폰트 페이스 http://ww.. 더보기
AAA Logo를 이용해서 간단한 텍스트 로고 만드는 법  안녕하세요. 스타입니다. We.GD 프로젝트 하면서 로고를 만들어 보고 싶었는데, 마침 로고 만드는 프로그램으로 AAA Logo라는 것이 있더군요. 다운로드는 http://www.aaa-logo.com 에서 받으시면 됩니다.   1. 프로그램 실행 프로그램 구해서 실행해봤습니다.   실행하면 아래와 같이 로고 샘플 라이브러리가 나오는데요. Next Page 눌러보면서 내가 만들려고 했던 비슷한 형태의 .. 더보기
HTML5+CSS (2) 안녕하세요. 스타입니다.html5 및 CSS 2일차 강좌입니다.온라인으로 CSS를 테스트 할 수 있는 페이지http://www.cssdesk.com- 헤일로 효과 적용한 태양 그리기.CSSbody {font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 100px;font-size: 13px;}div {background:-webkit-gradient(.. 더보기
XAMPP 설치하기 안녕하세요. 스타입니다.웹개발에 필요한 XAMPP를 설치하는 법입니다.공식사이트http://www.apachefriends.org/en/xampp.html에서 플랫폼에 맞는 버전을 받으면 됩니다.저 같은 경우에는 맥용을 받았습니다.XAMPP Control 를 실행하면 다음과 같은 화면이 나옵니다.ApacheMySQLFTP를 이용할 수 있습니다.자기 아이디 폴더로 가서  sites라는 폴더를 생성해 줍니다.해당 폴더가 이제 웹디렉토리가 됩니다.. 더보기
HTML5+CSS (1) - 용어정리W3CHTMLCross BrowserWHATTWG (http://www.whatwg.org/)AjaxCSSSemantic WebOntology- 요소검사리엔지니어링 할 때 유용하다.환경설정 - 고급개발자용 메뉴 보기 체크사파리 Safari 에서 오른쪽 마우스 클릭요소 점검- 사용자 에이전트다른 플랫폼이나 OS로 웹브라우저를 실행 할 수 있습니다.Iphone 버전으로 선택하면 웹이 아이폰에 최적화된 모양으로 나옵니다.실행해보면 다음.. 더보기