[CSS] LESS 활용한 박스를 웹 브라우저 창 가운데에 배치하는 방법
LESS 로 다음과 같은 코드가 입력되있다고 하자 @form_width: 600px; @form_height: 400px; #content { position: absolute; top: 50%; left: 50%; width: @form_width; min-height: @form_height; /* 이 부분 */ margin-top: -1 * @form_height / 2; margin-left: -1 * @form_width / 2; } 원리는 간단하다. 해당 박스(#content)의 기준 점이 왼쪽 상단인데, position과 top, left 로 인해 이것이 화면의 중앙에 위치하게 된다. 이것을 가운데에 배치된 것처럼 만드려면 해당 박스의 가로 폭의 반만큼 왼쪽으로, 세로 폭의 반만큼 위쪽으로 ..
2016.08.30
[PHP] 코드이그나이터(CI) config.php 설정
base_url //$config['base_url'] = ''; $config['base_url'] = ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == "on") ? "https" : "http"); $config['base_url'] .= "://" . $_SERVER['HTTP_HOST']; $config['base_url'] .= str_replace(basename($_SERVER['SCRIPT_NAME']), "", $_SERVER['SCRIPT_NAME']); 이 방법은 가끔 어떤 경우에는 통하지 않는 경우가 있으니 주의해서 사용합니다. index_page $config['index_page'] = ''; 주소에서 index.php를 삭제하려면 공백..
2016.08.28
[PHP] 코드이그나이터(CI) 에서 index.php 없애기
코드이그나이터(CodeIgniter)에서 URL 규칙은 다음과 같다. (3.X버전, 2.X버전) http://example.com/[controller-class]/[controller-method]/[arguments] 사실 위의 경우처럼 하려면 중간에 index.php가 들어가야 하는데 보통 주소를 간단하게 하기 위해서 index.php 를 포함시키지 않는다. 이를 위해서는 아래의 두 가지 중 하나를 진행해야 한다. 1. config.php 설정 index_page 항목에서 index.php 값을 공백으로 변경한다. /* |-------------------------------------------------------------------------- | Index File |-----------..
2016.08.28
no image
[HTML] 오픈 그래프 메타 태그 (Open Graph Meta)
카카오톡이나 SNS 등에서 특정 링크를 붙여놓으면 알아서 만들어주는 기능을 볼 수 있을텐데 그 역할을 하는 것이 이것이다. ※자세한 내용은 https://ogp.me/ 에서 확인할 수 있다.
2016.08.28
[Java] 클래스 이름과 파일 이름의 관계
public class 가 있는 경우, 소스 파일의 이름은 반드시 public class의 이름과 일치해야 한다. // Hello2.java public class Hello2 {} class Hello3 {} public class가 하나도 없는 경우, 소스 파일의 이름은 'Hello2.java', 'Hello3.java' 둘 다 가능하다. 이 경우, 하나의 소스 파일에 둘 이상의 public class가 존재하면 안 된다. // Hello2 class Hello2 {} class Hello3 {}
2016.08.22
no image
[JavaScript] window와 document의 화면 사이즈 관련
window는 viewport 라고 생각하면 되고, document 는 말 그대로 해당 문서의 사이즈 window의 height, scrollTop, document의 height 등을 간만에 찾게 되면서 헷갈려서 작성 ※출처: http://www.wisdomjobs.com/e-university/j-query-tutorial-524/dimensions-2458/finding-the-dimensions-of-the-window-and-document-14762.html
2016.08.19
[jQuery] 무한 스크롤 예시
간단하게 작성한 코드
2016.08.19
[Apache] mod_rewrite 간략 정리
맨날 Apache 가상호스트 설정하면서 rewrite 조건이 헷갈려가지고 참고용으로 정리했다. RewriteCond 지시자는 RewriteRule 과 함께 사용된다. RewriteCond 다음에 오는 RewriteRule은 RewriteCond 에서 설정한 패턴과 일치해야지만 RewriteRule들을 실행한다. Rule [L] : 정의된 최종행 이 행 이후의 RewriteRule은 무시 [R] : 리다이렉트 실행 [F] : 403에러로 redirect [G] : 410에러로 redirect [P] : proxy request로 보냄 [N] : 새로운 룰 시작 [R] : 무조건 redirect [PT] : Input URL을 그대로 유지하며 Return URL을 실행한다. [NC] : 대소문자를 구별하지 ..
2016.08.08
no image
SteamCMD Server Downloader (v1.1.2)
본 프로그램은 스팀(Steam)의 데디케이트 서버에 해당하는 게임에 한하여 서버를 설치하실 수 있습니다. 운영체제는 윈도우만 지원하며 사용하시려면 닷넷 프레임워크(.NET Framework) 4.0가 설치되어 있어야 합니다. (윈도우 7을 사용하시는 분들은 다 됩니다.) 설명 스팀이 제공하는 게임('카운터 스트라이크: 소스(Counter-Strike: Source)', '카운터 스트라이크: 글로벌 오펜시브(Counter-Strike: Global Offensive)', '팀 포트리스 2(Team Fortress 2)' 등)에서 다른 사용자들과 함께 즐기기 위해서는 데디케이트 서버를 열어 플레이를 하는데 해당 서버를 쉽게 설치해줄 수 있게 합니다. 예전에는 SRCDS를 통해서 설치하였지만, 현재는 Stea..
2016.07.31