CategoryTips/ETC (36)

Spiklin - Exchange Language and culture with a native speaker

Spiklin - Exchange Language and culture with a native speaker언어교환 모임이란?한국어와 영어 각기 다른 언어를 사용하는 원어민이 모여서 각자의 언어를 알려주고 배우는 모임입니다.원어민과 언어 및 문화를 교류할 수 있습니다.대화 상대를 카페나 메신저 등을 이용해서 구할 수 있겠지마는, 좀 더 편하게 모임을 가질 수 있는 Spiklin 서비스를 소개해 드리려 합니다. Spiklin토론토에서 쉽게 언어 교환을 할 수 있는 모임 혹은 온라인 서비스명 입니다.아래 사이트를 이용해서 등록하실 수 있습니다.두 가지 버전으로 자체 사이트와 Meetup을 이용해서 모임에 참석할 수 있습니다.SpiklinMeetup - SpiklinMeetup을 이용할 수도 있지만, Spi..

OpenAPI Spec 3.0 버전으로 문서 작성하기

OpenAPI Specification 3(OAS 3)에 맞게 문서 작성하기회사에서 REST API 설계를 해야 해서 OSA 3 기준으로 문서를 작성하게 되었습니다.REST API 구조는 기본적으로 만들 수 있지만, OpenAPI Specification을 따라본 적은 없어서 이번에 처음 OAS3 문서를 작성해봤는데요.초반에 시간을 투자해서 만들어두면 확실히 좀 더 명확한 소통이 가능한 거로 보입니다.작성법과 각종 예제는 공식 문서에서도 충분히 제공되고 있기 때문에 공식 문서와 몇 가지 도움이 되는 홈페이지를 소개해드리려 합니다.공식 문서 보기역시 가장 좋은 방법은 공식문서 보기겠죠.OpenAPI Specification - 3.0.1Example과 사용 할 수 있는 문서 형식들에 대한 정보를 제공합니다..

피치트리에서 2달간 지내며.

코워킹 스페이스 Co-working Space퇴사 후, 평소에 자주 가던 카페를 다니며 공부를 했었는데요.그 당시 하루 소비 패턴이 오전에 커피 한잔, 나가서 점심 먹고 와서 오후에 한잔으로 고정되었습니다.북적북적한 카페도 아니고 안락한 분위기라 편하게 공부할 수 있었지만, 당장 돈 버는 입장도 아니고 날이 갈수록 금전적으로 부담스러워지던 와중에 바닐라코딩 인터뷰 장소인 피치트리가 눈에 띄었습니다.바닐라코딩의 Ken씨와의 인터뷰 당시 이런저런 질문을 하면서 코워킹 스페이스에 대해서 듣고 조사를 좀 했는데요.나라에서 지원하는 곳도 있고 창업지원센터의 경우 무료로 이용할 수 있는 공간이 있기도 했지만 피치트리가 가격대비 최적의 장소라고 생각해서 비교적 저렴한 역삼점으로 등록을 했습니다.자세한 사항은 여기로 ..

Progressive enhancement and Graceful degradation

점진..뭐? 우아한 뭐..?Progressive enhancement and Graceful degradation 점진적 향상법과 우아한 성능저하.. 라고들 합니다.개념 자체는 알고 보면 쉬운데 단어가 낯설게 느껴져서 그런지 뭔가 쉽게 느껴지지 않네요.프론트엔드 인터뷰 공부 중에 흥미롭게 본 내용이기에 정리해봤습니다.점진적 향상법(Progressive enhancement)웹 컨텐츠는 모든 브라우저에서 같게 보여야 한다는 개념이 있습니다. 하지만 그것을 위해서 구버전에 브라우저를 기준으로만 개발할 수 없습니다. 이 둘을 적절히 합의를 본 게 점진적 향상법입니다.최신 브라우저에서 더 나은 화면 효과와 추가된 부가기능을 사용할 수 있게 하면서 구버전에서도 컨텐츠 가독이 가능하게 하는 방법입니다.예를 들면 네..

뽀모도로 기법 - Pomodoro Technique

