개발을 진행하다 보면 많은 종류의 오픈소스를 사용하게 됩니다. 오픈 소스는 잘 정리된 문서나 책등으로 나오기도 하지만 그것만으로는 뭔가 부족한 것을 다들 경험해 보셧을겁니다. 그렇다고 소스를 하나하나 들여다 보게 되면 점점더 머리만 아프고 어느 순간에는 흐름을 놓쳐 어디에 있는지 조차 알기 어렵게 되는 경우가 허다 합니다. 그래서 어떻게 하면 좀더 쉽게 소스를 분석할 수 있을까 하고 고민하던중 STAN이라는 프로그램을 알게 되어 이 프로그램을 소개해보고자 합니다. STAN 을 이용하면 소스의 전체 적인 구조와 각 클래스, 패키지 간의 dependencies를 편하게 볼 수 있습니다. stan은 standalon 형태의 application과 eclipse plugin 2가지 형태로 사용 할 수 있습니다...

GitLab Issue와 Milestones개념과 사용법 GitLab은 Git 저장소 매니저의 역할을 넘어, 서로 협업하는 것을 도와주는 도구들을 제공합니다. GitLab의 가장 큰 특징은 관련된 작업들을 연결하고 참조하도록 해준다는 점입니다. 협업의 장점은 이슈를 만드는 것에서부터 시작합니다. 이슈를 만듦으로써, 생각들을 밖으로 표출하게 되고, 그 일이 진행되는 동안 같이 협업하는 사람들은 그에 대한 자신의 생각을 발언합정규표현식은 다음과 같습니다.니다. GitLab은 이러한 협업 그룹의 토론을 관리하기 쉽게 만들어주며, 대화의 흐름도 남겨놓을 수 있게 해줍니다. What is GitLab Issue? GitLab의 프로젝트에서 개선되거나 해결되어야할 것을 의미하는 이슈(issue)를 등록할 수 있습니..

안녕하세요. W3C HTML5 Conference 2016 참석했었는데, 간단히 소개해드리겠습니다. 오전에는 공통주제였고 오후에는 트랙별로 세분화해서 원하는 주제에 참석하는 방식이였는데 제가 참석한 주제는 웹 RTC, IOT node.js, amp 고속웹, 프로그레시브 웹앱, naver webkit, chorome dev 참관기였습니다. 또한 행사장 곳곳에 여러 제품들이 홍보되고 있었습니다. 오전 - 웹에 대한 견해(박종목 네이버 이사, 김국현 에디토이 대표, 패널토의) 우선, 4차 혁명에 대해 이야기해볼까합니다. 3차 혁명(정보화)가 한창 화두일 때쯤, 4차 혁명의 타이틀은 '바이오 기술'이 가지고 있었는데, IT가 점점 확장되어 바이오를 밀어내고 시나브로 4차까지 논해지고 있다는 것이 인상적이였습니다..

VPN과 OpenVPN 사용법 VPN은 virtual private network의 약자로 흔히 '가상사설망'이라고 부릅니다. 회사 내부 네트워크와 같은 사설 네트워크에 접속하기 위해 흔히 인터넷을 이용한 공중망(public wires)을 사용하도록 설계된 네트워크입니다. 데이터 전송을 위한 매개체로 인터넷을 사용하는 네트워크를 생성하는 시스템들이 많이 있습니다. 이러한 시스템은 암호화를 사용하여 사설 네트워크를 보호하고 다른 보안 메커니즘을 통해 오직 권한이 있는 사용자만 네트워크에 접속하는 것을 보장하며 데이터를 중간에 가로챌 수 없도록 합니다. VPN은 원격의 사용자와 회사 네트워크간 데이터를 전송하는 안전하고 암호화된 터널을 제공하도록 설계되어있습니다. 암호화된 터널을 통해 두 지점 간 전송된 정..

Facebook Photo Upload - 페이스북 포토 업로드 (Multi Photo Upload) Facebook 게시물 발행에 이어서 이번에는 Facebook Photo Upload에 대해 알아보겠습니다. 사전 준비작업으로 앱 등록과 access_token이 필요하며,사진을 업로드하기 위해서는 publish_actions와 user_photos 권한이 반드시 요구됩니다. (참고: http://cyberx.tistory.com/103 - javascript를 활용한 facebook 로그인 및 게시물 포스팅)( Facebook 권한 : https://developers.facebook.com/docs/facebook-login/permissions/overview ) 1. 단일 Photo Upload ..

JavaScript SDK를 활용한 Facebook 로그인 및 게시물 포스팅 방법을 소개해드리겠습니다.페이스북 계정만 있으면, 웹사이트에 10분만에 예제코드를 적용시킬 수 있습니다. 먼저 아래의 사이트로 접속합니다https://developers.facebook.com Facebook API를 이용하여 특정사이트나 앱에서 이용하기 위해서는 등록절차가 필요합니다.새앱 추가 버튼을 통해 앱을 등록합니다. 등록절차를 마치면 앱이 생성됩니다.앱을 선택하면 아래와 같이 대시보드에서 앱 ID와 앱 시크릿 코드를 확인할 수 있습니다.앱 ID와 앱 시크릿 코드는 Facebook API를 이용하는데 필요한 정보로 활용됩니다. 기본설정에서 플랫폼 추가 버튼을 눌러줍니다. 원하는 플랫폼을 선택해줍니다. 반영할 사이트의 UR..

Apple은 하드웨어와 소프트웨어를 잘 만들어 융합하여 성공적인 제품을 여러 개 가지고 있는 IT업계에서 유례를 찾아보기 힘든 특별한 회사입니다. 그 동안 iPhone이나 iPad와 같이 제품 자체에 대해 어느 정도 잘 알려져 있지만 Apple의 디바이스를 운영하고 있는 OS의 유례나 역사에 대해서는 생각보다 잘 알려지지 않은 것 같습니다. 위 차트는 webPonent Chart로 제작되었습니다. iOS는 세계에서 2번째로 많이 설치된 mobile OS입니다. 더군다나, 단일 회사에서 제공되는 기기에서만 구동되는 OS로 본다면 그 위력이 대단한 것을 알 수 있습니다. 오늘은 iPhone 성공의 바탕이 되고 있는 iOS가 어떻게 세상에 나왔고 이렇게 발전하기 까지의 이야기를 해보고자 합니다. NeXTSTE..

저희 팀에서는 Google Analytics(이하 GA)를 사용해 고객 행동을 측정하고 있습니다. GA를 실제 업무에 사용한지는 상당히 오랜 시간이 지났는데, 사용하다 보니 GA만으론 만족못할 기능들이 많이 있다는 생각이 들었습니다. 그 생각은 자연스럽게 GA API를 사용해서 독립적인 Dashboard를 만들어야 겠다는 생각으로 발전하게 되었고, 현재는 실제로 다양한 지표들을 독립적인 페이지에서 확인하고 있습니다. 이 포스팅은, 그 과정에서 GA API에 대해 한글로 쉽게 정리된 포스팅이 많지 않다는 사실을 발견했기 때문에 정리 및 공유차원으로 남기는 글입니다.본격적인 글에 들어가기에 앞서, 필자는 GA API중 Java, JavaScript library를 사용해 보았는데, 본 포스팅에서의 설명은 J..

안녕하세요.웹포넌트 팀에 DJ.VUD 입니다. 이번에 포스팅할 내용입니다. The State of Front-End Tooling – 2015[2015 프론트 엔드 개발툴 현황] 단순히 이 분야에서의 지식과 사용 수준에 대한 정보를 알고 싶다는 궁금증에서 시작된 설문조사가 있어 현황을 보는 것에 그치는 것이 아니라 몰랐던 툴에 대한 것도 알게 되길 바라며 글을 옮기게 되었습니다. 설문조사는 Front End 개발자의 일부에 대한 정보이므로, 맹신하지 말아달라는 주의사항과 함께 시작합니다. (이 페이지에서는 원글 내용 포함 저의 지극히 개인적인 의견도 포함하고 있음을 알려드립니다.) 질문 1. Preprocessors CSS를 처리하는 방법은 무엇입니까? 위 차트는 webPonent Chart로 제작되었습..

2015년 하반기 신입사원 합격 스펙 출처 | 사람인 2015년 12월, 단위 | % 원문 : http://www.datanews.co.kr/news/article.html?no=90377 아래의 내용은 원문의 기사 내용을 webponent bizXpress로 작성하였습니다. 여기에 텍스트를 입력 하실 수 있습니다. 이미지 출처 : http://ssgogo.tistory.com/76 신입사원 평균 학점, 3.5점 (4.5점 만점 기준) 3.0점 미만 5.1% 3.3~3.6점 미만 33.9% 3.6~3.9점 미만 33.1% 3.0~3.3점 미만 20.3% 3.9~4.2점 미만 5.9% 4.2점 이상 1.7% 신입사원 평균 토익 점수 721점 600~650점 미만 10.1% 650~700점 미만 8.9% 7..