본문 바로가기

전체 글485

jQuery Effects - Animation jQuery Animation은 애니메이션 효과를 만들 수 있습니다. 기본적인 문법은 $(selector).animate({params},speed,callback); 사용합니다. animate() 간단한 속성 animate()로 CSS속성을 정의할 수 있습니다. "slow", "fast", milliseconds 로 시간을 정의할 수 있습니다. 간단한 사용 방법은 아래 구문을 확인해주세요. 의 내용을 왼쪽으로 250px 이동하는 내용입니다. $("button").click(function(){ $("div").animate({left:'250px'}); }); 관련예제 애니메이션 효과 CSS를 정의하여 좌측으로 250px 만큼 div 값을 이동합니다! // 이미지에서 확인되듯이 "애니메이션 효과" 버튼.. 2013. 5. 15.
jQuery Effects - Sliding jQuery Sliding는 어떤 내용이 위, 아래로 슬라이딩하게 하는 역할을 합니다. slide 종류에는 slideDown(), slideUp(), slideToggle() 이 있습니다. slideDown() 기본 문구는 $(selector).slideDown(speed,callback); 처럼 사용합니다. 괄호() 안에 숫자를 넣어 속도를 조절할 수 있으며, "slow", "fast" 등을 사용할 수 있습니다. $("#flip").click(function(){ $("#panel").slideDown(); }); 관련예제 이곳을 클릭해보세요!! 안녕하세요 Park's의 블로그 입니다. // div 영역 "flip" 을 클릭하면 "안녕하세요 ~" 내용이 아래로 슬라이딩 됩니다. -------------.. 2013. 5. 14.
글로벌 K-스타트업 프로그램 2013의 아이디어 공모 요즘 미래창조과학부 관련 내용이 많이 언론에 나오는듯 합니다. 실리콘밸리에 해외창업 활성화를 위해 코트라 SV비즈니스 센터에 IT 창업지원센터 개소식을 가졌다는 이야기를 들었습니다. 미국에서 창업이 언어도 그렇고 쉬운 도전은 아닐거라 생각은 되지만 창업자에게 많은 도움이 되길 기대해봅니다. 그리고 미래창조과학부에서 창의적 아이디어 발굴과 창업,사업,투자유치, 글로벌 진출까지 지원하는 글로벌 K-스타트업 프로그램 2013의 아이디어 공모를 오늘(14일)부터 시작한답니다. 이번 공모는 K스타트업 사이트(www.k-startup.kr)에서 진행되고 학생, 일반인 7명이하 기업이 신청 가능합니다. 참고로 가산점이 부여되는 항목이 있는데요. HTML5와 오픈플랫폼을 활용한 서비스, 에듀테인먼트(교육과 오락을 합친.. 2013. 5. 14.
월드IT쇼 2013 세미나 개최 스마트 라이프, 심플 아이디를 주제로 미창과(미래창조과학부)와 산통자(산업통상자원부) 주최로 2013 월드IT쇼(WIS2013)가 국내외 500여 업체가 참가하여 5월 21 부터 24일 4일간 삼성동 코엑스에서 개최된다 합니다. 화살같은 글로벌 IT시장의 변화에 국내와 국외 IT기업들의 다양한 신제품, 신기술 트랜드를 한꺼번에 모아볼수 있는 좋은 자리, 기회가 될듯합니다. 삼성, LG, SK, KT등 대기업들의 전략제품도 확인할수 있을듯 합니다. 전시품목 Mobile ㆍ Communications ㆍ Broadcasting 스마트폰, 태블릿 PC, 스마트TV, LTE, HSPA+, WIBRO, N스크린, NFC, Volp, Antennas, 증강현실 및 LBS기반 웹서비스, 각종 모바일 기기 연동 제품,.. 2013. 5. 14.
모든 사람들이 프로그래밍을 배워야 하는 이유 "이 나라 모든 사람들이 프로그래밍을 배워야 하는 이유는 사고하는 법을 배워야 하기 때문이다" - 스티브 잡스(애플 창업자) -    "제가 프로그래밍을 처음 배우기 시작한 이유는 컴퓨터 공학을 완습하거나 그 분야의 최고가 되고 싶어서가 아니라 매우 단순한 이유 때문이었어요. 저를 포함한 저희집 남매들이 재미있게 할 수있는 뭔가를 만들고 싶었어요""간단한 프로그램을 짜고 조금씩 기능을 추가했어요. 그리고 새루운 것을 배워야 한다는 상황이 닥치면, 책을 보거나 인터넷을 찾아보면서 배우고 거기에 저만의 방식을 추가했어요""생각해보세요! 대학교 기숙사 방안에서 회사를 한번도 세워본적 없는 사람들 몇명이 모여서 10억명 인구가 일상적으로 사용하는 서비스를 만들었어요. 생각하면 생각할수록 골때리는 일이죠? 안그래.. 2013. 5. 13.
jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이번 장에서는 jQuery 에서 fadeIn(), fadeOut(), fadeToggle(), fadeTo() 함수에 대해서 알아보겠습니다. fade의 사전적인 의미는 "천천히 사라지다" , "점점 희미해지다" 라는 뜻입니다. 그럼 대충 어떤 현상이 일어나겠구나 하는 짐작은 할 수 있을 겁니다. jQuery fadeIn() 천천히 나타나게 하는 함수 입니다. $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); 관련예제 fadeIn 현상을 확인해보세요! fadeIn 버튼을 클릭하세요 // 우선 기본적으로 fadeIn()을 사용하며, 괄호() 안에 위처럼 옵션을 줄 수 .. 2013. 5. 13.
jQuery hide(), show(), toggle() 이번 장에서는 hide(), show(), toggle()에 대한 기능을 알아보겠습니다. 이미 앞장부터 보셨다면 이미 hide() 기능을 알고 계실거라 생각됩니다. hide() 기능은 문구를 숨기는 기능을 합니다. show() 기능은 문구를 보여주는 기능을 합니다. $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 관련예제 버튼을 차례차례 클릭해보시기 바랍니다. 숨겨라 보여줘라 // 버튼의 id값 hide를 클릭하면 문구가 없어지는 현상이 나타남 // 버튼의 id값 show를 클릭하면 문구가 나타나는 현상이 나타남 // "보여줘라" 버튼을 클릭하면 글씨가 나타나며 // "숨겨라" 버튼.. 2013. 5. 13.
스타트업 바이블(2008 배기홍저) 이 책은 초판 2010년 8월 9일 그리고 9월 3일 두번의 인쇄를 하였습니다. 그래서 그런지 현재 국내에서 스타트업으로 성공한 기업들의 소개는 나오지 않는다. 왜냐하면 2011년부터 카카오톡, 티켓몬스터, 배달의 민족, 이음 등 다수의 스타트업 기업들이 있지만 아마도 저자가 접하기 전이지 않을까 생각합니다. 저자 배기홍은 스탠퍼드 대학을 졸업하고 와튼 스쿨에서 MBA 과정을 거쳤다. 화려한 스펙에도 불구하고 스타트업(뮤직쉐이크)을 시작하여 지금껏 이어오고 있습니다. 물론 스타트업을 시작하기전 스타트업인 밸리서트(valiCert)에서 첫 시작을 했지만 닷컴버블의 붕괴로 구조조정이 이루어져 갈 곳이 없어진 저자는 마이크로소프트에서 2년 반 동안 근무를 하였던 적도 있습니다. 전반적인 내용은 청년들이 창업에.. 2013. 5. 12.
오프라 윈프리 스탠포드 연설(2008년) Thank you, President Hennessy, and to the trustees and the faculty, to all of the parents and grandparents, to you, the Stanford graduates. Thank you for letting me share this amazing day with you.(헤네시 총장님, 재단 이사와 학부, 전 교직원 여러분과 여기 계신 부모님과 조부모님들 그리고 스탠포드 대학 졸업생분들께 감사드립니다. 이런 멋진 날을 여러분과 함께하게 돼서 영광입니다. )I need to begin by letting everyone in on a little secret. The secret is that Kirby Bumpus, Sta.. 2013. 5. 10.
jQuery Events hover(), focus(), blur() 이번 장에서는 jQuery Event 중에서 hover(), focus(), blur() 에 대해서 알아보겠습니다. hover() 마우스가 HTML 요소에 오버되었을때 한번 함수가 실행되고, 마우스가 HTML 요소를 떠날때 두 번째 함수가 실행됩니다. $("#p1").hover(function(){ alert("You entered p1!"); }, function(){ alert("Bye! You now leave p1!"); }); 관련예제 이곳에 마우스를 가져오고 또 벗어나보세요! -------------------------------------------------------------- focus() form 의 양식에 포커스를 받았을때 실행되는 함수 입니다. $("input").focus(f.. 2013. 5. 10.
jQuery events mouseenter(), mouseleave(), mousedown(), mouseup() 이번장에서는 jQuery 이벤트중 mouseenter(), mouseleave(), mousedown(), mouseup() 마우스와 관련된 이벤트에 대해서 알아보겠습니다. ------------------------------------------------------- mouseenter() 마우스 다가왔을때 발생하는 이벤트입니다. $("#p1").mouseenter(function(){ alert("You entered p1!"); }); 관련예제 Enter this paragraph. ↓ ↓ ↓ 마우스를 아이디값 p1에 올렸을때 alert 메시지를 보여 줍니다. ------------------------------------------------------- mouseleave() 마우스가 자리.. 2013. 5. 10.
jQuery Events ( click(). dbclick() ) jQuery 는 html 이벤트를 만들수 있습니다. 이벤트(Events)가 무었인지 알아보겠습니다. 웹 페이지가 응답 할 수있는 모든 다른 방문자의 행동을 이벤트라고합니다. 이벤트는 무언가가 일어나는 순간을 나타냅니다. 관련예제 어떤 요소에 마우스가 오버되었을 경우 라디오버튼을 선택했을 경우 클릭 이벤트가 발생했을 경우 마우스 이벤트에는 click, dbclick(더블클릭), mouseenter(마우스오버), mouseleave(마우스아웃) 등이 있고 키보드 이벤트에는 keypress(키보드클릭), keydown, keyup 등이 있고 폼 이벤트에는 submit, change, focus, blur 등이 있고 Document/Window 이벤트에는 load, resize, scroll, upload 등이.. 2013. 5. 10.
구글 애드센스 1차 승인 4번의 실패 끝에 드디어 애드센스 1차 승인이 났습니다. 구글 애드센스는 방문자수는 크게 따지지 않는다하여 일단 포스팅을 계속하면서 이정도면 신청이 되겠거니 하며, 처음 애드센스를 신청했는데 실패!! 실패원인은 컨텐츠 부족 그래서 포스팅글이 더 많어야 되나 해서 다시 글을 조금더 등록하고 애드센스를 신청했는데 실패!! 마찬가지 컨텐츠 부족 흠..방문자수도 따지나 해서 몇 일동안 방문자수 늘리느라 조금 신경을 썻는데 역시 실패 ㅜㅜ 역시 컨텐츠 부족 컨텐츠의 의미를 자세히 알지 못해 그냥 몇번정도 글을 더올렸는데 역시 실패.... 그래서 컨텐츠 부족에 대해서 구글링을 했습니다. 포스팅을 할때 직접 작성해야 하며, 내용이 500자 ~ 1000자 이사이 되어야 한다는것을 알아냈습니다. 4개 정도의 직접 작업한.. 2013. 5. 8.
jQuery Selectors jQuery Selectors jQuery Selectors는 html elements를 선택할수 있고 조작을 할 수 있습니다. CSS를 기반으로 하며 id, class, type, attributes(속성, 속성값)등 보다 많은것을 조작할 수 있습니다. "조작"한다는 말은 예를 들어 id=test 가는 id값이 있을경우 jquery를 이용하여 id값이 test 를 찾아서 test안의 내용을 원하는 형태로 바꿀수 있다는 말입니다. Element Selector jQuery element selector은 기본적으로 태그(tag)에도 적용이 가능합니다. %("p") $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); .. 2013. 5. 8.
jQuery 기초 오늘부터 하루에 하나 또는 두개씩 jquery 에 대한 내용을 기초부터 다루어 보려고 합니다. jquery 를 공부하시는 많은 분들에게 도움이 되길 바랍니다. 잘 정리되어 있는 해외 사이트를 참조하여 내용을 다루겠습니다. jQuery는 Javascript Library입니다. jQuery는 Javascript 프로그래밍을 매우 단순하게 해줍니다. jQuery는 배우기 쉽습니다. jQuery 라이브러리는 웹페이지에 단 한줄을 추가하여 사용할 수 있습니다. [배우기 전에 알아둬야 할 부분] jQuery를 배우기 전에 다음 사항에 대한 기본 지식이 있어야 합니다. - HTML - CSS - Javascript [jQuery란 무엇인가?] jQuery는 javascript 함수들로 이루어진 라이브러리입니다. j.. 2013. 5. 8.
제4기 부산광역시 청년창업지원사업 신청자 모집 부산광역시에서 참신한 아이템으로 창업에 도전하고자 하는 청년창업가를 선발하여 창업활동을 적극지원 한답니다. 신청대상 및 자격 - 만18세 이상 만39세 이하(1974.1.1~1995.12.31생)로서 부산광역시 주민등록자 - 예비창업자 또는 2012.1.1이후 창업자(사업자등록일 기준) ※ 지원제외자 - 부산광역시 청년창업 지원사업의 기 수혜자 - 동일 또한 유사한 정부의 타 사업으로부터 동일기간 내 중복지원 수혜자 신청분야 및 업종 - MICE : 전시, 컨벤션, 관광, 회의 - ICT : 앱. 웹개발, 게임, 영화, 영상, 미디어 등 - 제조 : 기술, 일반, 패션, 수공예, 식품 등 - 전문서비스 : 교육, 문화, 홍보, 출판, 컨설팅, 정보, 서비스 등 - 기타 : 온라인쇼핑몰, 프랜차이즈, 유통.. 2013. 5. 8.
beLAUNCH 2013 에서 나온 창업시 실수하는 4가지 국내에서 최대의 규모로 현재 2회째를 맞는 비런치 beLAUNCH 2013 5월1일부터 3일까지 beSUCESS 주최로 열렸었습니다. 한국, 실리콘밸리, 뉴욕, 유럽, 아시아등 국내외 스타트업 분야 종사자 1500여명이 참여하였습니다. 세계 각지의 창업가와 투자자 IT전문가들의 강연이 있었고, 국내외 IT 소식을 전하는 행사였습니다. 2일 행사에서 쿠팡의 김범석 대표는 창업을 할때 많은이들이 실수를 하는데 집약적으로 4가지에 대한 실수를 소개하였고, 창업을 준비하는 그리고 창업 시작단계의 후배 창업인들에게 시행착오를 미리 예방하기 위해 준비했다고 합니다. 실수에 대한 4가지 1. 모든 것을 잘 하려고 한다. "한가지의 핵심 경쟁력을 파악하고 그 것에 집중하라" 뭐 크게 어려운 말은 아니죠. 한우물을 집중.. 2013. 5. 7.
로그인 도용방지 서비스 (주)씽크풀 국내 최대 스타트업(신생벤처) 및 IT산업 컨퍼런스 'beLAUNCH 2013′에 참가해 로그인 도용방지 서비스 아이디세이프(IDsafe)를 소개했습니다. (주) 씽크풀의 로그인도용방지서비스(www.idsafe.kr)는 로그인을 요청하는 컴퓨터의 위치와 고객의 휴대폰 위치를 비교하여 위치가 다를 경우, 즉시 부정로그인 의심 알람을 메시지로 보내 고객의 휴대폰으로 실시간 서비스를 차단할 수 있도록 알림을 주는 서비스 입니다. 주요 기능으로는 불법로그인, 아이템도용, 본인인증 도용 등 실시간 차단 금융사기(불법대출, 불법이체, 신용카드 발급도용 등) 방지 SMS 실시간 알림 차단내역(로그인, 결제 등) 확인을 할 수 있습니다. 이 서비스는 월 1,000(VAT별도)원의 요금으로 이용할 수 있습니다. 그리고 .. 2013. 5. 6.
스타트업 구인,구직 전문 로켓펀치(RocketPunch) 로켓펀치를 서비스 하고 있는 회사는 '프라이스톤스' 입니다. 2010년 크리스마스 이브에 출범한 회사입니다. 스타트업은 소수의 인원으로 자기들보다 몇 배나 몸집이 큰 경쟁자들 혹은 자기들 못지 않게 열심히 일하는 다른 스타트업과 싸워야 합니다. 이런 ‘전쟁’에서 승리하기 위해, 우리는 다음과 같은 원칙을 지켜야 한다고 생각합니다. 1. 세상이 필요로 하는 일을 한다 2. 지속 가능한 사업 구조를 만들어야 한다 3. 회사의 문화와 시스템은 업무 효율을 높이기 위한 명확한 목적을 가지고 있어야 한다. 4. 개인은 끊임없이 성장하고, 회사는 끝없이 개선되어 나가야 한다. 2013년 1분기 현재, 가장 집중하고 있는 프로젝트는 스타트업을 위한 서비스 ‘로켓펀치’입니다. 스타트업이 가지고 있는 불편을 해결하기 위.. 2013. 5. 6.
제7회 서울 프랜차이즈 창업박람회 오는 5월 9일 부터 제7회 프랜차이즈 창업박람회가 서울 aT센터에서 열립니다. 이번 박람회는 부부창업, 여성CEO, 청년창업가를 위한 소자본 창업, 펜션, 귀농 등의 다양한 주제를 가지고 9일 ~ 11일까지 3일간 개최되고, 160부스에 80업체가 참여합니다. 베이비붐 세대, 청년, 여성 창업을 하려는 이들에게 실질적인 도움이 될수 있을거라 예상합니다. 창업지원업체 한국소상공인지원단은 이번 박람회에서 소자본으로 생계형 창업을 준비하시는 분들이라면 이번 박람회에 꼭 참여를 해 보라고 권유했습니다. 이번 서울 프랜차이즈박람회 무료입장을 위한 사전접수는 온라인(http://www.yesexpo.co.kr)을 통해 5월 7일부터 접수 받습니다. 2013. 5. 6.
블로그에 트위터 위젯 붙이기 현재 제 블로그를 보시면 우측하단에 트위터의 내용이 연동되어 나오는 것을 볼 수 있습니다. 제가 붙인 위젯은 창업관련 내용이 트위터에 나오면 불러오게 해놓은 것입니다. 사실 그렇게 어려운 부분이 아니며, 저 보다 더 잘아는 사람도 많이 있겠지만 혹시라도 잘 모르는 1명을 위해 이렇게 포스팅 하려 합니다. 트위터에 가입되어 있는 전제하에 설명드리겠습니다. 자 그럼 어떻게 하면 이렇게 연동할 수 있는지 알아보겠습니다. 1. 트위터 홈페이지 접속을 합니다.(www.twitter.com) 상단에 톱니바퀴 모양의 버튼을 클릭하고 Help버튼을 클릭합니다. 2. 하단의 API 버튼을 클릭합니다. 3. Embedded Tweets 버튼을 4. Create your own embedded timeline 버튼을 클릭합.. 2013. 5. 3.