SOURCE BOX

PostgreSQL을 이용해서 웹페이지를 만들고 있는데, 계속 소스 볼륨이 커지다보니 git branch 를 추가하면서 개발을 하고 있다. git 브랜치 생성 및 병합방법 관련 포스팅은 여기를 클릭하여 참고한다. 소스는 잘 나누어 개발하고 있는데, DB는 실제 운영중인 DB에다 계속 테스트거래를 해볼 수는 없어서, 하나의 테스트DB 환경을 하나 더 만들어 보고자 했다.

git push를 하다가 아래와 같은 인증오류를 보았다면, github 비밀번호를 갱신할 때가 된것이다. github 사이트 로그인할 때 사용하는 계정의 비밀번호는 아니고, 특정권한을 가진 토큰정보를 갱신하다고 보면된다.

DB 에서 거래를 등록/변경할때, 어느 시점에 등록했는지를 기록하기 위해서 보통 timestamp 를 사용한다. postgresql 에서 timestamp 컬럼을 추가해본적이 없어서 시행착오를 겪긴했다. 그 내용을 남겨보도록 한다.

Thymeleaf 에 대한 설명은 이전에 포스팅을 한 적이 있다. spring 공식홈페이지에서 설명하고 있는 템플릿엔진이라 관심이 가게 되었고, 홈페이지 하나를 Thymeleaf 로 만들어 보았는데 확실히 장점이 많다. 좀 찾아보고 공부했었던, 텍스트 조립하는 방법과 조건문을 정리해본다.

페이징 처리는 웹서비스를 만들다보면 직면하는 가장 흔한 개발요건이다. 웹화면에서는 한 페이지에 보여줄 데이터는 한정적이고, 페이지를 나누어 효율적인 방법으로 최적의 조회성능을 내줘야 한다. 오늘 볼 예제는 대량의 데이터는 아니며, 간단히 10건 미만의 데이터를 기준으로 limit 를 이용한 페이징처리 쿼리정도만 정리해본다.

SQL 실행툴로서 DBeaver를 무료로 아주 잘 사용하고 있다. 무료버전은 데이터 내보내기나 가져오기를 할 때, csv 파일만 가능하다보니, 엑셀파일 확장자를 가지고 바로 데이터 적재할 수 없는 아쉬움은 있다. 그래도 웹서비스에 필요한 간단한 데이터베이스관리나 sql 실행 정도라면 이만한 무료 sql 툴이 있을까 싶다.

웹사이트를 만들면서 반응형 웹사이트(responsive site)는 꼭 고려해야할 사항이다. 웹사이트는 브라우저만 있으면 접속할 수 있는 서비스이기 때문에, 폰, 태블릿, pc 등 다양한 기기의 각기다른 해상도에서 유동적으로 레이아웃이 변동되면서 가독성 있는 레이아웃으로 표현되어야 한다. 이런 반응형 웹을 만들기위해 부트스트랩(bootstrap) 프레임워크를 사용하고 있다. 아주 간단한 예시로 정리해볼까 한다. 아래 예제들은 여기 사이트 에서 직접 확인 가능하다.

Thymeleaf는 웹서비스 제작을 위한 서버사이드의 자바 템플릿 엔진이다. WAS 혹은 웹서버가 구동되지 않더라도 HTML 파일이 브라우저에 올바르게 표시되도록 하여 개발과정에서 더 강력한 협업을 가능하게 한다. 보통 Spring Framework 과 같은 HTML5 JVM 웹 개발에 이상적이며, 홈페이지에서도 Thymeleaf + spring 문서가 별도로 존재한다.

아이맥, 맥북같은 Mac 환경에서 문서 작업하다보면, 텍스트를 잘라내고 다시 이어붙이는 작업중에 더블클릭으로 단어를 선택이 잘 안되는 경우가 있다. 이게 텍스트 에디터의 문제나 프로그램의 문제일 가능성 보다는 이중 클릭 속도가 아래그림처럼 최대 빠르기로 되있을 가능성이 높다.

mongoDB atlas를 이용해서 사이트를 운영중이다. 무료로 mongoDB 클라우드 서버를 사용할 수 있는데 아주 작은 사이즈의 데이터량을 사용하는 나한테는 충분한 용량과 성능이다. 아래 그림에서 각 티어별로 부과되는 금액과 스펙차이를 볼 수 있고, 무료인 M0는 512MB의 용량을 제공한다. 최근에 mongoDB로 저장한 데이터중 일부 코드를 일괄 변경할 일이 생겨서, 방법 찾아보고 처리한 내용을 정리해본다.