Python에서 html 템플릿에 적용되는 Jinja2를 사용할 때... 만약 특정 변수를 그냥 출력하는 것이 아닌 인코딩하려면 어떻게 하는지 알아봅니다.# Jinja2 인코딩하기, urlencodejinja2에서 url을 인코딩할 수 있는 방법 중 하나로 필터를 활용할 수 입니다. 이때 사용방법은 간단한데 아래처럼 표현식으로 변수를 출력하는 방법입니다.{{ test | urlencode }}뒤의 urlencode 필터는 해당 텍스트를 인코딩하여 출력하게됩니다.! Jinja2 인코딩 필터 urlencode 예제보기간단한 예제를 사용하여 알아봅니다. 만약 현재 페이지를 웹사이트에 추가하는 경우 인코딩 후에 보여주려고 합니다.기존 코드와 변경 후 코드를 확인해보세요.변수 link의 값 : https://webisfree.com/2018-07-27/python-jinja2에서-url-인코딩-방법-urlencode@ 기존코드<a href="{{ link }}></a>@ 변경후<a href=
2018-07-27 08:41:30신규 프로젝트를 진행하면서 브라우져 한글깨짐 이슈에 대하여 몇 가지 적어봅니다.# 특정환경에서의 한글깨짐 발생한글깨짐 현상은 예전부터 항상 존재했죠. 하지만 한글을 사용하는 방문자에게는 한글이 깨지는 현상이 없도록 최선을 다해야겠습니다. 하지만 현실은 그리 녹록하지 않은 것 같은데요... 어떤 문제가 있을까요?HTML에 설정된 한줄의 메타태그가 모든 한글깨짐을 해결해준다면 얼마나 좋을까요? 하지만 잘생긴 HTML5 UTF-8 인코딩도 완벽히 피해가지는 못하는 것 같습니다. 에디터, 서버, 데이터베이스에서 사용되는 인코딩 문제를 잘 해결해도 특정 브라우저나 OS에서만 발생하는 한글깨짐이 나타날 수 있더군요... 이 같은 문제가 나타나는건 아래와 같은 예외적인 케이스입니다.1. 기본값이 영문이나 다른 언어가 설정된 경우2. 인코딩 자동설정을 하지 않은 경우3. OS 운영체제가 다른 언어인 경우위와 같은 예외적인 케이스에서 한글깨짐이 나타날 수 있는데 이를 피하기 위해서 방문자에게 스스로
2018-07-12 16:39:40웹페이지를 작성 후 동작시 파이어폭스에서만 한글 문자 깨짐 현상이 나타나는 경우가 있더군요. 왜 이런 문제가 나타났으며 어떻게 해결하였는지 아래에서 알아봅니다.# 파이어폭스에서 한글 문자 깨지는 현상한글 문자 깨짐은 매우 자주 일어납니다. 대부분 인코딩 설정이 잘못되어 나타나기 때문에 가장 먼저 인코딩에 문제가 있는지 확인해야합니다. 인코딩 설정은 대게 아래 순서에 따라 문제가 나타나기 쉬운 부분에 따라 우선적으로 확인합니다.1. 마크업 HTML 내부의 meta 태그 인코딩2. 서버 환경 인코딩 확인3. 데이터베이스 인코딩 확인4. 파일 자체 인코딩이 다른 경우위의 어느 하나라도 인코딩 문제가 있으면 한글 깨짐등이 나타날 수 있습니다.! 파이어폭스 한글 깨짐 확인 결과위 과정에 따라서 모두 점검하였으나 문제가 없었습니다. 이런 경우가 거의 없었기에 검색해보니 파이어폭스의 브라우저 인코딩 설정을 확인할 필요가 있었습니다. 아래와 같이 Menu의 View에 있는 Text Encoding
2018-06-25 10:16:16서버측 언어가 ASP.NET을 사용하는 경우 만약 한글 깨짐 현상이 발생한다면? 아마도 인코딩(encoding) 설정이 잘못 된 경우일 수 있습니다. 이 경우 어떻게하면 한글 깨짐을 해결할 수 있는지 몇 가지 해경방법을 알아보도록 하겠습니다.먼저 인코딩 설정은 하나의 페이지에 적용하는 페이지 단위 적용방법과 전체 페이지 적용 방법으로 구분할 수 있습니다. 우선 페이지 단위로 설정하는 싱글 페이지 방법입니다.# ASP.NET 페이지 단위 인코딩을 설정 방법보여줄 하나의 페이지... 페이지 단위로 인코딩을 설정하는 방법입니다. 이 경우 아래와 같이 코드를 페이지 최상단에 추가합니다. 반드시 페이지 제일 위에 위치해야 정상 동작됩니다.@ 1번 방법<%@ Page RequestEncoding="utf-8" ResponseEncoding="utf-8" %>@ 2번 방법<%@Language="VBScript" CODEPAGE="65001"%><% Response.CharSet = "utf-8"
2018-05-25 16:43:20PHP 언어에서도 인코딩에 대한 선언이 필요합니다. 아래는 php 서버에서 인코딩을 설정하여 사용하는 방법을 알아봅니다. 먼저 인코딩 설정은 왜 필요할까요?# 인코딩 설정이 필요한 이유인코딩 설정은 각각의 환경에서 사용되는 문자들이 어떤 인코딩의 포맷을 가졌는지 결정합니다. 인코딩 선언은 매우 중요한데 클라이언트, 서버, 데이터베이스가 서로 다른 문자 인코딩을 사용하는 경우 문자깨짐 및 오류 등이 발생할 수 있을 것입니다. 이런 문제를 방지하기 위해서 하나의 어플리케이션에 필요한 인코딩을 동일하게 유지시키게됩니다.# php 인코딩 설정하기php의 경우 euc-kr 또는 utf-8이 많이 사용됩니다. 이를 설정하는 방법은 아래와 같습니다.<?php header('Content-Type: text/html; charset=utf-8');?><!DOCTYPE html><html><body>위와 같은 인코딩 설정은 페이지의 가장 상단에 위치하도록합니다. 인코딩 설정이 완료되어 페이지에
2017-12-28 04:10:39자바스크립트의 인코딩(encoding) 방법은 여러가지가 있습니다. 이 중에 가장 많이 사용되는 방법으로 아래와 같이 두 가지를 생각해볼 수 있죠... (여기서 escape()은 제외하겠습니다.)encodeURIComponent()btoa()각각 목적이 다르기 때문에 무엇이 좋다 말하기는 어렵습니다. URL에 함께 전달할 파라미터의 값은 첫번째 방법으로 변환하죠. 그래야 이상없이 전달될 수 있기 때문입니다. 두번째는 이미지 등을 전달할 때 많이 사용됩니다.# btoa() 문자열 인코딩시 에러발생문제는 btoa()를 사용하여 인코딩할때 발생했습니다. 문자열을 인코딩할때 이 문자열을 사용자에게 입력받아 변환 후 데이터베이스에 저장하려했는데 아래와 같은 에러메시지가 인코딩 과정에서 발견되었습니다.javascript btoa error contains characters outside of the Latin1 range검색해보니 코딩의 문제보다 버그로 보였습니다. 다행인 점은 이를 해결할
2017-11-03 06:24:16자바스크립트(Javascript)에서 문자를 base64로 인코딩, 변환하는 방법입니다. 먼저 base64로 인코딩하는 경우는 무엇이 있을까요?! 언제 base64로 인코딩하는가데이터베이스에 전송할 때 이미지인 경우 base64 타입을 요구하는 경우가 있을 수 있습니다. 보통 이미지는 base64로 인코딩 후 blob DB에 업로드합니다. 또는 인증과 관련된 정보 역시 base64로 인코딩 후 전송하기도 합니다. 그럼 base64로 인코딩 또는 디코딩 방법을 알아봅니다. 이때 사용할 함수와 문법은 아래와 같습니다.btoa() // base64로 인코딩atob() // base64로 디코딩보시는 것처럼 간단합니다. atob() 그리고 btoa()를 사용하면 되죠. 그럼 아래는 간단한 예제코드입니다.# base64 인코딩 및 디코딩 예제보기먼저 'webisfree' 텍스트를 인코딩하여 출력하려고 합니다.test = 'webisfree';test2 = btoa(test);"d2Vi
2017-04-25 14:37:30Notepad++에서 한글 인코딩을 변환, 저장하는 방법은 무엇일까요? 한글이 정상적으로 보이지 않는 경우가 이에 해당합니다. 또는 html과 에디터의 인코딩 방식에 차이가 날 경우 문제가 나타날 수 있어 수정이 필요합니다.
2017-04-09 07:43:14한글이 깨져서 나타나는 문제를 알아보려고 합니다. 만약 html을 작성하는 에디터에는 아무 이상없이 한글이 잘 보이나 웹브라우저에는 한글이 깨져보이는 경우 어떻게 해결이 가능할까요?# 한글 깨짐현상이 브라우저에 나타나는 경우이 경우 가장 먼저 의심할 부분이 바로 html의 meta 영역에 선언된 한글 인코딩입니다. 만약 한글을 출력하는데 필요한 인코딩 설정이 잘못되었거나 되어 있지 않는 경우 한글 깨짐이 나타날 수 있습니다. 물론 서버나 데이터베이스에서도 문제가 있을 수 있죠. 이 글 맨 하단에도 언급되어 있습니다.만약 한글이 출력되도록 UTF-8로 인코딩 설정이 필요한 경우라면 html 코드에 아래에 나오게 될 설정이 필요합니다.! HTML 문서에 UTF-8 인코딩 설정하기한글을 비롯한 언어가 정상적으로 보여지려면 html 문서에 바른 인코딩 설정이 필요합니다. 이 설정이 추가된 경우 브라우저 및 디바이스 환경에서 인코딩을 먼저 인식하여 초기 인코딩 값을 설정 후 보여주게됩니다.
2017-04-09 07:34:03PHP에서 자주 발생하는 문제중 하나가 바로 문자 인코딩에 문제가 발생하여 한글이 깨지는 현상이다. 이런 문제는 매우 자주 발생하면서 어디서 문제가 발생하였는지 해결하기가 쉽지 않다. 아래는 이런 문자 인코딩 문제를 해결하기 위한 방법 중 하나로 SQL상에서 저장된 문자 자체가 깨지는 경우를 해결하기 위한 방법이다. 일단 문자가 깨져서 나타나면 인코딩을 설정하는 다양한 환경에 모든 의심을 가져봐야한다. 가장 기본적으로 브라우저에 전달하는 html의 meta 태그의 charset 값을 확인할 필요가 있고 그 다음으로 PHP 서버언어의 인코딩 설정값 확인이 필요하다. 마지막으로는 SQL 데이터베이스에 생성된 테이블이 올바른 문자인코딩을 가지고 있는지의 여부이다.한글 문자는 기본적으로 UTF-8을 대부분 사용한다. 위 사항들이 모두 UTF-8 또는 설정한 인코딩값이 정상적으로 설정되었음에도 불구하고 문제가 발생할 경우... 그리고 SQL에 저장된 값이 깨져있는 경우 우선 다음의 명령어를
2016-06-23 11:04:46HTML을 사용하여 맨 처음 문서를 작성할 때 하는 몇 가지 중 가장 먼저 문자 인코딩(언어셋) 선언이 필요합니다. 아래는 html에서 문자 인코딩(Encoding)은 무엇이고 어떻게 선언하며 사용하는지 정리한 내용입니다.# HTML 웹페이지 문서에 문자 인코딩 설정하기웹페이지를 생성한 소스를 들여보보면 가장 먼저 <head> 그리고 <body> 태그를 볼 수 있습니다. <body>태그 바로 위에 <head> 태그가 위치하는데 문자 인코딩 설정은 바로 <head> 내부의 <meta> 태그 안에 작성하게됩니다. 여기서 <meta>는 여기에는 작성한 또는 작성 할 웹페이지의 여러 메타 정보를 담고 있게됩니다. 이들 정보들은 웹브라우저에 다양한 정보를 전달하는데 현재 웹사이트 방문자(사용자)에게 보여지게 될 내용에도 영향을 주게 되죠. 그럼 메타 태그의 인코딩이 필요한 이유는 무엇일까요? 그리고 왜 인코딩 선언이 필요할까요.! 인코딩 방식의 선언하는 이유는?브라우저에 현재 페이지의 인코
2015-12-16 23:18:30클라이언트와 서버, 서버와 데이터베이스 사이를 연결하면서 자주 나타나는 문제중 하나가 바로 인코딩 문제입니다. 오늘 알아볼 내용은 바로 PHP 서버에서 데이터베이스에 내용을 저장할때 문자가 깨지는 경우 이를 해결하는 방법을 알아봅니다.# PHP 서버, 데이터베이스 사이에 문자 깨짐 현상 해결하기먼저 어디에 문제가 나타나는지 알아야합니다. 이를 확인하기 위해서 인코딩 문제가 발생했다면 발생가능한 위치는 아래와 같이 세 곳을 의심할 수 있습니다.1. 방문자(클라이언트)에서 보내는 데이터 인코딩 문제2. PHP등의 서버언어에서 발생하는 문제3. 서버에서 데이터베이스로 보낼때 발생하는 문제1번과 2번 모두 UTF-8과 같이 한글 인코딩 설정에 문제가 없더라 하더라도 서버에서 db로 텍스트를 전송할 때 db 인코딩 값에 문제가 있을 수 있습니다. 이 때 해결할 수 있는 방법으로 아래 과정을 참고하세요.하나. 먼저 데이터베이스의 인코딩 기본값을 확인한다.; DB를 설정할 경우에 DB에 사용할
2015-10-12 01:50:34반나절을 헤메다가 100%는 아니지만 어느 정도 해결된 인코딩 문제의 해결 과정에 대하여 이야기하려 합니다. 인코딩 문제는 웹사이트 구축시 매우 자주 발생하는 이슈중 하나죠. 해결도 비교적 간단하지 않습니다.! 문제 발생JSON 타입의 파일을 자바스크립트(jQuery)를 사용해 AJAX로 불러온 후 화면에 출력하려고 코딩 하던 중 뜻하지 않은 오류가 발생했습니다. 이상하게도 불러올 값 중에서 제목은 아무런 문제가 발생하지 않았으나 본문을 불러올때 AJAX 기능에 문제가 생기더군요...!! 증상일단 본문 인코딩 때문이라 생각하고 태그도 없애고 길이도 줄여가고 인용코드인 따옴표등도 삭제하기도 하고... 참 많은 방법을 사용했습니다. 그 결과 일부 문자열 출력시 정상 동작하였으나 원하는 텍스트 전체를 불러올 경우 계속적으로 에러가 발생하였습니다.!!! 해결 방법우선 구글링을 통해 인코딩시 나타나는 해결방법이 무엇인지 찾아보았습니다. 참 많은 글들이 있더군요...i. iconv() 함수로
2015-02-25 16:38:18PHP언어에서 한글 사용시 EUC-KR로 설정된 경우가 많습니다. 이런 경우 UTF-8 또는 다른 인코딩의 차이로 어려움을 겪을 수 있죠. 아래는 인코딩을 변환하는 방법에 대하여 알아봅니다.# PHP에서 인코딩 변환하기, iconv()문자 인코딩이 필요한 경우는 주로 UTF-8로 변경해야하는 경우가 다수입니다. 문자를 검색하는 경우에도 한글은 캐릭터당 2byte이기 때문에 찾거나 변경시 iconv()를 사용해 인코딩 변경한 후 실행하면 발생가능한 인코딩 에러에서 벗어날 수 있습니다. 그럼 아래 예제를 보세요. ! UTF-8에서 EUC-KR로 변경하는 방법아래는 utf-8을 euc-kr로 변경하는 방법입니다.<?php $test2 = iconv("UTF-8", "EUC-KR", $test);?>! EUC-KR에서 UTF-8로 변경하는 방법반대로 euc-kr에서 utf-8로 변경할 수 있습니다.<?php $test2 = iconv("EUC-KR", "UTF-8", $test);?>만
2014-11-08 20:34:59오늘은 자바스크립트의 인코딩 함수에 관하여 얘기해볼까 합니다.! 인코딩(Encoding)이란? 인코딩은 텍스트를 전송하기 위해 변환하며 문자를 ASCII 문자로 바꾸어 주는 것(아스크문자로 변환)을 말합니다. 변환하는 이유는 문자 타입이 서로 다르다면 수신받는 곳에서 잘못 해석될 수도 있으니 공통된 문자로 바꾸어 줄 필요가 있겠죠? 그래서 인코딩 후 전송하게 됩니다.자바스크립트는 인코딩 함수로 아래의 세 가지가 있습니다.1. escape();2. encodeURI();3. encodeURIComponent;! 인코딩 함수 상세보기아래서 부터는 각각의 함수의 기능 및 특징입니다.1. escape()특수문자를 인코딩하되 흔히 사용되는 문자와, 숫자, 일부 특수 문자( *, @, -, _, +, ., /)는 제외하여 유니코드 형태로 인코딩을 수행합니다.* 숫자를 넣으면 문자타입으로 변환되어 반환됨. Ex)... escape(123) -> "123" * 축소된 함수(Deprecated)로서
2014-07-18 22:31:19
