출처: http://webdir.tistory.com/196 우분투는 일반적인 리눅스 배포판들과 다른 구조를 하고 있습니다. 데비안 계열의 특징인듯 싶습니다. 설정 디렉토리 구조 /etc/apache2 설정파일 루트위치로, 설정파일들이 이 디렉토리 밑에 위치하고 있다. /etc/apache2/apache2.conf 기본 설정파일로, 다른 배포판에서 httpd.conf를 기본 설정파일로 사용하고 있는데 우분투에서는 apache2.conf를 사용한다. /etc/apache2/conf.d 고급설정 파일로, 다른 배포판에서 httpd.conf 파일 하나에 설정되어 있던 문자셋과 에러메시지, 보안과 관련된 설정등을 따로 따로 분리하여 conf.d 디렉토리밑에서 설정하고 있다. 또한 사용자가 설치하게 되는 Apac..

출처: http://simplelife.pe.kr/tc/286 전에 Activx 를 웹에 올려놨을때 나왔던 문제였는데 링크로 cab 파일을 클릭하면 파일 다운로드가 되어야 하는데 웹에 그냥 text파일인양 열릴때가 있다 그럴때는 아파치 설정 폴더에 보면 mime.types 파일이 있다 이 파일에 보면 아래와 같은 줄일 있을거다 없다면 새로 항목을 만들면 만들면 된다. application/octet-stream bin dms lha lzh exe class so dll dmg 위에 웹에 그냥 화면이 풀리는 확장자를 등록하고 아파치를 재시작하면 링크 클릭시에 파일다운로드 받는 창이 뜨는걸 볼수가 있을것이다

출처: http://1004lucifer.blogspot.kr/2015/03/jsp-jsp-web-linux-tail-f-log.html Web 에서 Linux/Unix 의 'tail -f logfile' 과 같이 보려고 인터넷을 찾아보다 마음에 드는게 없어서 직접 만들게 되었다. Server 에서 tail 명령어를 사용할 때 grep 을 많이 사용해서 해당 기능도 추가했다. 모습은 다음과 같다. 사용방법 1. tail -f {} 부분에 실시간으로 확인 할 로그파일을 선택 2. grep {} 부분에 문자열 입력 시 해당 문자열이 매칭되는 경우에만 출력 3. grep -v {} 부분에 문자열 입력 시 해당 문자열이 매칭되는 경우에는 출력 제외 (grep 에 넣을 문자열은 정규표현식 지원된다.) Source..

출처:http://plustag.tistory.com/4 프론트엔드(Frond-end)는 사용자나 혹은 다른 프로그램과의 인터페이스를 말한다. GUI같은 것들이 프론트엔드이다. 반대로 백엔드(Back-end)는 시스템의 구축, 내부로직, 데이터베이스설계, 데이터의 처리 등을 담당하게 된다. 프로그램을 만들때 프론트엔드와 백엔드를 나누어서 만드는 경우가 있는데 이러한 경우 프로그램의 외관을 바꿀 때는 프론트엔드만 변경시키면된다. 우리가 프로그램을 쓰다 외관이 지겨워서 다른 스킨을 갈아치우는 것과 마찬가지로.. 프론트엔드를 바꾼다고해서 백엔드가 변경되진 않는다. 반대로 핵심기능에 중요한 오류가발생되어 수정한다고 했을 때 그 프로그램의 외관이 바뀌진 않는다. 혹은 서버의 백엔드를 수정했다고 해서 클라이언트의 ..

D3는 SVG(Scalable Vector Graphics)를 통해 시각적 요소를 생성하고 조작하는 일을 하는데 무척 유용하다.

1. 동적 타입 -> 변수에 저장할 정보가 어떤 타입인지 사전에 지정할 필요가 없다 tip) 변수 타입이 궁금할때는 typeof를 이용하면 됨 2. 변수 호이스팅(hoisting) -> 자바스크립트는 보통 위에서 아래 순서대로 진행될거라 기대하지만, 실제로 그렇지는 않다. -> 반복문에 변수가 선언 되었을 경우 변수가 속한 함수 컨텍스트의 최상단으로 끌어올려진다. 이 때문에 변수 명이 충돌하는 문제가 발생 할 수 있다. ex) var numLoops =100; for(var i =0 ; i < numLoops; i++){ console.log(i); } 위와 같은 코드를 짜면 다음과 같이 동작한다. var numLoops =100; var i; for(i=0 ; i < numLoops; i++){ con..

JSON ( JavaScript Object Notation) -> 데이터를 자바스크립트 객체로 최적화 시키는 문법 명세 JSON 은 XML과 비슷한 개념이라고 보면된다. 쉽게 생각하면 자바스크립티의 객체 형태이고, 이름 여러 사람이 쓸 수 있도록 만든 것이다. var jsonFruit = { "kind": "grade", "color": "red", "quantitiy":12, "tasty": true } 대표 적인 예로 GeoJSON이 있는데 이는 지리 정보를 저장할 목적으로 최적화한 JSON객체의 특정한 형태이다.

1. https://www.codecademy.com/learn ==> javascirpt 공부 2. URL, URI 차이점 http://blog.lael.be/post/61 3. HTML5 에서는 생략해도 된다. 4. DOM 이란? DOM ( Document Object Model) 이란 단어는 HTML의 계층적 구조를 나타내며, 한 쌍의 각 태그들은 계층구조상의 구성요소가 된다. 웹 브라우저는 문서 콘텐츠의 의미를 이해하기 위해서 DOM을 해석한다 5. CSS CSS(Cascading Style Sheets)는 DOM의 시각적 표현을 꾸미는데 사용한다. ex) selector { property: value; property: value; } body { background-color: white; ..

python -m SimpleHTTPServer