반응형이냐 고정형이냐의 고민 Bootstrap 3 환경에서 Table 엘러먼트를 구현시 반응형(responsive)으로 할 것이냐 고정형(fixed)으로 할 것이냐를 고민할 때가 많다. 대세는 반응형이라고 하지만 기업에서 구현하는 시스템의 대부분은 상당히 많은 수의 컬럼을 가진 데이터를 화면 상의 테이블에 출력해야 하는 경우가 많기 때문에 반응형으로 구현하는데 한계가 있다. 이 글에서는 Bootstrap 플랫폼에서 Table 을 반응형 또는 고정형으로 구현하는 방법을 설명하겠다. 첫째, 반응형으로 구현하기 테이블을 반응형으로 구현하는 것은 어렵지 않다. Bootstrap 공식 레퍼런스에서 제시하는 방법은 아래와 같다. 가장 많이 사용하는 방법이다. ... 첫째, 테이블을 구현할 table 엘러먼트에 ta..
개발자들의 구세주, Bootstrap Bootstrap은 웹 프론트엔드 프레임워크이다. HTML5/CSS3/JavaScript 각 언어로 제공되는 템플릿 소스 코드를 이용하여 디자인에 관한 전문 지식 없이도 반응형 웹 기반의 미려한 사이트를 구축할 수 있어 국내외에서 광범위하게 사용되고 있다. 극단적인 경우 class 애튜리뷰트만 지정해서 초고속으로 개발해도 미려한 화면이 나온다. 훨씬 먼저 시작된 프로젝트인 jQuery UI, jQuery Mobile의 존재감을 무색하게 할 정도로 압도적으로 사랑받고 있다. 일각에서는 Bootstrap이 웹의 다양성을 해쳤다는 비판도 있지만 시간과 생산성이 생명인 백엔드 중심의 개발자들에게 있어 Bootstrap은 구세주와도 같다. 라면도 계란과 파를 첨가하면 더 맛있..
다양한 언어만큼 컴퓨터 언어도 다양하다. 지구상에는 인류의 의사소통을 위한 다양한 언어들이 존재한다. 현재 주류 언어의 위치를 확고히 하고 있는 영어부터 중국어, 스페인어, 독일어, 일본어, 이제는 사장되다시피한 히브리어, 라틴어까지 그야말로 각양각색의 언어들이 의사소통이라는 하나의 기능을 위해 존재한다. 컴퓨터 세계에도 마찬가지로 컴퓨터와 의사소통을 하기 위한 다양한 프로그래밍 언어(Programming language)가 각각의 목적과 기능을 위해 존재한다. 컴퓨터 세계에서 현재 가장 인기가 많은 언어는 JavaScript이다. 과거에 비해 우리가 컴퓨터에서 웹 브라우저를 사용하는 비중이 절대적으로 높아졌기 때문인데 웹 브라우저에서 실행될 목적으로 만들어진 언어가 바로 JavaScript이기에 자연히..
이미 오래전부터 신규 시스템 개발은 웹 개발이 대세이다. 하지만 내가 소속된 제조업 전산실처럼 .NET 기반의 클라이언트 시스템을 개발하는 곳도 아직 적지 않다. .NET 3.5 기반의 클라이언트에서 웹 서버와 JSON(JavaScript Object Notation) 문자열로 통신이 가능하다면 클라이언트에 불필요하게 비즈니스 로직이 삽입되는 것을 예방할 수 있고 Java가 되었든 Node.js가 되었든 웹 서버의 구현 방식에 따라 다양한 언어로 비즈니스 로직을 작성할 수 있다. 그 방법을 예제를 통해 간단히 설명하겠다. HTTP GET 메써드 요청하기 C#에서 HTTP 요청은 System.Net.WebClient 클래스를 사용하여 수행한다. HTTP GET 요청은 아래와 같이 한다. 응답 데이터는 JS..
- Total
- Today
- Yesterday
- bootstrap
- JHipster
- Spring MVC 3
- chrome
- 자전거
- java
- node.js
- Eclipse
- Kendo UI
- Kendo UI Web Grid
- 로드 바이크
- 평속
- graylog
- spring
- 태그를 입력해 주세요.
- jpa
- 로드바이크
- jsp
- Spring Boot
- kotlin
- DynamoDB
- Docker
- 알뜰폰
- maven
- 구동계
- Tomcat
- jstl
- MySQL
- JavaScript
- CentOS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |