본문 바로가기

전체 글

(18)
RAG 전처리, 깨끗함이 아니라 무엇이 남나 RAG에 넣을 문서를 손볼 때, 체크리스트에 '문서 정제' 한 줄만 적는 팀이 많다. 켜면 잡음이 빠진다고 본다. 함수마다 지우는 게 다르다. 어떤 스위치는 한글을 지워서 본문이 비고, 어떤 스위치는 규정 조항 1.1을 불릿으로 잘라 검색이 안 된다. 그때서야 청소가 아니라, 무엇을 남길지 고르는 일이었다는 걸 안다.나는 AI MSP에서 기업 AI 전환을 기획한다. 보안 문서를 상용 LLM에 올리지 않고 내부에서 꺼내야 하는 경우가 많다. 파서 전과 파서 후를 나눠 정리한 내용이다. 고객사 이름은 적지 않는다.파서는 PDF에서 글자와 표를 꺼낸다. Unstructured clean과 LlamaIndex 문자 함수는 보통 파티션·로드 다음 텍스트에 돈다. 바이트 검사, 빈 파일, ACL 메타, 나갈 원문의..
온톨로지(Ontology) 최근 생성형 AI의 확산과 함께 ‘온톨로지(Ontology)’라는 단어가 다시 회자되고 있다.하지만 많은 사람이 이 개념을 “그래프DB랑 비슷한 거 아닌가?” 정도로만 이해한다.실제로 둘은 밀접하게 연결되어 있지만, 역할은 명확히 다르다.이번 글에서는 Ontology → Graph DB → Reasoning Engine의 실제 연결 구조를 통해,AI가 세상을 ‘이해’하는 방식의 근본을 짚어보려 한다. 1. 온톨로지란 무엇인가? — 데이터의 “의미를 정의하는 설계도”온톨로지는 “데이터가 세상을 어떻게 이해해야 하는지”를 정의하는 규칙 체계다.즉, 데이터를 ‘값’으로 저장하는 것이 아니라,그 값들이 서로 어떤 관계를 갖는지(관계, 규칙, 제약) 를 설계한다.예를 들어, 단순 데이터베이스는 아래와 같이 “사실..
웹표준 - Web Content Accessibility Guidelines (WCAG) Web Content Accessibility Guidelines - WCAGhttp://www.kwacc.or.kr/WAI/wcag21/#parsing WCAG 2.1 Korean Translation Version접근성 지침 실무그룹(Accessibility Guidelines Working Group: AG WG) 참여에 대한 추가 정보는 실무그룹 홈 페이지에서 찾을 수 있다. A.2 다른 이전에 적극적인 WCAG WG 참가자와 WCAG 2.0, WCAG 2.1 또는 지원 자www.kwacc.or.kr웹이라는 환경에 맞춰 인터페이스 디자인을 하는 직업군이면 해당 웹에 대한 학습을 진행하게 됩니다.IOS, AOS 등 각 플랫폼에서 제공하고 있는 디자인 가이드는 해당 플랫폼을 이해하고 학습하는데 꽤나 ..
UX/UI의 10가지 심리학 법칙 [책 정보] UX/UI의 10가지 심리학 법칙 사용자의 마음을 읽는 인간 중심 제품과 서비스 디자인 존야블론스키 지음 / 이미령 옮김 [작가 소개] 미국 디트로이트를 기반으로 다양한 영역에서 활동하는 디자이너이자 연사, 작가, 디지털 크리에이터다. 사용자 경험 디자인과 프론트엔드 웹 개발의 교차 지점에 대해 강한 열정을 지니고 있으며, 디지털 문제 해결에 간혹 이 두 분야를 결합한 하이브리드 방식으로도 접근한다. 여정 지도나 프로토타입을 만들지 않을 때는 Laws of UX, Humane by Design, Web Field Manual 같은 유용한 자료를 만든다. 현재는 제너럴 모터스에서 시니어 제품 디자이너로 차량 내부 인터랙티브 경험을 디자인하고 있다. [책 소개] UX/UI의 10가지 심리학 법칙..
디자이너가 포토샵을 어떻게 사용할까? 포토샵은 디자이너에게 필수적으로 알고 사용해야 할 필수적인 tool 중 하나입니다.그만큼 활용도가 넓고 활용 빈도가 크기 때문입니다. 왠만한 작업은 포토샵으로 다 할 정도니까요.하지만 그렇다고 포토샵이 만능은 아닙니다. 작업에 따라 알맞은 tool을 사용하는 것은 디자이너의 작업 시간을 줄여주고다른 추가 작업을 하거나 ideation, concept에 대한 고민을 더 할 수 있는 시간을 확보해 줍니다.그래서 한 번 포토샵을 어떻게 활용하고 있고 어떻게 활용해야 할지 간단하게 생각해 보려고 합니다. (물론 이것은 제가 사용하고 있고 생각하는 것을 적는 것이니 참고만 하시면 좋을 것 같네요.^^) 우선 포토샵은 어떤 목적으로 개발되었을까요?이름에서도 알다시피 포토샵은 사진(photo)을 편집하기 위해 개..
웹 디자인 그리드 시스템(Grid System) 디자인을 할 때 고민해하는 것 중 그리드 시스템에 대해 한참을 빠져서 고민한 적이 있다. '과연 그리드 시스템은 무엇이지?', '그리드 시스템을 꼭 사용해야 하는건가?' 그것에 대한 답을 찾기 위해 많은 고민을 했고 지금은 나 스스로는 확실한 답을 내린 상태이다. 결론부터 말한다면 그리드 시스템이 없어도 최종 디자인 산출물을 만드는 결과에는 영향이 있지는 않다. 하지만 내 디자인의 퀄리티를 높이고 안정적인 디자인을 하는데는 꼭 필요한 요소라고 생각한다. 그리드 시스템은 무엇일까? 그리드 시스템(Grid System)이란 정보 구조와 배열을 체계적으로 작성하여 정보의 질서를 부여하는 시스템이다. 정보의 질서를 부여하게 되면 정보가 일관성을 갖고 정리되어 보이게 된다. 그러므로 좀 더 체계적인 정보 전달이 ..
디자이너가 파이썬 시작하기 - 설치 디자이너가 왜 파이썬을 배울까?저는 디자이너이지만 파이썬을 배울 생각을 하게 되었습니다.물론 저는 단순히 그림을 그리는 디자이너가 아니라 서비스를 만드는 디자이너입니다.서비스를 고민하고 만들어가는 과정에서 겪는 문제 해결 방안에서 파이썬이 필요하다고 생각했습니다. 우리는 어떤 문제점을 통해 더 나은 서비스를 만들 계획을 수립합니다.그러기 위해서 문제점을 인식하고 분석하는 과정이 뒤따르게 됩니다.여기서 더 정확하게 문제를 인식하고 분석을 하게 된다면 좀 더 사용자를 위한 서비스를 만들 수 있게 됩니다.그래서 필요한게 바로 DATA(데이터) 입니다.고객이 우리 서비스를 이용하는 족적의 Data는 우리가 문제 인식을 하고, 분석하는 아주 기본적인 자료입니다.이를 위해서 파이썬이라는 도구를 학습하기로 생각을 하..
디자이너가 쓰기 좋은 크롬(Chrome) 플러그인 웹 브라우저 시장에는 큰 변화가 있었다. 단연 IE 몰락과 크롬의 대두이다. 현재 주변 지인을 보거나 브라우저 시장 점유율만 찾아봐도 쉽게 변화를 확인할 수 있다. 첨부한 표를 보면 더욱 공감할 것이다. 특히나 크롬을 웹서핑 목적 외 디자이너와 개발자는 개발자 도구와 각종 플러그인을 이용하는 경우도 많을 것이다. 나 역시 크롬을 이용하면서 개발자 도구와 다양한 플러그인을 잘 사용하고 있다. 그래서 디자이너로 내가 사용하고 있는 플러그인은 어떤 것이 있는지 소개하고자 한다. 만약 모르고 있다면 한 번 사용해 보고 계속 사용해야 할지 판단해 보는 것도 좋을 것 같다. 우선 첫번째로 소개할 플러그인은 'CSS Peeper' 이다. CSS Peeper는 빠르게 웹사이트의 Text, Elements의 속성을 확인..
디자이너가 HTML&CSS를 배워야 하나? HTML? CSS? HTML과 CSS는 웹브라우저에 그려지는 화면을 표현해하는 가장 기본적인 언어입니다. HTML과 CSS의 뜻을 정확히 알지는 못해도 HTML, CSS에 대해서는 한 번쯤 다 들어봤을 것 입니다. ※ HTML, CSS는 무엇일까요? HTML(Hyper Text Markup Language)은 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어입니다. CSS(Cascading Style Sheets)는 HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 언어입니다. 이렇게 HTML과 CSS는 웹브라우저에서 보여지는 페이지를 디자인 한 것을 보여지게 하는 언어입니다. 그렇다면 자신이 웹페이지를 디자인하는 직업을 가진 사람이라면 이런 생각을 해보셨을 겁니다. '나..
디자인 시 알아야 할 단위(px, dp, sp, pt) PX, DP, SP, PT ? 웹/앱 디자인을 할 때 기본적으로 알아야 항목이 있습니다. 그 중 디자인 시 알아야 할 단위에 대해서 생각해 보려고 합니다. 디자이너가 UI 작업을 진행할 때 Photoshop, Sketch, Figma 등의 프로그램을 이용합니다. (당연히 그외 다양한 프로그램이 존재합니다.) 이때 사용하게되는 단위는 픽셀(Pixel) 입니다. 흔히 줄여서 px 로 사용합니다. 1. 픽셀이란? 간단하게 우리가 보는 화면이나 이미지를 이루는 최소 단위입니다. 만약 우리가 가로, 세로 100px의 사각형을 그린다고 하면 어느 디바이스나 화면에서 동일한 크기로 보여집니다. 이는 픽셀은 절대값이기 때문입니다. 하지만 dp, pt 등의 단위는 물리적 크기는 다르게 됩니다. ※ 픽셀과 함께 자주 보이..