# Show GN: OneLLM: Samsung OneUI 스타일의 AI 채팅 애플리케이션 > Clean Markdown view of GeekNews topic #19249. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=19249](https://news.hada.io/topic?id=19249) - GeekNews Markdown: [https://news.hada.io/topic/19249.md](https://news.hada.io/topic/19249.md) - Type: show - Author: [sdr0311](https://news.hada.io/@sdr0311) - Published: 2025-02-16T08:37:28+09:00 - Updated: 2025-02-16T08:37:28+09:00 - Original source: [onellm.sideros.kr](https://onellm.sideros.kr) - Points: 7 - Comments: 15 ## Summary OneLLM은 Samsung OneUI 스타일을 모방한 AI 채팅 애플리케이션으로, Groq를 활용하여 빠르고 정확한 AI 응답을 제공합니다. 이 앱은 직관적이고 깔끔한 사용자 인터페이스와 다크 모드를 지원하며, 로그인 없이 채팅 히스토리 저장 및 검색 기능을 제공합니다. 다양한 AI 모델 선택과 개인화 설정이 가능하며, 모바일 친화적인 반응형 디자인을 특징으로 합니다. ## Topic Body #### 프로젝트 소개 OneLLM은 Samsung OneUI를 모방한 AI 채팅 애플리케이션입니다. Groq를 활용하여 빠르고 정확한 AI 응답을 제공하며, OneUI와 같은 느낌의 인터페이스로 자연스러운 네이티브앱 같은 경험을 불러옵니다. #### 주요 기능 1. **OneUI 디자인 시스템** - Samsung OneUI의 Material Icon과 디자인 요소 적용 - SamsungOne 폰트 적용 - 직관적이고 깔끔한 사용자 인터페이스 - 다크 모드 지원 2. **고급 채팅 기능** - 로그인 불필요 - 채팅 히스토리 저장 및 관리 - 대화 내용 검색 기능 3. **커스터마이징 옵션** - 다양한 AI 모델 선택 가능 - Deepseek 증류 Qwen | LLama 기반 모델 지원 - 글자 크기 조절 - 설정 메뉴를 통한 개인화 #### 기술 스택 - React.js - CSS3 - Node.js #### 특징 - 모바일 친화적인 반응형 디자인 ( PWA ) - 로컬 스토리지를 활용한 대화 내용 저장 - 메시지 타임스탬프 표시 이 프로젝트는 Samsung OneUI의 디자인 요소와 아이콘 시스템, 색상 시스템, 로그아웃, 인터랙션까지 갤럭시 기종에서 네이티브 앱인것처럼 만들고자 구현한 PWA입니다. 데스크탑보단 모바일 UX에 초점을 두었기 때문에 폰에서 사용해보시는걸 추천드립니다 ## Comments ### Comment 34804 - Author: yeorinhieut - Created: 2025-02-19T12:07:53+09:00 - Points: 2 프론트엔드에서 groq api에 직접 apikey를 담아서 보내는데 괜찮을까요? 데모긴 해도 apikey 노출이라 알려드립니다. ### Comment 34828 - Author: sdr0311 - Created: 2025-02-19T17:58:30+09:00 - Points: 1 - Parent comment: 34804 - Depth: 1 좋은 의견 감사합니다! 원래도 백엔드 프록시 서버로 요청을 처리하도록할 계획이 있었으나 Groq API는 개인적 이용에선 과금이 되지않기 때문에 API키가 노출된다해서 생기는 불이익이 거의 없다고 보시면 됩니다 그렇기에 프론트엔드에서 직접적으로 키를 전달하는 구조로 제작하게 되었고 추후 azure나 OpenAI의 API키를 담아서 쓸수있는 버전을 제작하게되면 백엔드 프록시 과정을 추가할것으로 보입니다 ### Comment 34763 - Author: sdr0311 - Created: 2025-02-18T17:39:18+09:00 - Points: 1 OneLLM 의 소스코드를 깃허브에 공개했습니다! 궁금한 분들은 이 링크로 들어가시면 됩니다 https://github.com/sioaeko/OneLLM ### Comment 34652 - Author: brainer - Created: 2025-02-16T20:26:27+09:00 - Points: 1 업데이트 안 된지 한참 되긴 했는데 이런것도 있어요 https://github.com/SamsungInternet/OneUI-Web ### Comment 34655 - Author: sdr0311 - Created: 2025-02-16T20:40:38+09:00 - Points: 1 - Parent comment: 34652 - Depth: 1 좋은 의견 감사합니다! OneUI 2 시절 UX 요소들까지만 반영된것같습니다 OneLLM 은 OneUI 6 느낌을 최대한 구현하고자 만든거라 저 시절 요소들과 차이가 있어보이지만 시간날때 한번 테스트해봐야겠네요 ### Comment 34648 - Author: mokaa - Created: 2025-02-16T19:21:15+09:00 - Points: 1 height값을 100dvh로 변경하면 모바일 레이아웃에 더 잘 들어맞지 않을까 의견드립니다 ### Comment 34650 - Author: sdr0311 - Created: 2025-02-16T19:48:16+09:00 - Points: 1 - Parent comment: 34648 - Depth: 1 좋은 의견 감사합니다. css에 반영하여 적용하였습니다 ### Comment 34630 - Author: ned0909 - Created: 2025-02-16T09:56:42+09:00 - Points: 1 해외 접속 안 됩니다 ### Comment 34632 - Author: sdr0311 - Created: 2025-02-16T10:09:18+09:00 - Points: 1 - Parent comment: 34630 - Depth: 1 현재 일본,대한민국,미국에 대한 접근을 풀어놨습니다 Cloudflare의 WAF 방화벽으로 일부 외국 국가에 대한 접근을 막아놨었습니다. 혹시나 이외에 국가에서 접근하시고자한다면 말씀해주시면 풀어드리겠습니다 ### Comment 34658 - Author: faceradix - Created: 2025-02-17T07:04:36+09:00 - Points: 1 - Parent comment: 34632 - Depth: 2 터키(튀르키예) 부탁드려요. 터키 교민이라서요 ### Comment 34715 - Author: sdr0311 - Created: 2025-02-17T18:40:24+09:00 - Points: 1 - Parent comment: 34658 - Depth: 3 방화벽 예외에 터키 추가되었습니다 ### Comment 34633 - Author: ned0909 - Created: 2025-02-16T10:10:45+09:00 - Points: 1 - Parent comment: 34632 - Depth: 2 미국이었는데 잘 됩니다! ### Comment 34620 - Author: hoonix - Created: 2025-02-16T09:03:53+09:00 - Points: 1 해외는 접속이 불가하고, 국내에서는 502 Bad Gateway입니다. ### Comment 34621 - Author: sdr0311 - Created: 2025-02-16T09:05:10+09:00 - Points: 1 - Parent comment: 34620 - Depth: 1 현재 변경사항 수정떄문에 프로젝트를 잠시 껐습니다! 변경사항 적용후 다시 켜드리겠습니다 ### Comment 34622 - Author: sdr0311 - Created: 2025-02-16T09:06:39+09:00 - Points: 1 - Parent comment: 34621 - Depth: 2 현재는 온라인 상태로 전환되었습니다