뽀모도로 기법 - Pomodoro Technique뽀모도로란 이탈리아어로 토마토를 뜻한다. 토마토가 들어간 파스타 요리로 우선 다음과 같은 재료를 준비한다.뽀모도로는 집중력 향상을 위한 시간 관리 방법론이다.프란체스코 시릴로(Francesco Cirillo)가 제안한 방법으로 개념은 간단하다.작업 흐름25분 동안 무언가에 집중한다. (절대 집중, 인터럽트는 없어야 한다!)이렇게 한 번 하면 1 Pomodoro이다.이후 5분 쉰다.4 Pomodoro를 채울 때 마다 30분 쉰다. 주의사항시간은 꼭 25분 고정적이지 않다. 유동적으로 설정할 수 있다.작업시간 전에 해당 작업을 마쳤더라도 남은 시간 동안 작업에 대해서 다시 점검하기를 권한다.만약 정해진 시간에 하나를 마치고 다른 작업으로 전환하고 싶다면 중간..

프로그래밍 언어들의 간단한 특징

프로그래밍 언어들의 간단한 특징개발자들은 많은 프로그래밍 언어를 마주하고 있다.당장 우리가 쓰는 언어만 해도 어려운데 영어, 중국어, 일본어, 스페인어를 배워야 한다면? 아니, 당장 학교 다닐 때를 생각해보라 제2 외국어 정하는데도 심사숙고하지 않는가?그렇다. 우리에게 닥친 이 선택은 너무나 가혹하다.정말 다행인 건 프로그래밍 언어의 경우 전체적인 개념은 다를지언정 기초적인 부분이 어느 정도 비슷하다는 것이다. (변수의 할당과 사용이라든지...)각설하고, 갑자기 막노동을 나가더라도 적어도 연장의 쓰임은 알아야 할 것 아닌가?앞으로 밥벌이할 때 사용 하게 될 언어들의 간단한 특징을 한번 살펴보도록 하자. Bash Bash(Bourne Again Shell)는 Shell 명령어를 자동화하는 데 가장 많이 사..

예제를 통해 보는 간단한 자바스크립트 정규표현식

