모바일 Safari에서 input text 클릭 시 자동 Zoom 현상 해결

IntroiOS Safari에서 텍스트 입력 필드(input text)에 텍스트를 입력하려고 클릭하니, 화면이 강제로 확대(zoom)되는 현상이 있었다.Safari에서 이런 zoom 현상은 기본적으로 font-size가 16px 미만인 input 필드에서 발생한다고 한다. 작은 텍스트 필드를 강조해 사용성을 높이기 위해 확대를 적용한다는 의도지만 개발자에게는 골칫거리가 된다.UI가 깨지거나 모달창이 비정상적으로 작동하게 만들어서 디자인과 사용자 경험을 크게 해칠 수 있다.본 글에서는 이 문제를 해결하기 위해 사용한 한 가지 사례를 소개한다.문제 상황검색창에 텍스트를 입력하면 모바일 Safari에서 화면이 확대되면서 UI가 깨지는 문제보편적으로 아래의 두가지 방법에 제시된다.input font-size 1..

Development/HTML ⁄ CSS 2025.01.16
네이버 Clova를 이용한 OCR

Intro네이버 Clova OCR은 이미지를 분석해 텍스트를 추출하는 도구다. 영수증, 명함, 문서 스캔 등 다양한 케이스에 활용할 수 있다. 특히 네이버가 제공하는 OCR API는 한국어 문서 처리에 최적화되어 있어, 다른 OCR 서비스보다 높은 정확도를 제공한다. Tesseract 를 활용한 인식에서 정확도가 떨어지는 문제가 있어서 비교를 위해 시도해보았다.이번 포스팅에서는 네이버 Clova OCR을 설정하고 사용하는 방법을 단계별로 정리해 보겠다.Clova OCR 시작하기1. 네이버 Clova OCR API 신청먼저, 네이버 Clova OCR API를 사용하려면 네이버 클라우드 플랫폼(NCP) 계정이 필요하다.NCP 회원가입 및 로그인 네이버 클라우드 플랫폼(https://www.ncloud.com..

Development/Develop Tools 2024.11.27
Git Submodule 최신 커밋으로 업데이트

IntroGit submodule은 프로젝트 안에 다른 Git 저장소를 포함할 때 유용하게 쓰인다. 하지만 서브모듈은 특정 커밋에 고정되기 때문에 메인 저장소를 업데이트해도 서브모듈이 자동으로 최신 상태로 업데이트 되지 않는다. 아래의 경우에 속한다면 불편함을 겪고 있었을 거라 생각한다.프로젝트에 외부 라이브러리나 모듈이 포함된 경우서브모듈이 자주 업데이트되는 상황에서 최신 상태를 유지하고 싶을 때여러 서브모듈이 있어 일일이 들어가서 업데이트하기 번거로울 때서브모듈을 최신 커밋으로 업데이트할 때, 하나씩 디렉터리에 들어가서 업데이트하지 않고, 명령어 하나로 깔끔하게 처리하는 방법을 알아보자.서브모듈 업데이트1. 서브모듈 초기화 및 업데이트우선, 서브모듈이 아직 초기화되지 않았다면 초기화부터 해주자.git..

Development/Git 2024.11.25
macOS와 Linux에서 `sed -i` 옵션 동작 차이

Introsed의 -i 옵션은 파일을 직접 수정(in-place)하는 기능을 제공한다. 하지만 GNU sed(주로 Linux에서 사용)와 BSD sed(macOS에서 사용) 간의 구현 방식 차이로 인해 같은 명령어라도 다른 결과를 초래할 수 있다. 그 차이는 다음과 같다:GNU sed: -i 뒤에 백업 확장자를 생략하면 원본 파일을 수정하며, 백업 파일을 생성하지 않는다.BSD sed: -i 뒤에 백업 확장자를 반드시 명시해야 한다. 백업을 원치 않으면 빈 문자열('')을 사용해야 한다.예제 비교sed -i 's/hello/bye/g' example.txtGNU sed: 파일을 백업 없이 수정.BSD sed: 's/hello/bye/g'을 백업 확장자로 해석하려다 에러 발생(invalid command ..

Development/Develop Tools 2024.11.24
LibreOffice Calc셀 병합 단축키 설정

IntroLibreOffice Calc를 사용하다 보면 셀을 병합해야 하는 상황이 자주 있다. 하지만 기본적으로 셀 병합 기능에 대한 단축키가 설정되어 있지 않아 매번 메뉴를 찾아 들어가거나 마우스로 클릭해야 하는 불편함이 있다. 문서작업할 때 하나하나 병합하다보면 화가나기도 한다.생산성을 높이기 위해 단축키를 설정해두면 아주 편리하다. 이번 글에서는 LibreOffice에서 셀 병합 기능을 단축키로 설정하는 방법을 알아본다.단축키 설정먼저 LibreOffice Calc를 실행한 다음, 상단 메뉴에서 Tools를 클릭한다. 드롭다운 메뉴에서 Customize를 선택한다.Customize를 선택하면 아래와 같은 창이 나타난다. 여기서 Keyboard 탭을 선택한다.이제 Keyboard 탭에서 단축키 설정하..

Development/Develop Tools 2024.11.23