1초에 한명 씩 태어나는 개발자입니다.

태블릿 PC나 모바일 기기가 늘어남에 따라 모바일 웹에 대한 관심이 높아지고 있습니다. 그에 따라 각 기기별 해상도에 맞춰 레이아웃을 다시 짜야할 필요성이 늘어났습니다. PC로 봤을 때는 깔끔하고 예뻤던 디자인이 모바일 기기로 보면 해상도 차이로 불편한 디자인이 되버렸습니다. 이러한 점을 해결하고자 CSS 3.0부터는 미디어 쿼리를 사용하여 여러 조건 별 디자인을 적용하는 것이 가능해졌습니다. 미디어 쿼리를 적용하는 것에는 4가지 방법이 있습니다. 1) Link 1234cs 첫 번째는 link를 이용하는 방법입니다. 조건에 따라 각자 다른 css 파일을 불러오도록 되어 있습니다. 2)Style 1234/* style 작성 */ Colored by Color Scriptercs 두 번째는 style 태그 ..

회사가 자체적인 솔루션이나 Framework 안에 Paging 처리를 포함하고 있다면 볼 필요가 없는 사항이지만, SI 업계 특성상 자신의 회사의 Framework를 적용하지 못하는 일도 빈번하고 있다고 하더라도 찾아서 적용시키는 일은 시간이 걸립니다. 따라서, 간단하게 Oracle을 통해서 Paging처리를 하는 것에 대해 정리하고자 합니다. 시작은 ROWNUM을 통한 가장 간단하고 기초적인 Paging처리 부터 시작해서 ROW_NUMBER() OVER()를 통한 순서 정리와 COUNT(*) OVER()를 통한 Paging Navigation 대처까지 해보도록 하겠습니다. 1. ROWNUM을 통한 Paging 먼저 ROWNUM을 통한 가장 간단한 Paging을 진행하도록 하겠습니다. 기본적인 형태는 아..

사용자의 입장에서 웹에 접속할 때 가장 짜증나는 부분이 뭐가 있을까요? 제가 약 20년간 인터넷을 하면서 가장 짜증났던 때가 두 가지 있는데, 첫 번째는 끌도 없이 깔라고 하는 Active X와 다른 하나는 답답하고 느려터진 로딩이었습니다. 프로그래머로 정말 기똥찬 로직을 짜서 서비스 하더라도 사용자는 아 이런 것도 되네? 라고 생각하지 이게 진짜 기똥찬지 아닌지는 모르는 법이죠. 막상 잘 짜여진 서비스를 사용하는 것보단 눈 앞에서 깔라고 하는 Active X와 로딩 속도가 사용자의 주 평가라고 할 수 있겠습니다. 여기서 이상한 에러코드가 터지면서 브라우져가 꺼지면 사용자는 정말 속 터지는 상태가 된다고 할 수있죠. 일단, Active X는 뭐 HTML5에 들어서면서 없어지는 추세이니 차치하더라도 속도를..

저번엔 CASE WHEN에 대해서 알아 보았습니다. 이번엔 그와 유사하지만 다른 DECODE에 대해 다루어 보자고 합니다. DECODE의 기본 형태는 다음과 같습니다. DECODE(조건값, 비교값1, 결과값1, 비교값2, 결과값2, 비교값3, 결과값3, ... 비교값n, 결과값n, 결과값) 제일 처음에 넣어준 조건값이 뒤에 넣어준 비교값과 일치할 시에 결과값을 출력하도록 되어 있습니다. 가장 마지막에 넣어 준 결과값은 앞의 결과들이 모두 일치하지 않을 시에 넣어줄 결과값입니다. 그럼 실제로는 어떻게 쓰이는지 한번 보도록 하겠습니다. 지금 사용 된 쿼리들은 Oracle에 기본적으로 제공되는 EMPLOYEES를 상대로 작성하였음을 알려 드립니다. 1 2 3 4 5 6 7 SElECT FIRST_NAME, L..