DEV/Tips 41

[Tip] 티스토리 자동링크(autolink)로 만들기

티스토리 기본 에디터로는 링크를 입력 하였을때 가 아닌 태그로 입력이 된다. (현재 내 스킨 기준)꼭 이렇게 URL 설정을 해주어야 하는 불편함이 있다. 하지만 autolink.js를 활용하면 쉽게 바꿀 수 있다! 1. 첨부 된 파일을 다운 받는다. /* autolink.js */ var re = /(?:(?=(?:http|https):)([a-zA-Z][-+.a-zA-Z\d]*):(?:((?:[-_.!~*'()a-zA-Z\d;?:@&=+$,]|%[a-fA-F\d]{2})(?:[-_.!~*'()a-zA-Z\d;\/?:@&=+$,\[\]]|%[a-fA-F\d]{2})*)|(?:(?:\/\/(?:(?:(?:((?:[-_.!~*'()a-zA-Z\d;:&=+$,]|%[a-fA-F\d]{2})*)@)?(?:((?..

DEV/Tips 2016.03.30 (2)

[오픈소스] Apache, GNU, MIT 라이선스

아파치 라이선스 아파치 라이선스(Apache License) 아파치 소프트웨어 재단에서 자체적으로 만든 소프트웨어에 대한 라이선스 규정이다. 아파치 2.0 라이선스는 누구나 해당 소프트웨어에서 파생된 프로그램을 제작할 수 있으며 저작권을 양도, 전송할 수 있는 라이선스 규정을 의미한다. 아파치 라이선스에 따르면 누구든 자유롭게 아파치 소프트웨어를 다운 받아 부분 혹은 전체를 개인적 혹은 상업적 목적으로 이용할 수 있으며 재배포시에는 원본 소스 코드 또는 수정한 소스 코드를 반드시 포함시켜야 하는 것은 아니고[1] [2] 아파치 라이선스, 버전 2.0을 포함시켜야 하며 아파치 소프트웨어 재단에 개발된 소프트웨어라는 것을 명확하게 밝혀야 한다. https://ko.wikipedia.org/wiki/%EC%9..

DEV/Tips 2015.10.26

[티스토리] 티스토리 블로그에 네이버 블로그 공유하기 버튼 붙이기

네이버에서 공유하기 버튼을 내놓았습니다. HTML에디터가 있다면 손쉽게 다른 블로그에 붙여 넣을 수 있습니다.티스토리도 이런 링크스크랩 기능이 생기면 좋을 것 같네요. 1. 원하는 버튼 유형을 선택하고 코드를 복사합니다. http://section.blog.naver.com/share/guide.nhn 2. 티스토리 HTML/CSS 편집에 들어가 articla div 다음에 코드를 붙여 넣어줍니다. 3. 공유하기 버튼을 눌러보면 아래와 같은 팝업이 뜹니다. 4. 네이버 블로그에서 확인해 보면 아래와 같이 링크스크랩이 됩니다. ※ 특정 포스팅에만 올리고 싶다면, 아래와 같이 에디터에서 직접 입력하는 방법을 이용하면 됩니다.

DEV/Tips 2015.10.01

[직무상식] 웹소켓(WebSocket)

웹 브라우저와 웹 서버 사이에 전송 제어 프로토콜(TCP) 연결(80번 포트) 한 개만 생성하여 전이중(full-duplex) 통신을 제공하는 프로토콜. 웹소켓은 웹 서버와 웹 브라우저상에 구현되어, 두 지점 간에 실시간 상호 작용하도록 지원한다. 따라서 실시간을 요하는 채팅, 게임, 주식 거래 등과 같이 실시간이 요구되는 응용 프로그램을 한층 효과적으로 구현할 수 있다. 웹소켓 프로토콜은 2011년 인터넷 표준화 기구인 IETF에서(IETF RFC 6455) 표준화되었고, 웹소켓 응용 프로그래밍 인터페이스(API)는 월드 와이드 웹 컨소시엄인 W3C에서 표준화를 완료했다. [네이버 지식백과] 웹소켓 [WebSocket] (IT용어사전, 한국정보통신기술협회)

DEV/Tips 2015.09.06

[티스토리] 스킨(HTML/CSS) 수정 업데이트

티스토리 스킨 수정 방식이 업데이트 되었다.반응형 뷰를 쉽게 볼 수 있다는 점은 좋으나, 요소 검사를 할 수 없다는 것은 매우 아쉽다.결론 적으로는 다른 창을 또 띄워놓고 요소검사를 해야 하는 불편함은 해소되지 못했다. (개선됨) 그래도 티스토리가 유저 편의성을 계속 생각하고 있다는 점에서는 칭찬해 주고 싶다.[참고] http://notice.tistory.com/2258 [캡쳐1] 업데이트 된 스킨 수정 페이지 [캡쳐2] 실제 페이지 내부 요소검사를 할 수 없는 구조 ▼ ▼ ▼ [캡쳐3] 개선 아침에 문의했는데 바로 개선! 티스토리 개발팀의 빠른 대응 보기 좋습니다 :)하지만 개발팀은 야근이시겠죠 ㅠ_ㅠ 힘내세요

DEV/Tips 2015.08.21

[직무상식] 오픈 그래프(Open Graph)

기존의 웹사이트를 소셜네트워크 서비스와 연동하여 사업자와 고객들과의 관계를 강화하고 마케팅 플랫폼으로 활용하는 기법. 신규고객 확보나 차별화된 사용자경험(UX)을 고객에게 제공할 수 있으며 외부 유입 트래픽을 증대하거나, 입소문(구전) 효과, 마케팅 홍보 채널의 활용, 고객과의 관계 강화나 신뢰도 증가, 고객에게 차별화된 쇼핑경험을 제공할 수 있는 기법이다. [네이버 지식백과] 오픈 그래프 [Open Graph] (IT용어사전, 한국정보통신기술협회) [참고]페이스북 오픈그래프 활용사례들https://developers.facebook.com/docs/sharing/best-practices http://ogp.me/ https://developers.facebook.com/tools/debug/

DEV/Tips 2015.06.22

[취업] 구직 관련 사이트

구직 사이트 사람인 : http://www.saramin.co.kr/zf_user/ 잡코리아 : http://www.jobkorea.co.kr/text/main.asp?rp_Stat=1 게임잡 : http://www.gamejob.co.kr/ 기업 정보 사이트 잡플래닛 : https://www.jobplanet.co.kr/ 오피스N : http://officen.kr/index.do 스타트업 정보 플랫텀 : http://platum.kr/ 데모데이 : http://www.demoday.co.kr/ 로켓펀치 : http://rocketpun.ch/ 원티드 : https://www.wanted.co.kr/ 10곳을 지원하려면 100곳의 기업을 분석하라. 기업의 비전과 자신의 비전이 잘 맞음을 강조하라. 기업..

DEV/Tips 2015.06.12
반응형