[TIL_200714] Flask-Babel: Web service i18N/L10n

오늘 배운 것

Python Flask-Babel Module

gettext

• web service의 i18n, user interface의 L10n에서 가장 많이 쓰이게 될 함수
• 백 python에서는 gettext, 프론트 html에서는 jinja를 활용
• translations 폴더 내 messages.mo를 참조하여 페이지 번역

format_decimal

• locale별 숫자 표기 포맷

format_date

• locale별 날짜 표기 포맷

Flask request 활용

• request.accept_languages로 client 웹 브라우저의 언어 설정(2자리 locale code)를 server로 받아올 수 있다.

request.accept_languages.best_match(['en', 'es', 'de'])

jQuery one()

이벤트를 최초 1회만 실행하는 함수

$('#awesomeBtn').one('click', function () {
    awsomeFunction();
});

jQuery 삼항연산자 활용 toggle

$('#button').click(function () {
    $('#menu').toggle();
    let arrow = $(this).children('span.arrow');
    arrow.text(arrow.text() == '▲' ? '▼' : '▲');
});

내일 배울 것

Category 내 Board list 정렬

• aside category 메뉴를 열었을 때 인기 상위 10~20개의 board가 먼저 list되는 기능 구현
• more 링크로 들어가면 인기 랭킹을 먼저 보여주고, 나머지 전체 리스트를 locale 순서로 보여주는 페이지 구현

Subcategory

• 특정 국가만 묶어서 locale 순서로 보여주는 sub-category 메뉴 구성