분류 전체보기 878

GDG Google I/O 2016 Extended - Google's PRPL Web development Pattern

구글 I/O Extended 세 번째 세션 - Google’s PRPL Web development Pattern점차 구글에서는 웹으로 접근하는지에 대하여 의문 모질라의 접근구글의 접근애플의 접근페이스북의 접근 최근 10년여간에 대한 충돌이 시작W3CHTML 표준안 기구문서를 강조함. 영속성에 초점을 맞춘다. WHATWG웹 어플리케이션 10프레임워크다라고 강조. HTML import Shadow DOM Custom Elements Templates 템플릿으로 코드를 분리시킴. 구조를 분리 시킨다. CSS Templates JavaScript WebGL WebAssembly WebPayments Apple사가 애플페이로 사용하겠다함. 두 집단의 HTML5의 정의가 다르다. Service Worker는 구글..

승돌 쓰다 2016.06.19

GDG Google I/O 2016 Extended - What’s next for the web?

구글 I/O Extended 두 번째 세션 - What’s next for the web?document기반과 Web app 기반 두 가지 형태가 존재한다고 생각한다고 하셨다. 새로 나온 기능들 Promise최근 웹 API 표준안들이 Promise를 기반으로 구성콜백 지옥에서 벗어나고자 하는 이유다. 가급적으로 사용하고, 학습해둬야 한다. Fetch 리소스를 패칭 하기 위한 도구이며, Promise 기반으로 구성 된다. 더 빠른 지는 아직 모른다. 하지만, 다른 기능과 결합하면 더 강력해진다는 장점.예를 들어 서비스 워커와 함께….아직은 패칭 API를 웹 브라우저들이 아직 구현하지 않는다. Stream 하나의 요청에 대한 버퍼가 채워지는 대로 바로 렌더링을 구현하기 시작한다. ( 속도면에서 더욱 증가 한..

승돌 쓰다 2016.06.19

GDG Google I/O 2016 Extended - Progressive Web Apps

구글 I/O Extended 첫 번째 세션- Progressive Web AppsWhat Progressive Web App?Alex Russell의 팀이 만든 용어이다. Progressive Enhancemnet웹 플랫폼이 발전함에 따라 최대한의 성능으로 컨텐츠를 제공하자는 취지이다.플랫폼을 이용해 점진적인 발전을 만들어 간다는 목표를 담고 있다..사용자에게 푸시알림으로 다시 열 수 있는 기능이 필요함.다른 네이티브 앱과 다른 점이 없이 동작하도록 하겠다는 것이 Progressive Web App의 목표다.왜 Progressive Web app이 필요한가 ? 그 이유는 모바일 때문이다. 즉, 사용자의 증감 가능성이 여진히 존재하다. 왜냐하면, 인도의 60%는 여전히 인터넷 수용이 적다. 즉, 데스크탑보..

승돌 쓰다 2016.06.19

Sublime Markdown Editing 을 위한 설정

서브라임 텍스트를 활용해 마크다운을 작성시에 해당 플러그인을 추가하면 더 편리하다. 참조 블로그 Markdown Editing, Smart Markdown, Markdown Preview 세가지를 설치한 뒤, Preference -> Package Setting -> Markdown Editing -> Markdown Setting(User) 해당 파일 내에 아래를 복사하여 붙여 넣고 저장하자. 테마를 바꿀 수 있다. 1{"color_scheme": "Packages/Color Scheme - Default/Dawn.tmTheme"} cs 작성한 마크다운을 보고 싶다면, cmd + shift + p or ctrl + shift + p 를 눌러 커맨드 창을 활성화 시킨 뒤, 해당 창에 markdown pr..

tryhello 줄 서는 방법 feat. Algorithm Study

알고리즘 스터디를 진행하면서, 오늘 처럼 놀라운 경험을 한 적 처음인 것 같다. 줄 서는 방법 이라는 문제를 진행하는데, 나는 그냥 라이브러리를 이용해 풀었는데, 스터디원 2분이서 새로운 효율적인 생각? 알고리즘 설계를 하셨다. 문제는 다음과 같다. N명의 사람이 있을 때, N명의 사람을 서로 다른 방법으로 줄을 세우는 방법은 N!개가 존재합니다.이 때 각각의 사람들에게 번호를 매겨서 줄을 서는 방법을 표시합니다. 예를들어 [1,2,3,4]는 1번 사람이 제일 앞에, 2번 사람이 2두번째에... 서 있는 상태를 나타냅니다.이러한 각각의 방법을 사전순으로 정렬했을때 K번째 방법으로 줄을 세우는 방법을 찾아 보려고 합니다.예를 들어 3명의 사람이 있다면 총 6개의 방법은 다음과 같이 정렬할 수 있습니다.1번..

Vi Multiple line paste

Vi 에디터에 글을 다량으로 복사하고 붙여 넣으면, indent가 니멋도 내멋도 아닌 엉망진창이 되어 버린다. 그래서 준비했다. 꾸르팁 ^^ 내가 다량의 글을 붙여 넣고자 한다면, :set paste를 입력하고 Enter 하단에 PASTE가 활성화 된 것을 확인 할 수 있다. 그리고 복사를 시전....상당히 깔끔하게 작동 하게 된다. :D 그리고 다시 해당 기능을 끄기 위해 :set paste!를 입력 해주도록 한다.

Vi 관련 2016.06.11

Java 8 시작 하기

Edit Java 8 시작하기 언어:JAVA 티스토리 도대체 왜 함수형인가? 사실 필자도 함수형을 잘 모른다. 왜냐? Java8도 아직 잘 모른다. 내가 경헌한 건 JavaScript, Python, Ruby 정도에서 First Class Function이 유사하게 가능하다는 느낌정도? 물론, JavaScript는 충분히 느낄수 있는 일급 객체를 지원한다. 요즘 대세인 Scala, Closure등 여러가지 함수형 언어가 실무에서도 쓰이고 있는 실정이다. 자, 그럼 자바에서 도대체 뭐가 바뀐 건지 천천히 따라가보자. 첫 째는 람다의 등장이다. 많은 언어에서 람다를 이미 지원 해주었다. ( ㅠㅠ 자바는 업데이트가 최소 8년은 늦었다…)C#에 이미 많은 부분에서 지고 있는 실정… 사례로 한 번 알아보자 - 람..

Ubuntu Vim Powerline 설치 & Oh-My-Zsh Agnoster Theme 재도전기

우선 오늘은 대대적인 업데이트 작업을 했다. 오전에는 우분투의 아이콘을 바꾸고, zsh의 setting을 바꿔서 배경을 투명하게 했다. (단점 : 분할을 했을 경우 투명해서 수평이나 수직 터미널에 대하여 구분하기 힘듬. ( 단축키를 사용하면 된다. ) 그래서 오후에는 공부를 하다 Vim을 다시 꾸미게 되었다. #Vim Powerline 적용 본래는 이렇게 생겨먹었다. 나는 그런데 파워라인이라는 녀석이 있다는 것을 알게 되었고, 이를 적용하고자 한다. 투명하게 보이는 블로그는 다음과 같다. 샤의 공간 님 블로그. 그리고 humb1ec0ding 님 블로그를 통해 참조하였다. 1. python pip, git이 설치가 되어 있어야 한다. 1sudo apt-get install python-pip gitcs 2..

Ubuntu Icon - Numix Circle & Terminator 배경 투명하게 바꾸기

기존에는 이런 형태였다. 기본 그놈의 아이콘을 사용했고, Docky를 사용했다...실제로는 도키는 사용 안함... 원래 터미네이터를 이렇게 사용 했었다. 하지만, 물론 나도 이쁘게 바꿔 보려는 노력을 했었다. 예를 들면, oh my zsh를 사용하여 위의 테마를 사용하고자 했으나, 위 테마는 Mac만 지원한다..고로 수포로 돌아감.. 그래서 그냥 지금은 zsh를 기본 쉘로 하고, 테마도 그나마 심플한 녀석으로 쓰고 있다. 그래서 도전 하게 되었다. 좀 이쁘게 써보자...(구직자의 여유로움이랄까...며칠전 털린 면접 탓일까 시간이 남는다...)이제부터 개발만 하기로 했으니 열심히 꾸미자. (난 디자인을 사랑하는 개발자다.) 찾다 보니 이런 귀중한 자료를 남겨주신 분이 계셨다. programmingsumma..

무방향 그래프 - DFS/BFS

DFS/BFS는 순회 알고리즘이라고 할 수 있습니多. 주로, 트리, 그래프에서 사용 됩니다. 혹은 특정 문제를 풀기 위한 해법이기도 하죠 ? DFS는 Depth-First-Search로 불리며 한국어로는 깊이 우선 탐색이라고 합니다. 즉, 무조건 깊이 깊이~ 우선 탐색을 하죠. 그리고 BFS는 Breadth-First Search로 불리며, 너비 우선 탐색이라고 합니다. 말 그대로 너비를 우선적으로 탐색하죠. 뭐든 말로는 제일 쉽죠…(개발자는 힘드렁…) 아래 소스는 DFS/BFS 문제에 대한 풀이입니다. https://www.acmicpc.net/problem/1260 물론 이 문제를 풀기 위해선 아래의 코드를 살짝 손 봐야 합니다.

반응형