본문 바로가기

전체 글

(285)
[HTML] 기본 태그 설명 그리고 쓰임새에 대해 # 서론 웹 초기에는 구조에 관한 명세가 존재하지 않아 개발자가 div 태그로 알아서 사이트의 모양새를 잡아야 했다.하지만 HTML5로 넘어온 후 구체적인 태그가 생겼다. 1. 기본적인 문서 문서 매우 기본적인 문서입니다. : 웹 페이지가 시작됨을 선언. : 헤더 영역이며, 현재 페이지에 대한 정보들을 표기한다. : 현재 페이지의 제목을 나타냄. 현재 페이지에 대한 정보이기 때문에 헤더 내에서만 쓸 수 있다. : 헤더(head태그)에서는 현재 페이지에 대한 정보를 나타낸다면 body태그에서는 화면상에 직접적으로 표기한다. HTML은 버전마다 표기해야 하는 일종의 선언서가 존재한다. HTML5는 1줄에서 로 시작해야 하며, doctype처럼 소문자로 쓰든 DOCTYPE처럼 대문자로 쓰든 상관이 없다. 이전..
[nginx] 이미지 루트 바꾸기 외부ip에 위치하는 이미지의 주소를 내부 디렉토리와 연결하기 위한 방법이다. 이미지 호스팅을 따로 받을때 매우 유용할 것이다. 이미지 호스트 주소/image.jpg 이 주소를 내부 nginx 디렉토리인 image/image.jpg 로 바꾸는 코드이다. rewrite ^/image/(.*).(png|jpg|gif) https://image_host_address.com/$1.$2;
새로운 댓글 플러그인 정하기 워낙에 뭐든 혼자서 만드는걸 좋아하는 편이라 플러그인을 혼자서 만들려고 했는데 조금 찾아보니까 이미 꽤 괜찮은 댓글 플러그인이 존재하는 듯 했다. 제일 유명했던 플러그인은 우리나라 국산 플랫폼인 라이브리 LiveRe 가 있었고, 해외에서는 워드프레스와 함께 사기적인 인지도를 자랑하던 디스커스 Disqus 였다. 라이브리는 시대를 따라오지 못한 크나큰 단점이 여러가지 있었다. 2009년에 발생하여 우리나라 안에서 인지도를 쌓아 여러 곳에서 사용되고 있는 것은 사실이지만, 기능 속도 통계 디자인 모든 면에서 디스커스, 그리고 이후에 후술할 라이브 파이어에 비해 심각하게 뒤떨어진다. 디스커스는 라이브리와 비교하면 모든 면에서 압도하기 때문에 많은 곳에서 사용하지만, 디자인이 다소 난잡하고 처음에 봤을때는 댓글..
[PHP] Call to undefined function mb_strimwidth() 해결하기 sudo apt-get install php-mbstring sudo service apache2 restart
디스커스 시작하기 가입한 뒤 이런 페이지가 나오는데, 내 블로그는 플랫폼이 아니므로 맨 밑에 있는 i don't see my platform listed, install manually with Universal Code를 클릭한다. 그리고 밑에 있는 네모박스의 코드를 내 사이트에 붙여넣기하기만 하면 된다.
[Linux] PHP를 html등의 다른 확장자로 바꾸기 리눅스에서 PHP의 기본 환경으로는 .html 확장자가 비활성화 되어있다. 서버를 가동중인 서버 사이드 언어를 은폐시키고 싶어서 다른 확장자로 rewrite 하는 방법을 찾고 있었다거나 간단하게 .html 확장자를 열어주고 싶다거나 하는 상황이라면 이를 바꿔주도록 하자. 1. PHP의 시스템 설정을 변경하기 위해 하단의 명령어를 질의한다. sudo nano /etc/php5/fpm/pool.d/www.conf 2. security.limit_extensions 를 찾아 주석을 제거한다. (주석은 왼쪽에 ; 세미콜론을 없애면 된다.) security.limit_extensions = .php .html .htm 대충 알 수 있듯이 .php .html .htm 확장자를 허용한다는 뜻이다. 물론 여기서 추가하..
[HTML] querySelector와 getElementId의 차이 querySelector는 CSS와 똑같은 선택자로 엘리먼트를 지정할 수 있는 함수입니다. CSS에서 #node .top .class 라는 선택자가 있다면 querySelector에도 똑같이 querySelector('#node .top .class'); 로 지정하여 담아둘 수 있습니다. 반면에 getElementId는 id만을 지정합니다. CSS에서 #node 라는 선택자가 있다면 getElementId('node'); 이렇게 지정할 수 있습니다. 두 함수를 쓸 때 주의해야 할 점은,querySelector는 CSS 선택문자인 #이나 .을 같이 써서 '#node .class' 이렇게 쓰이는데 비해getElementId는 id의 이름만 들어가므로 특수문자가 들어가지 않는다는 것만 알아두시기 바랍니다. 그..
[javascript] ajax 절대 경로 사용법 알다시피 ajax는 절대경로를 사용하지 못한다고 알려져 왔지만, 꼼수를 쓴다면 가능하다. var url = location.protocol + location.host + "/index.php";