목차목차간단한 예제를 통해 보는 자바스크립트 정규 표현식정규표현식이란?자바스크립트에서 정규표현식 사용하기.exec과 match의 차이반복?+*예외문자길이를 지정하기.[]^ (Negative)캡쳐링 그룹(?:그룹)대괄호의 축약형Flagg - Global Flagi - Ignore Casem - Multi Line마치며참고간단한 예제를 통해 보는 자바스크립트 정규 표현식제목에 자바스크립트는 이 포스트에서 자바스크립트를 사용해 예제를 만들었다는 의미다. 여기서 설명하는 정규표현식은 다른 언어에서도 똑같이 사용할 수 있다. 정규표현식이란?정규표현식(正規表現式, Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리할 수..

[ETC] 구글 크롬 개발자도구 속도개선

크롬 개발자 도구 느려짐 개선어느날 부터 크롬 개발자도구 속도가 진짜 심각하게 느려졌습니다.크롬에서 뭔가 개선하면서 잘못됐거나 현재 작업중인 페이지의 엘리먼트가 너무 많아서 생기는 문제라고 생각하고 대수롭지 않게 사용하고 있었습니다.그런데 저만이 아니고 옆 자리에 동료도 같은 문제를 얘기했고 해결책을 찾았습니다.문제는 바로 Ahnlab Safe Transaction 였습니다.네... 황당하지만 회사컴퓨터로 은행업무 할 때 깔린 것 같습니다.제어판으로 들어가서 제거 후, 크롬 종료 후 재시작 하니 다시 빨라졌네요..!저는 이걸 찾아볼 생각도 못하고 있었다보니.. 우연히 보신분들이 알아채서 이 문제를 해소할 수 있게 포스트로 작성해야겠다는 생각이 들었습니다.개선 방법프로그램 추가제거 - Ahnlab Safe..

[ETC] .NET Fiddle - 브라우저에서 써보는 .NET 프레임워크

.NetFiddlefiddle이 무엇일까요? 사전을 보시면 fiddle 미국·영국 [|fɪdl] 영국식 중요 (특히 지루하거나 초조해서) 만지작거리다2. (세부 사항을) 조작하다 바이올린을 켜다 라고합니다.. 저희가 알아보려는건 1번에 더 가깝겠네요많은 웹개발자분들은 fiddle하면 jsFiddle 이 떠오르실 겁니다.간단한 HTML, CSS, Javascript를 테스트하고 디버깅하기에는 정말 최고의 기능을 제공하는 웹사이트라고 생각합니다.jsFiddle에 대한 자세한 사용 방법은 생활코딩에도 소개 되어 있어서 이에대해 더 관심이 있으신 분은 아래 링크로 가셔서 보시면 많은 도움이 될 것입니다.생활코딩 jsfiddle소개 바로가기각설하고 제가 지금 소개 하려는건 사이트는 .Net 기반으로 위와같이 간단..

[ETC] 당신은 jQuery가 필요하지 않을 수도 있습니다 - You Might Not Need jQuery

자바스크립트 Native API? jQuery가 훨씬 편해요. 하지만.. jQuery는 분명 간단하고 좋은 라이브러리입니다. 하지만 그 편안함에 익숙해져 무분별하게 사용되기도 합니다. 예를들면 간단한 기능을 수행하는 페이지가 있습니다.버튼을 클릭하면 해당 버튼의 값이 바뀌는 기능입니다. var elem = $('#btn'); //id가 btn인 요소 elem.val('click!'); //해당 요소에 사용되는 jQuery는 요소 셀렉터와 값변경 정도일 것입니다. 위 코드는 물론 보기에도 편하고 이해하기도 쉽지만, 이는 마치 나무가지를 하나 자르는데 전기톱을 가져와서 썰어버리는 모습을 연상 시킵니다. 말인 즉 만약 저 기능을 자바스크립트 native API로 구현한다면 불필요하게 jQuery 라이브러리를 ..

[ETC] highlight.js for HarooPad and Markdown-Here

highlight.js? 자바스크립트로 만들어진 코드 구문 강조 라이브러리 입니다. 거의 모든 마크업에서 작동하고 자동 언어 감지 기능을 가지고 있습니다. 공식사이트 꾸준히 업데이트가 이루어 지고 있습니다. (Language, Style 등) 라이브러리이기 때문에 어디든 추가 하여 사용 가능합니다. 하지만 이 포스트는 설치가 아닌 하루패드와 Markdown-Here에 대해서 다루고 있으므로 설치 관련해서는 아래 블로그를 참조 부탁드리겠습니다. WEBDRI - highlight.js 하루패드, Markdown-Here에서의 Highlight.js 하루패드와 Markdown-Here는 모두 코드 구문강조를 지원하며, 둘 다 Highlight.js 라이브러리를 사용하고 있습니다. 하루패드 코드 구문 강조 문서..

[ETC]에버노트에서 하루패드로

불편함으로 다가온 에버노트의 변경점한달전 에버노트가 크게 변경될 것이라는 예고와 함께 메일이 왔었습니다.그 후 한달동안 신경 안쓰고 있었는데.. 포스트 작성을 위해서 접속을 해보니 웬걸 미묘한 변화가 느껴집니다.에버노트가 기기 제한 2개가 생기고 기존에 베타로 제공하던 기능이 기본적으로 작동하게 패치가 되었습니다.기기 제한은 회사 컴퓨터 집 노트북만 쓰면되지 사실 그렇게 큰 문제는 아니였습니다.문제가 된건 새로운 기능이었습니다.마크다운 문법에 따라 자동치환 해주는 기능인데 에버노트에서 Markdown-Here(크롬플러그인)을 연동해서 쓰는 저에게는 엄청 큰 불편함이 느껴지더군요.그런 이유로 미련을 버리고 새로운 마크다운 에디터를 찾아 떠나게 되었습니다.하루패드한국인 개발자가 개발한 마크다운을 제공하는 텍..