Programming152 tabs를 사용해보았다. 사내에서 사용할 관리 툴을 웹으로 제작해보며 오늘은 bootstrap의 tabs를 사용하게 되었다. bootstrap을 이용해서 그냥 가져다 쓰기만 하면 되겠거니 하고 쉽게 생각했었는데 레이아웃은 쉽게 만들 수 있었으나 이 후에 각 탭 마다 저장 기능이 존재하여 submit을 수행하면서 몇가지 고민을 하게 되었다. 우선 tabs가 아닌 단일 페이지를 제작할 경우에는 submit이 하나만 존재하면 되므로 하나의 form element로 깔끔하게 구현이 되었는데 tabs를 사용하다보니 한 페이지 내에서 여러 페이지를 구현하는 것 처럼 되어서 각 탭마다 별도의 form을 만들어야 했다. 그렇지 않으면 handler를 통한 작업을 수행하면서 불필요한 데이터들까지 submit을 통해 전달되므로 비효율적이었다. 그.. 2016. 3. 29. 웹 페이지에 소셜 플러그인 추가하기 웹페이지에 소셜 공유 링크 추가하기구글이나 트위터, 페이스북에서는 트윗하기, 좋아요 버튼에 대한 API를 제공한다. 코드까지 제공해주기 때문에 API 제공 페이지에서 복사해서 간단하게 사용할 수가 있다.구글과 페이스북은 현재 페이지의 URL을 알아서 링크해주기 때문에 문제가 되지 않았는데 페이스북 API의 경우에는 현재 페이지의 URL을 직접 넣어주어야 했다. 그래서 이 부분을 동적으로 생성해주어야 하는데 Jekyll을 이용해서 간단하게 해결할 수 있었다.Jekyll로 현재 페이지 URL 만들기Jekyll 홈페이지를 참고해서 현재 페이지의 URL을 얻어 올 수 있는 Variable이 page와 site라는 것을 알 수 있었다. page는 단어 그대로 현재 페이지에 대한 정보를 담고 있고 site에는 이 .. 2016. 3. 27. Jekyll을 사용하여 Github에 블로그 만들기 Github에서 page automatic generator 기능을 통해 간편하게 블로그 페이지를 작성할 수 있도록 제공한다. 이를 이용해서 깔끔하고 본인 취향에 맞는 블로그를 개설할 수가 있다. 관련 내용은 Github의 설명 페이지를 참고해서 제작했다. 설명에 따르면 이 블로그 페이지는 공개적인 페이지라서 패스워드나 개인정보를 Repository에 저장하면 안된다고 경고한다. 심지어 repository가 private라도 이 블로그를 통해 공개될 수 있으므로 주의해야 한다.Github에 Repository 생성시작은 간단하게 “블로그명.github.io” 형태로 repository를 생성한다. 그 다음 이 repository의 settings로 들어간 후 Launch automatic generato.. 2016. 3. 27. node.js에서 cluster 사용 연습 (기초) node.js 프로그래밍 책에 나와있는 예제를 고대로 따라해봤다. 이것만 따로 포스팅 한 이유는 node.js는 싱글 쓰레드 기반의 이벤트 루프 방식으로 알고 있어서 cpu가 노는 것이 비효율 적이지 않을까 싶었는데 스레드 대신 프로세스를 여러개 사용하는 방법이라 유용할 것 같아서이다. cluster를 사용하면 fork()를 통해 프로세스를 생성하고 요청에 대한 처리를 각 프로세스에서 나눠서 처리할 수가 있다. 프로세스이기 때문에 스택을 공유하지 않지만 프로세스간 메시지 전달을 통해 데이터를 주고 받을 수 있다. 예제에서는 간단하게 cluster를 사용하지 않은 경우와 사용한 경우를 나눠 apache benchmark를 통해 응답 시간을 비교하는 것으로 cluster의 이점을 설명했다. plain-ser.. 2015. 10. 14. 이전 1 ··· 9 10 11 12 13 14 15 ··· 38 다음