티스토리

Readiz - Read easy
검색하기

블로그 홈

Readiz - Read easy

blog.readiz.com/m

Read everything in the world easily. http://readiz.com/

구독자
3
방명록 방문하기
공지 마음의 평화가 왔다 모두보기

주요 글 목록

  • [Javascript] function호출(apply, call) 및 scope에 관하여 Javascript function 및 scope에 관하여 Javascript의 function은 특이합니다. 함수 자체가 객체가 됩니다. 이 말인 즉슨, 아래처럼 함수를 생성하면 자동으로 객체가 된다는 것인데요, 다음처럼 한번 디버깅 툴에서 입력을 해보겠습니다. > var a = function(a) { console.log(a); } 그리고, 아래처럼 a.length 를 치게되면 결과값은 1이 나옵니다. > a.length 1 입력하지도 않은 property인 length에 대한 값이 출력이 되는 것을 볼 수 있습니다. 여기서 length는 최초 함수를 만들 때의 인자의 개수 (여기서는 한개이지요)가 출력이 되도록 설정되어 있습니다. 즉 다시 얘기하면, 함수는 자바스크립트에서 특수 객체로 취급이 되면.. 공감수 0 댓글수 1 2017. 9. 3.
  • [C/C++] int와 register int의 속도 차이 Register Int에 대해서 알아보기 C언어든 C++이든 결국 컴파일러를 거치면 어셈블리로 전환이 될 것입니다. 이는 곧 기계어와 동치이고.. 이렇듯 C언어는 바로 하드웨어와 연관이 있는 언어이므로, 이 하드웨어와 관련있는 코딩 구문들도 상당수 존재합니다. 오늘 쓰는 내용은 register int에 관한 내용인데, 어떤 내용인지 코드를 통해 우선 먼저 보도록 합시다. int main() { int tmp1 = 0; int tmp2 = 0; clock_t clk1 = clock(); for (int i = 0; i 공감수 5 댓글수 2 2017. 8. 23.
  • [PhantomJS] 서버 열고 URL받아 스크랩하기 서버로 URL 받아서 스크랩하기 PhantomJS는 Headless Browser라고 하죠. Chrome처럼 Webkit 엔진을 사용한 것으로 알고있는데, 유저 Interface없이 사이트 전체 모습을 캡쳐하기도 하는 등 분석툴로써 활용될 수 있는 프로그램입니다. 문법을 마치 Node.js처럼 할 수 있어서(아니면 Node.js 기반인가? 이건 잘 모르겠습니다) 서버로 활용이 가능할 것이라는 생각을 하긴 했었는데, 어쨌든 찾아보니까 되더라구요. 어쨌든 아래처럼 사용하였습니다. var server = require('webserver').create(); var system = require('system'); var fs = require('fs'); var wait_time = 1000; var CON.. 공감수 0 댓글수 0 2017. 8. 16.
  • [Web] React로 보는 요즘 Web Front-end Style Recent Web Front-end Style 글 제목은 거창하지만.. 사실 별 내용은 아니고, React를 공부하면서 느낀점입니다. 대체로 느껴지는 요즘 프론트앤드 웹 코딩 스타일의 변화를 적어봅니다. 개인적으로 느끼는 것들을 적어보는 것이라, 실상과 다를 수도 있습니다. 이해를 위해서 지나치게 단순화하거나, 과장한 부분이 있습니다. 1. HTML5 기존에는 HTML-CSS-JS로 이어지는 3단 요소들을 잘 작성해야 했지만, React에서 볼 수 있듯 이제는 JS로 통합이 되는 (적어도 될 수 있다 정도는 되겠네요) 느낌입니다. HTML5에서 DOM Name을 XML처럼 가져갈 수 있었지만, 사실 디자인 측면에서 div와 다른 면이 없기 때문에 다들 div로 그냥 쓰곤 했죠(저도 그렇구요). 그렇게 .. 공감수 0 댓글수 0 2017. 8. 15.
  • 변화하는 Cross-domain iframe 높이 자동 조절 A라는 도메인의 페이지가 iframe 안쪽에 들어가있고, B라는 도메인의 페이지에서 이 iframe을 불러올 때 iframe의 높이를 자동으로 조절하는 일이 생각보다 쉽지는 않습니다. stackoverflow등을 참고하여 아래와 같은 동작하도록 적용을 하였습니다. 비슷한 문제를 겪는 다른 분들이 계실것 같아 공유합니다. iframe 안쪽 문서 페이지의 내용이 갱신될 때마다 아래의 javascript가 실행되도록 해줍니다. parent.postMessage(document.body.scrollHeight,"http://b.com"); 부모 페이지에 현재 자신의 높이를 postMessage Method를 통하여 전달합니다. 부모 페이지 페이지의 아무 곳에나 다음과 같은 javascript code와 list.. 공감수 3 댓글수 3 2016. 3. 18.
  • Javascript class 기초 개념 Javascript class 기초 개념 자바스크립트 기초도 없는 상태에서 FastBoot 스킨을 제작하다보니 어느덧 Global 변수가 무지막지하게 쌓여가고, 정리도 안되는 모습이 있어서 다음 버전에는 싹다 밀어볼 생각으로 Javascript의 Class의 개념에 대해서 살짝 정리를 해보려고 합니다. 제 다른 글처럼 굉장히 핵심만 짚고 넘어가는 방식으로 진행할 것입니다. Constructor Javascript에서의 Constructor는 다음과 같은 모습을 하고 있습니다. function Circle(origin, radius) { this.originX = origin[0]; this.originY = origin[1]; this.radius = radius; } Circle.prototype.ar.. 공감수 6 댓글수 128 2016. 3. 14.
  • [PHP] 간단한 Pager 간단한 Pager 만들기 Pager 소스는 찾아보면 많이 있지만.. 간단하게 Prev, Next Page만 구현되고 현재 페이지 나오는 Pager를 직접 만들어보기로 해서 작업해보았습니다. COUNT Query를 이용하여 작업하면 간단합니다. 1. 페이지 세팅 if ($_REQUEST['page']) { $page = $_REQUEST['page']; } else $page = 1; 페이지가 세팅되어 있지 않으면 1페이지로 세팅합니다. 여기서 $page를 직접 쿼리에 넣는다면 SQL injection을 당할 수 있으므로 escaping이 필요합니다. 저같은 경우에는 서버단에서 세팅으로 '를 자동으로 escape 되게 시켜놓았기 때문에 따로 설정하진 않았습니다. 2. SQL Query // Paging $.. 공감수 0 댓글수 3 2016. 3. 4.
  • 인터넷은 정글이다 개인서버 로그로 살펴본 정글 탐험기 가벼운 글이니 시간이 없으신 분들은 살포시 뒤로가기 누르셔도 괜찮습니다. 그동안 웹호스팅 및 Tistory 같은 대형 서비스에서만 웹을 이용하다보니 인터넷이 정글인걸 알면서도 별 생각없이 안전하다 생각하고 사용을 하고 있었는데.. 최근에 개인적인 용도로 윈탭을 서버로 돌리기 시작하면서 얼마나 많은 해킹시도가 일어나는지 새삼 깨닫게 되었다. 그 계기가 무엇인고 하니.. 바로 이 접속 로그 때문이었다. 중요한 점은 이 서버가 내 도메인에 연결되어 있긴 하지만 그 도메인 주소를 그 어디에도 공개한 적이 없다는 것이다. 그렇다면 이 접속로그들은 무의미한 ip주소에 무차별적으로 공격을 시도되고 있다는 것을 증명하는 것인데.. 대체 어디서 이런 공격들이 시도되고 있는지 찾아보기로.. 공감수 4 댓글수 3 2016. 3. 1.
  • Google Appengine 시작하기 Google Appengine 시작하기 제목은 거창하게 지었지만.. 나름대로 공부해보면서 겪고 있는 점들에 대해서 간략하게 정리하려고 합니다. Google Appengine은 Google Cloud Platform에 속한 서비스이고.. 이 서비스는 장단점이 있겠지만 일단 큰 장점으로 개발자 혼자서 쉽게 환경을 구성하고 Application을 만들어 볼 수 있다는 점이 있겠고, 나중에 Scaling또한 굉장히 쉽다는 것이 있죠. 더 쉽게 말해서는 24시간 돌아가는 서버를 Google에게 주문을 하는데, 그 서버크기는 무한정 제공되고, 이용량에 따라 나중에 청구하겠다는 개념으로 보시면 됩니다. 저는 사실 다른 이유 때문에 시작한 것은 아니고.. 텔레그램 봇을 돌려보려고 배워보고 있습니다. 사실 돌리고 있는 .. 공감수 1 댓글수 0 2016. 2. 13.
  • [안드로이드] 토글 버튼으로 타이머 작동/중지 컨트롤하기 토글버튼으로 타이머 컨트롤하기 토글버튼으로 작동하는 타이머에 대한 예제는 인터넷에 많지만 제 마음에 드는건 찾기 힘들어서 이리저리 뜯어서 만들었습니다. activity_main.xml에 버튼을 만들고(여기서는 btnRecord라는 이름을 사용하였습니다), MainActivity class의 oncrete 메소드에서 다음과 같이 작성합니다. final Button btnRecord = (Button) findViewById(R.id.btnRecord); btnRecord.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { if (btnRecord.getText().equals("Record")) {.. 공감수 5 댓글수 4 2014. 10. 31.
  • Socket Programming - BrowserClient.c Socket Programming  Socket은 L5의 Application Layer에서 다른 컴퓨터로의 접근을 가능하게 해줍니다. L3의 IP와 L4의 Port정보를 가지고 있는 것이 Socket이고, 이것을 만들게 됨으로써 Application은 마치 이 소켓에 Read와 Write를 하는 것으로 다른 컴퓨터와 데이터를 주고 받을 수 있게됩니다. 계층화의 장점이라고 할까요.. 프로그래머는 어떤 식으로 컴퓨터가 데이터를 주고받게 되는지 전혀 알 필요도 없고, 신경쓸 필요도 없습니다. 소켓을 만들고 데이터를 넣어주면 그 다음부터는 알아서 진행되는 것이지요. L5->L4->L3->L2->L1을 거치고, 중간의 라우터를 거쳐서, 건너건너 상대컴퓨터로 도착하게 되겠죠.  아무튼 오늘 소개하는 Browser.. 공감수 2 댓글수 1 2014. 7. 13.
  • [jQuery] 누르면 크기가 늘어나는 검색창 jQuery로 구현하는 눌렀을 때 크기가 늘어나는 검색창 항상 느끼는 것이지만 웹에서 마음에 딱 드는 컨셉의 디자인을 찾기는 힘이 드는 것 같습니다. 하나하나 찾기는 어렵지 않은데, 이러한 것들이 모여 이루어지는 디자인이라는 것은 개개인의 취향에 따라 마음에 들고 안들고 하기 때문인데요.. 그래서 이번에도 크기가 늘어나는 검색창을 찾다가.. 마음에 다 안들어서 그냥 jQuery로 한번 구현해보았습니다. jQuery자체가 그렇게 어렵지가 않아서 쉽게 구현이 가능합니다. blur 이벤트와 focus 이벤트를 사용하여 구현합니다. 모습은 아래와 같습니다. 구현 모습 위쪽 그림이 누르기 전의 모습이고, 아래쪽 그림이 눌렀을 때 크기가 늘어난 모습입니다. 공간도 적게 차지하면서 애니메이션과 함께 커지기 때문에 재.. 공감수 1 댓글수 9 2014. 5. 4.
  • [CSS3] box-shadow 속성 box-shadow 속성 자주 쓰는 속성인데 매번 찾기가 귀찮아 한번에 정리해봅니다. 옛날 옛적 호랑이가 산속에 돌아다니던 시절에는 이런 효과를 주려면 포토샵에서 작업해서 이미지를 잘라 붙여넣었어야 됐습니다만 이제는 옛말이죠. 속성 하나로 간단하게 적용하는 그림자 효과입니다. 적용 방법 div { box-shadow: #888888 10px 10px 5px; } 브라우저 호환성 최대화 div { -moz-box-shadow:#585858 0px 0px 1px; -webkit-box-shadow:#585858 0px 0px 1px; box-shadow:#585858 0px 0px 1px; } 문법 box-shadow: none|h-shadow v-shadow blur spread color; 종종 colo.. 공감수 1 댓글수 11 2014. 5. 4.
  • Mesh-connected computer partial sum(부분합) MCC에서의 부분합 구하기 저번 글에서 Bitonic Sort에 대해서 알아보았었는데, 이번에는 좀 더 구체적인 예인 Mesh-connected computer에서의 알고리즘인 Partial sum 대해서 알아보도록 하자. 조금 주제가 뛰어넘는 것 같은데 어찌되었든 병렬컴퓨팅이라는 주제 안에서 저번 글의 연장선상에서 바라보았으면 좋겠다. Mesh-connected computer란 하나의 Node가 최대 4개까지의 연결을 가지는 병렬컴퓨팅의 한 종류이다. 이 글에서는 Distributed Memory를 가정한다. Mesh-Connected Computer(MCC)의 Critical Path 빨간색으로 된 경로가 나온 이유는 Partial Sum이 완료되는 1번에 있는 Data는 결국 16번으로 가야하기 .. 공감수 0 댓글수 10 2014. 4. 27.
  • 간단한 명령에는 jQuery 종속에서 벗어나자 jQuery는 마성의 툴입니다. 요즘은 아예 Javascript를 안배우고 jQuery만 배워도 될 것 같은 정도입니다. 대부분의 웹개발에서는 jQuery를 사용하고 있으니까 말이지요. 그 생산성도 순수 Javascript로만 짰을 때와 비교도 할 수 없을 정도입니다. 그렇지만 누구든지 jQuery를 사용하지 못하는 환경에 마주칠 수 있다는 것은 부정할 수 없는 사실입니다. jQuery라는 프레임워크가 없어지는 순간 무기력해지는 자신을 보면서 말이죠. 특히 원하고자 하는 요소를 선택조차 하지 못합니다. jQuery 없이는요.. 그만큼 jQuery의 Selector가 강력하다는 반증입니다. 사실 웬만한 작업에는 jQuery가 필요없습니다. 그렇다면 Javascript에서 어떻게 요소를 선택하여 작업을 하느.. 공감수 2 댓글수 7 2014. 4. 25.
  • CSS Grayfilter with crossbrowsing Grayfilter makes image gray. With CSS, any images are turned into gray simply. It's easy to apply, and cool. Many websites have already apply this filter. Here is the trick: img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } Source: http://.. 공감수 0 댓글수 16 2014. 4. 17.
  • Import jQuery 2.x and 1.x according to IE version Detect the IE version There are many ways to import scripts according to browser version, but It's true some internet service restrict the way to detect the browser version. Simple trick is here: var ielt9 = 0; Explain: ie.fix.css is not necessary. Upper code is the code in my blog's tag. Look at the ' in the '. That's all. This is all behavior that we want. So tricky, right? We set the variable.. 공감수 0 댓글수 0 2014. 4. 5.
  • 국내 웹에 없는것 찾기: Bluestacks(블루스택) 충돌 안하는 구버전 다운로드 방법 블루스택 버전별 다운로드 (하단에 링크 있습니다) 구글링을 하는 법을 실전 예제로 알려드리는 분은 없는 것 같아서, 한번 글을 직접 작성해보게 되었습니다. 실제로 겪는 문제인 블루스택 구버전 다운로드 하는 법을 가지고 한번 어떻게 구글링하여 다운로드 받을 수 있는지 알아보도록 하겠습니다. 일단 블루스택은 외산 프로그램입니다. 현재 검색엔진 등지에서 한글로 검색해보니까 제대로 된 결과가 나오지를 않네요. 이런 것은 국내 웹보다는 외국 쪽 검색을 해야 원하는 정보를 쉽게 얻어갈 수 있습니다. 이럴 때 필요한 것이 고기를 드리는 것이 아니라 고기를 잡는 법을 알려드리는 것인데, 현재까지 알려진 블루스택 구버전을 다운로드 하는 방법을 알려드리면서 외국 웹 검색 요령을 알려드리고자 합니다. 시작하기 전에 첨언을 .. 공감수 10 댓글수 26 2014. 3. 30.
  • Offcanvas가 있는 반응형 스킨의 구조 설계 Offcanvas가 있는 반응형 스킨의 구조 설계 반응형 스킨이 지금은 그렇게 많지는 않지만.. 앞으로 반응형 스킨 제작 하실 분들에게 도움이 되시라고 이런 글도 한번 포스팅 해봅니다. 도움이 되셨으면 좋겠어요. 이런 구조를 그려놓는걸 뭐라고 하는지는 잘 모르겠습니다. 전개도? 설계도? 아무튼 이것을 꼭 그리고 작업하실 필요는 없습니다만, 큰 그림이 머리속에 있는 것이 좋더군요. 빨간색 칠해진 부분이 유저가 처음에 보게되는 부분입니다. 처음에는 네비게이션, 콘텐츠, 사이드바의 일부만 보게 됩니다. 이 이후에 Offcanvas가 동작하게 되면, Offcanvas가 우측으로 밀려나오게 됩니다. 아래 그림처럼요. 이 구조는 실제로 Offcanvas가 우측으로 이동하는 구조입니다. 실제로 컨텐츠와 Navigat.. 공감수 0 댓글수 14 2014. 3. 30.
  • Bitonic Sort in Distributed Parallel Computer System Bitonic Sort 기본적으로 Bitonic Sort는 Bitonic Sequence에서만 사용할 수 있다. 하지만 편법을 적용하면 일반적인 Sequence에 대해서도 Bitonic Sort를 시킬 수 있다. 이 글에서는 Bitonic Sequence에 대한 Sort는 이미 알고리즘을 알고 있다고 가정하고, 일반적인 수열에 대해서의 Bitonic Sort에 대해 알아볼 것이다. Bitonic Sequence에서의 Bitonic Sort는 O(log n)으로 구해진다. 다음과 같이 무질서한 수열이 있다고 해보자. 4 9 7 3 5 8 1 6 어떤 규칙도 보이지 않는 수열이다. 이것을 Bitonic으로 만들어 정렬할 것이다. 이 수열에 대한 것만 아니라 일반적인 관점에서 보아야 하는 것이 포인트다. 가장.. 공감수 1 댓글수 1 2014. 3. 21.
  • Bootstrap Customize - Boost your bootstrap Yeah, Bootstrap is a big library. It's useful and powerful, but its loading time is a dilemma. It is inevitable because it includes many features. Fortunately, Bootstrap gives you a choice. Less default of bootstrap. It is great and very powerful function. For me, there is a very big change. Focus on the size of files. Default bootstrap.min.css: 101KB Customized bootstrap.min.custom.css: 66KB (a.. 공감수 0 댓글수 7 2014. 3. 16.
  • Make bootstrap dropdown menu Let's make bootstrap dropdown menu Bootstrap has many great features. Easy and great-looking dropdown menu is one of the things. At first, look at the reference in the page of http://getbootstrap.com/. ActionAnother actionSomething else hereSeparated link Dropdown Action Another action Something else here Separated link Dropdown is a 'Component' of bootstrap. How we can make a dropdown menu? Fir.. 공감수 2 댓글수 4 2014. 3. 9.
  • 부트스트랩의 col-push와 col-pull 속성 Bootstrap의 col-push와 col-pull 속성 이해하기 이해하면 간단한 내용입니다. 부트스트랩에서 col-md-9과 같이 생긴 것은 md사이즈를 기점으로 횡으로 배치되는 요소들의 폭을 100%로 바꿔주면서 전체 폭을 12로 놓고 봤을 때 9만큼의 폭을 차지하게 요소를 놓겠다는 뜻이죠. 그런데 만약에 왼쪽에 1만큼의 공백을 남겨두고 싶다면? 두가지 방법을 생각해볼 수 있습니다. 1. 왼쪽에 폭 1만큼의 요소를 넣어서 떨어지게 하기 object_1은 실제로 출력되지 않게 비워두면 되겠습니다. 이 방법도 가능하지만.. 2. col-push 속성 활용하기 이렇게 object 하나로도 간단하게 만들 수 있습니다. 이를 한번 응용해볼까요? 실제로 FastBoot 티스토리 블로그 스킨에서 사용된 기법입니.. 공감수 2 댓글수 1 2014. 3. 5.
  • [Python DIY] 대량메일(일 500건) 발송 메뉴얼 Python 사용 대량메일 발송 메뉴얼 1. Python이 어떻게 보낸다는 것인가? Python은 중간다리 역할을 하는 프로그램일 뿐입니다. 직접 지금 사용하는 컴퓨터로 메일을 보내는 것이 아니라, 구글에서 제공하는 SMTP서버를 사용하여, 이 서버에게 메일을 보내라고 명령하는 것입니다. 따라서 받는 사람이 쓰는 메일 서버에서 스팸으로 거르게 될 가능성이 더 낮아집니다. (구글 SMTP를 막는다면 그 수신인은 Gmail로 오는 메일을 아예 받지 못하게 되는 것이므로) 다만 이렇게 보낸다고 하더라도 이 사람이 Gmail로 바로 보낸 것인지, SMTP서버를 이용해서 경유하는 것인지를 알 수는 있습니다. 그렇지만 지금 사용하는 방법은 Outlook등을 통해 보내는 방법과 구조적으로 동일하기 때문에 스팸으로 걸.. 공감수 4 댓글수 12 2014. 2. 27.
  • [CSS+Javascript] 간단한 Back to top 버튼 넣기 티스토리 / 웹페이지에 간단한 Back to top 버튼 넣기Insert 'Back to top' button on your tistory blog or webpage 이번 포스팅에서 소개할 것은 어느정도 페이지가 내려가면 나타나는 Back to top 버튼입니다. 버튼을 누르면 페이지 최상단으로 이동하구요. jQuery + Fontawesome을 사용하고 계시면 페이지에 바로 적용 가능하시고, Fontawesome을 사용하지 않으신다면 대체 이미지를 넣으시면 됩니다. In this posting, I introduce the Back to top button showing up when you scroll down the document. One click can drive you to the top... 공감수 6 댓글수 6 2014. 2. 26.
  • [CSS] 구글 애드센스 노란색 뒷배경 제거하기 구글 애드센스 노란색 뒷배경 제거하기How to remove the yellow background on google adsense? 애드센스가 광고 로딩 전까지는 보기 싫은 노란색 배경을 내보냅니다. 눈도 아픈 색깔이라 좀 짜증이 날 수밖에 없는데 이를 해결하려고 구글링을 해보니.. 한글로 된 문서는 없고 어찌어찌 외국사이트만 줄줄 나오는데 이마저도 제대로 작동하지 않더군요. 티스토리를 쓰신다면 CSS부분에 코드 한줄만 추가해주시면 되고, 기타 다른 사이트를 운영중이시라면 css파일 중 하나에다가 아래 코드를 넣으시면 됩니다. 해결하고 나니 코드가 간단하네요. Google adsense probably shows ugly background style: the yellow. It is kind of h.. 공감수 1 댓글수 1 2014. 2. 26.
  • [CSS] CSS로만 만든 배경 / 그레디언트 들어간 배경 쓰기 정말 유용한 사이트 두개를 가져와 봤습니다. CSS로만 만들어진 패턴들http://lea.verou.me/css3patterns/ CSS로 만든 Gradient (대부분의 브라우저 사용가능, CSS Hack사용)http://www.colorzilla.com/gradient-editor/ 웹 제작시 위 사이트들과 같은 사이트들이 얼마나 큰 단비인지 모릅니다.. 첫번째 사이트도 유용하구요. 특히 두번째 사이트는 그럴듯한 Gradient를 쉽게 만들 수 있게 해줄 뿐더러, 대부분의 브라우저와 호환이 가능하게 코드를 생성해줍니다. 사용하는 사람이 할 일은? Ctrl+C, Ctrl+V하는 것 뿐이겠죠.. 저도 언젠가 이런 사이트를 만들어서 공유할 수 있었으면 좋겠습니다. 공감수 1 댓글수 5 2014. 2. 24.
  • [폰트] 구글 Fonts이용, 영문 웹폰트 적용시키기 http://www.google.com/fonts/ Google Fonts를 이용하여 영문글꼴 웹폰트 적용시키기 구글은 참 훌륭한 서비스를 많이 제공하고 있습니다. 제 블로그는 지금 돋움글꼴로 설정이 되어 있는데(나눔글꼴 적용결과 페이지 로딩이 너무 심하더군요) 이게 싫어서 구글 Fonts에 들어가보니 한방에 적용가능하게 구현되어 있습니다. 위 홈페이지 들어가셔서 원하는 폰트에 보면 그림처럼 ->버튼이 있는 부분이 보이시죠? 이걸 누른다음에.. 내려가다보면 3번항목이 있는데, 여기서 Javascript로 삽입을 하셔야 페이지 로딩에 지장을 덜 줄 수 있습니다. 꼭 이걸로 선택하신 다음에 코드를 전체 복사 합니다. 그다음 티스토리의 경우 위에서 복사한 스크립트를 페이지 최하단에 넣으시고, 글꼴이 적용되는 .. 공감수 2 댓글수 9 2014. 2. 22.
  • [CSS] 원형 이미지 마스크 & transform 속성으로 회전시키기 CSS는 HTML5가 되면서, 그리고 IE6이 퇴출되면서 웹 디자인에 새로운 가능성을 열어주고 있습니다. 원형 이미지 마스크 & transform 속성으로 마우스 오버시 회전시키기 다른 말 필요가 없을 듯 합니다. 이 블로그 상단부에도 이러한 속성을 적용시킨 이미지들이 있지만, 모바일에서 오시는 분들을 위해서 한번 밑에다가 보여드리겠습니다. 어때요? 마우스를 올리면 180도 회전합니다. 그리고 원형으로 마스크를 씌워서 실제로는 원형이지 않은(소스 확인해보세요) 이미지를 원형으로 만든 것입니다. 실제 적용 코드는 아래와 같습니다. img.rotate { width: 100px; border-radius: 50em; -webkit-transition: all 0.3s ease-in-out; -moz-tran.. 공감수 5 댓글수 2 2014. 2. 19.
  • [Python] 1~9 까지 숫자 한번만 써서 푸는 수학문제 풀기 파이썬으로 수학문제(경우의 수) 풀기 인터넷 사이트에서 질문글이 올라왔는데 수학적 두뇌는 이과생으로서 부끄럽기 짝이없게 굳어버린 상태라.. 파이썬으로 풀어버렸다. 사실 경우의 수로 푸는 문제인데 문제는 이렇다. OO × O─── OO＋OO─── OO 에서 O에 1~9의 숫자를 한번씩 쓰는 것이다. 경우의 수로 푼다면 굉장한 난관이 예상되는 문제인데, (사실 문제를 보다보니까 수학적 해법은 거의 없다고 봐야할 것이다.. 그저 대충 어느정도 까지 숫자가 들어가겠다구나 감이 오는 것 정도. 경우의 수를 줄이는 정도지 결과적으로는 대입해서 풀어야 한다.) 그러나 파이썬으로 작성하면 1초만에 답이 나온다. import sys # a b #* c #----- # de #+ fg #----- # hi def main.. 공감수 0 댓글수 10 2014. 2. 16.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.