본문 바로가기

Computer

 (112)
[mantis] QA 용 Template https://www.mantisbt.org/
[03] 자바스크립트 Untitled Document.md 3분 : 제 3 장 Javascript _05 Javascript 란 무엇일까? 자바스크립트는 객체 기반의 스크립트 프로그래밍 언어입니다. 보다 더 자세한 내용은 위키피디아를 참조해주세요.우리는 이전 장에서 CSS 에 대해서 알아보았습니다. CSS 를 통해서 우리는 어떤 속성을 지닌 무언가를 만들었습니다. 이제 우리는 이 녀석에게 어떤 것을 해야하는 것인지 알려줄 것입니다. _06 버튼을 클릭했을 때, 알림창이 뜨게 해주자. HTML Button CSS Javascript 위의 녀석들을 .html 파일에 모아보면 다음과 같다. Button 위의 내용은 해당 div 태그를 클릭할 경우, 'hello world' 라는 문자열을 보여주는 예제입니다.자바 스크립트를 이용하면..
[02] 스타일 시트 CSS Untitled Document.md 3분 : 제 2 장 CSS _04 CSS 란 무엇일까? 스타일시트는 HTML 로 작성한 문서를 실제 표시되는 방식을 기술한 언어입니다. 만일, 여러분이 HTML 을 이용하여 강아지를 그렸다고 생각해보세요.그 강아지의 꼬리가 얼마나 긴지, 그 강아지의 머리가 얼마나 작은지, 그 강아지의 몸집이 어느정도인지. 이런 것들을 기술할 수 있게 만든 언어가 바로 CSS 입니다.다시말해, 여러분이 뼈다귀를 그려놓고. 그 뼈다귀 위에 옷일 입혔습니다. 여기까지가 HTML 이라면, 그 옷의 크기가 어느정도인지, 무슨 색인지 등과 같은 속성을 넣어주는 것입니다.자, 정리를 해드리겠습니다. HTML, CSS 두가지가 하는 역할은 아래와 같습니다. HTML 뼈다귀에 옷을 입힌다. CSS ..
[01] 웹사이트와 HTML 하루 3분 : 웹사이트와 HTML 시작하기에 앞서 비록, 글쓰는 재주는 없지만 내가 알고 있는 지식을 최대한 활용하여 글을 작성하고자 한다. 웹에 대해서 짧고 쉽게 설명하는게 목적이며, 보다 깊은 내용이나 원론적인 부분에 대해서는 ‘구글’,‘다음’,‘네이버’ 등의 사이트를 통해 습득하기를 기대한다. _01 웹사이트가 뭘까? 웹사이트는 웹페이지들의 묶음이다. 웹페이지는 인터넷 익스플로어, 크롬, 사파리, 오페라 등과 같은 브라우저에서 표현되는 하나의 화면이다. _02 웹사이트는 어떻게 만들어질까? 웹사이트는 크게 Front 와 Backend 로 나뉘는데, 화면에 보이는 모든걸 스타일리쉬하게 꾸며주는 Front 개발자와 화면에 보여지는 DATA 를 관리해주는 Backend 개발자의 합작이다. 여러분이 보는 ..
[APNS] 0. 인증서 준비 1. 키체인 인증서 항목 내보내기 2. pem 파일 생성 openssl pkcs12 -in pushCert.p12 -out pushCert.pem -nodes -clcerts 이후 생성된 pem 파일을 서버에 업로드를 해줍니다.이때 텍스트를 복사 붙이시지 마시고, 그냥 파일 자체를 업로드하시길 권장합니다.추가로 `chmod` 를 이용해 읽기 권한을 부여해주셔야 합니다.
[AWS] ELK 스택 설치 안녕하세요? 로그 서버를 구현하기 위해 여러 스택들을 고민하는 중에 ELK 스택을 이용하기로 하였습니다. 0. EC2 에 설치하기에 앞서서 java가 설치되어 있어야합니다. sudo apt-get install openjdk-7-jre 1. EC2 인스턴스들에 S3 마운트 S3 마운트 튜토리얼 2. 마운트된 S3 폴더에 로그 파일 작성_hhvm 기반이므로, monolog 를 이용하여 S3 버켓에 로그를 작성하였습니다. monolog 3. logstash 설치
[Bootstrap,JQuery] Table을 이쁘게 정리하기 안녕하세요? 이번시간에는 GMS 툴 개발에 따른 Frontend에서 유용한 플러그인을 소개해드리고자 합니다.다음의 URL 을 참조하시면 확인해보실 수 있습니다. https://datatables.net/examples/styling/bootstrap.html 아래는 적용(전) 과 (후) 의 스크린샷 입니다. 위의 사진은 현재 테스트 중인 약 2천개정도의 데이터를 플러그인 없이 보여줄때 모습입니다.( 향후 데이터가 무지무지하게 쌓이면.. 엄청나겠죠 ?) 다음은 플러그인을 적용한 모습입니다. 10, 20,50, 100 개 들이로 정리해서 볼 수 있으며, Search 를 통해서 테이블 Row 를 검색할 수 있고, Pagination 기능을 제공해줍니다. "손수 구현해보고 싶다" 라는 마음이거나 한번도 구현해본..
[SVN] Pre-commit hook 2일간 들여다본 svn 의 기능들 VisualSVN 을 보면 start-commit, pre-commit , post-commit 등 커밋과 관련된 hook 들이 존재한다.해당 hook 에 스크립트를 작성하여 수행하면 정말 다양한 작업을 할 수 있는 것으로 보인다.비록, 꼭 그래야할 필요성을 못느껴서 더이상 작업을 하지는 않지만.다음과 같은 스크립트를 pre-commit 에 작성 한 후에 간단한 커밋할 경우 메시지를 잘 남기도록 유도하고 있다. start-commit 의 경우 커밋을 시작할때 동작하고 pre-commit 의 경우 커밋전에 동작한다. post-commit 의 경우에는 해당 커밋을 진행한후에 동작한다. reviewboard 를 이용하여 연동할 예정이었으나, 타 작업이 밀려있는 관계로 다음에 ..

티스토리툴바