vi 명령어를 입력해서 소스 코드를 다루다보면 일부 색상이 짜증나는 경우가 있다. 예를 들면 주석의 경우가 그러한데, 배경색이 검정색이고 주석 색상이 파랑색이어서 가독성이 매우 떨어지는 경우가 있다. 이를 해결하기 위해 다음과 같이 해보자. 우선 vi 명령어를 이용해서 vi 편집기로 들어간 후 :highlight 또는 :hl 를 입력한다. 어떤 종류에 대해서 색상을 지정할 것인지에 대한 정보가 주루륵 나온다. 우리가 할 것은 주석 색상을 변경할 것이므로 Comment 저 부분을 변경할 것이다. 이제 색상을 변경해보자. 위에 있던 사진처럼 초록색으로 변경해보자 :highlight Comment term=bold ctermfg=2 위와 같이 입력하면 현재 편집기에 나타난 주석 부분의 색상이 변경될 것이다. ..

CSS의 transition 을 사용하면 간단한 것부터 복잡한 애니메이션 효과를 만들 수 있다. 간단한 예시는 아래를 참고하고, 자세한 내용은 맨 아래에 링크된 글을 참고한다. .btn-default { display:inline-block; padding: 5px 20px; background-color:#E5E5E5; border:1px solid #AAA; cursor:pointer; -webkit-transition:background-color .5s; transition:background-color .5s; } .btn-default:hover { background-color:#AAA; } ※참고. https://developer.mozilla.org/en-US/docs/Web/CSS/CS..

1. jQuery를 이용한 경우 (예시) $("#btn_normal").click(function () { $.ajax({ type: 'POST', dataType: 'json', data: { 'idx': '14', 'content': 'yeah' }, url: 'getList/', success: function (data) { if (data) { // 응답 성공 alert(data.name); } }, error: function (req, status, error) { // 응답 실패 } }); }); 2. 순수 Javascript를 이용한 경우 var httpReq; function makeRequest(url, data, response) { if (window.XMLHttpRequest) ..

오류 원인 말 그대로 속성을 참조하려는데 빈 속성이어서 일어나는 오류 해결 방안 실수로 아래와 같은 코드가 작성될 수 있다. 지금 위의 코드를 그대로 실행시키면 'Cannot access empty property' 라는 오류가 난다. 아래와 같이 써줘야 가능하다.

방법은 굉장히 여러 가지 수단이 있는데 아래는 그 중의 하나 .clearfix { overflow:auto; zoom:1; /* for IE6 */ } 작업하다보면 성가시게 만드는 것 같다. ※Clearfix - http://stackoverflow.com/questions/8554043/what-is-clearfix ※Ref 1) http://aboooks.tistory.com/328 2) http://ko.learnlayout.com/clearfix.html

예를 들면 view를 통해서 javascript나 css를 불러오고 싶은데 ci 주소 특성상 일반적인 주소 접근으로는 어렵다. 폴더 계층으로 보면 system/ application/ assets/ css/ images/ 이렇게 위치한 상태의 assets 폴더를 사용하는 방법이다. 1. 우선 application/helpers 폴더 안에 다음과 같은 내용을 적고 utility_helper.php 파일로 저장한다. 2. application/config/autoload.php 파일을 열고 $autoload['helper'] 의 배열에 utility를 추가시킨 후 저장한다. $autoload['helper'] = array('url', 'file', 'utility'); 3. application/confi..

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 로 인해 이것이 화면의 중앙에 위치하게 된다. 이것을 가운데에 배치된 것처럼 만드려면 해당 박스의 가로 폭의 반만큼 왼쪽으로, 세로 폭의 반만큼 위쪽으로 ..

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를 삭제하려면 공백..

코드이그나이터(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 |-----------..