네이트 이메일 백그라운드 이미지 처리 방법 (차선책)

지메일, 네이버, 다음 메일은 background:url() 인라인 스타일 속성이 적용됩니다. 하지만 네이트 메일은 어떤 방식으로도 백그라운드 이미지가 적용되지 않았습니다. 이메일 서비스 제공업체에서 필터링하는 규칙이 가지각색이라 최대한 보수적(?) 코딩하는 것이 두번 세번 손을 들이지 않는 방법이 될 수 있습니다. 제목에도 나와있듯 이 방법은 해결방법은 아닙니다.  메일 템플릿에 실사 이미지를 백그라운드 이미지로 처리했다면 이미지로 삽입하고 단색 배경의 무늬와Continue reading “네이트 이메일 백그라운드 이미지 처리 방법 (차선책)”

[MySQL] 레코드 대소문자 구분해서 데이터 조회하는 방법

게시판 DB 데이터의 첨부파일 확장자가 대문자인 레코드 내용을 소문자로 변경해야하는 작업이 있었습니다. 대문자로 된 확장자를 가진 레코드를 조회해야하는데 대소문자를 구분하지 않고 결과를 보여줍니다. 대문자 문자열을 조건으로 조회를 하려면 binary 함수를 사용하면 되더군요.

이렇게 컬럼명을 binary 함수로 감싸준 뒤 조건절에 대문자를 넣어주면 대문자로.. 소문자를 넣어주면 소문자로 조회 결과를 보여줍니다. 즉, 문자열의 바이너리로 비교하여 대소문자를 명확하게Continue reading “[MySQL] 레코드 대소문자 구분해서 데이터 조회하는 방법”

[네이버 스마트에디터 2] 텍스트박스, 에디터 간 내용 업데이트 방법 정리

SmartEditor 2 버전 기준의 포스트 내용 입니다. 스마트 에디터를 웹사이트에 붙이게 되면 고려할 사항이 몇 가지 있습니다. 작성 단에서는 문제 될 것이 없지만 수정 페이지에서 텍스트를 불러오는 부분에서 추가로 처리해줘야 하는 부분이 있습니다.   – 에디터 내용을 텍스트박스에 업데이트 (UPDATE_CONTENTS_FIELD)

작성 폼을 저장(submit)하기 앞서 해줘야할 처리 과정입니다. 에디터에 작성된 내용을 실제 서버에 전달될 텍스트박스에Continue reading “[네이버 스마트에디터 2] 텍스트박스, 에디터 간 내용 업데이트 방법 정리”

[Git] Commit(변경)된 내용을 파일로 추출하는 방법

로컬 Git 저장소에 커밋된 변경 파일들만 뽑아 추출하는 방법을 정리합니다.   2개의 커밋 ID 사이에서 변경된 내역들만 파일로 추출

  마지막 Commit 내역을 파일로 추출

  * 대괄호 [, ]는 구분을 위해 넣은 것으로 입력할 필요 없습니다.

[HTML] 모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기

모바일 기기에서 웹페이지를 이용할 때 input text라던가 password 같은 입력 필드를 터치하면 화면이 일정 배율로 확대되는 효과가 나타납니다. 이 확대되는 효과를 없애고 포커스만 가도록 하는 방법은 viewport 메타 태그에 있습니다. 방법은 아주 단순한데 viewport 메타 태그에 user-scalable=no 속성을 추가해주시면 됩니다. 이 내용으로 끝나면 허전하니 추가로 제가 모바일 웹을 구현할때 고정적으로 사용하는 viewport 속성을 공유해드립니다. 특별한 요구사항이Continue reading “[HTML] 모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기”

[CSS] position:absolute 인 요소를 중앙 정렬하는 방법

position:absolute로 절대 좌표 값으로 위치를 지정했을때 중앙 정렬하는 방법은 아래와 같습니다.

설명하자면.. 화면의 전체 가로 수치에서 절반 만큼의 위치로 이동 시킵니다. (left:50%) 자신의 가로 수치의 절반 만큼 마이너스 이동 시킵니다. (transform:translateX(-50%))

[CSS] n의 배수에 해당하는 순서를 지정할 수 있는 셀렉터

자주 사용하는 CSS 셀렉터인데 표기법이 다소 생소해서 포스팅합니다. 한 줄로 어떻게 설명해야할지 몰라 포스팅 제목만 봐서는 이해가 잘 가지 않을 수 있습니다. 설명하자면 예를 들어 다수의 리스트 태그(li)를 이용해서 박스 형태의 타일 배열로 화면에 보여준다고 가정하겠습니다. 가로는 4개(한 줄에 4개)까지 표시되고 세로 줄 수는 리스트 개수에 따라 유동적이라고 보았을때 4번째 리스트 요소에만 margin-right:0px; 을 적용하고 싶습니다.Continue reading “[CSS] n의 배수에 해당하는 순서를 지정할 수 있는 셀렉터”

[Instagram] 외부 이미지 인스타그램 피드 업로드 API

최근 페이스북의 외부 페이지 공유기능처럼 인스타그램에서도 외부 이미지를 공유할 방법을 알아봤습니다. 처음 구글링에 나오는 내용은 “인스타그램의 정책으로 인해 외부 이미지 API는 제공되지 않는다.” 였습니다. 어떤 정책을 말하는가 찾아보니 저품질 이미지가 무분별하게 업로드 될 수 있는 이슈로 제한을 한 것이었습니다. 실제 이런 이유로 PC로 이미지를 올리지 못합니다. 하지만 방법은 있었는데 각 인증과 업로드에 대한 URL을 CURL로Continue reading “[Instagram] 외부 이미지 인스타그램 피드 업로드 API”

[Linux] 계정을 이용해 ftp 접속을 하기 위한 vsftpd 설정

서버 내 생성된 계정으로 ftp를 접속하도록 설정하는 방법을 소개합니다. 이 방법은 AWS의 EC2 에서도  가능합니다. vsftpd.conf 파일을 편집기로 엽니다. (예제는 vi 에디터)

아래와 같이 설정합니다.

  참고 내용 vsftpd가 설치되어 있지 않다면? 아래 방법으로 설치합니다.

vsftpd 설치 후 chkconfig 등록

AWS의 EC2 인스턴스를 사용중이라면? => Security Group에서 20-21, 1024-1048 인바운드 포트 대역을Continue reading “[Linux] 계정을 이용해 ftp 접속을 하기 위한 vsftpd 설정”