모바일 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
LLAMA3 로컬 설치 실행 및 테스트

IntroLLM 모델 하면 ChatGPT를 떠올리는 사람들이 많지만, 오픈소스 AI 모델들도 꾸준히 발전하고 있다. LLAMA3는 Meta에서 개발한 대규모 언어 모델로, 오픈소스 모델 중에서도 상당히 주목받고 있다. 이를 로컬 환경에서 실행할 수 있게 도와주는 도구가 Ollama다. Ollama는 간단한 명령어로 LLAMA3 같은 모델을 다운로드하고 실행할 수 있게 해주는 도구로, REST API까지 제공해서 확장성도 꽤 뛰어나다. 이번 글에서는 LLAMA3를 설치하고 실행해 본 경험을 바탕으로 이 모델의 장단점과 활용 가능성을 리뷰해 보려고 한다.설치 및 실행설치리눅스 및 macOS 환경에서는 명령어 한줄로 실행 가능하다.그 외의 환경(Windows)는 아래의 링크를 참고해서 설치한다.https://..

Data/LLM 2025.01.07
개발자와 CHATGPT

Intro소프트웨어 개발에서 가장 큰 비용은 무엇일까?사무실 임대료, 클라우드 서버 비용, 전기요금, 노트북 등 장비 구매비용, 직원들의 식비까지—이 모든 항목이 소프트웨어 개발을 구성하는 요소들이지만 그 중에서도 단연코 가장 큰 비중을 차지하는 건 인건비다. 인건비 앞에서는 다른 비용들은 그저 껌값일 뿐이다.인건비는 단순히 직원들이 받는 월급뿐만 아니라, 4대 보험 회사 부담분, 퇴직금, 연차수당, 교육비, 단체보험료, 채용비, 인사관리비용과 같은 다양한 항목으로 구성되어 있으며, 이러한 비용들은 조직에 상당한 부담을 준다.이처럼 소프트웨어 개발의 핵심 비용 구조가 인력에 집중되어 있다 보니, 최근의 대규모 언어 모델(LLM)과 같은 혁신적인 기술이 큰 주목을 받고 있다. LLM은 단순한 비정형 데이터..

Development/DevLife 2024.12.29
네이버 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
Spring 6의 HTTP Interface

IntroSpring Framework 6.1 에서 새롭게 등장한 HTTP Interface는 외부 API를 호출하고 데이터를 처리하는 과정을 아주 단순하게 해준다.기존에도 RestTemplate, WebClient 등의 강력한 도구들이 있었지만, Feign Client 에서 영감을 받은 선언적 인터페이스 방식의 HTTP Interface는 간결한 코드로 손쉽게 사용할 수 있다.이번 글에서는 스프링에서 외부 API 호출을 어떻게 진화시켜왔는지 살펴보고, 마지막으로 HTTP Interface를 활용해 간단히 외부 API 요청을 처리하는 방법을 알아본다. 실습에 앞서 스프링부트 프로젝트를 생성해주자.스프링부트 버전은 꼭 3.1+ 해줘야 Http Interface를 사용할 수 있다. Dependencies에 ..

Programming/JPA ⁄ Spring 2024.11.26