import { useState } from "react"; const thoughts = [ { id: 1, emoji: "🤖", tag: "AI 플랫폼", tagColor: "#2563eb", tagBg: "#eff6ff", title: "Namo SiteBuilder 이야기", subtitle: "홈페이지는 이제 에이전트다", summary: "정적인 홈페이지의 시대는 끝났다. 학습하고, 대화하고, 스스로 일하는 디지털 직원으로 바꾸는 AI 플랫폼.", createdAt: new Date("2026-04-05T09:31:41.113Z"), content: { intro: "정적인 홈페이지의 시대는 끝났다. 학습하고, 대화하고, 스스로 일하는 디지털 직원으로 바꾸는 AI 플랫폼.", evolution: [ { phase: "과거", desc1: "정적 텍스트·메뉴", desc2: "사용자가 직접 탐색", desc3: "이메일·전화 문의" }, { phase: "현재", desc1: "실시간 대화", desc2: "즉시 정보 제공", desc3: "반복 문의 자동 처리" }, { phase: "앞으로", desc1: "스스로 학습·판단·실행", desc2: "업무를 대신 수행", desc3: "내부 시스템 연동 자동화" }, ], abilities: [ { icon: "📖", name: "Learn", desc: "문서·FAQ·제품 정보 자동 학습, 추가할수록 더 똑똑해짐" }, { icon: "💬", name: "Talk", desc: "방문자 질문에 즉시 응답, 브랜드 톤 맞춤 대화" }, { icon: "⚡", name: "Act", desc: "문의·예약·신청 자동화, 내부 시스템과 연결된 실제 업무 수행" }, ], features: ["RAG 기반 기업 전용 지식 학습", "브랜드 톤 & 시나리오 제어", "대화 데이터 분석", "API 연동 업무 자동화", "멀티 에이전트 운영"], quote: "단순한 홈페이지 시대는 끝났다. 이제는 학습하고, 대화하고, 스스로 일하는 에이전트형 홈페이지 시대.", }, }, { id: 2, emoji: "🚀", tag: "Dream Platform", tagColor: "#7c3aed", tagBg: "#f5f3ff", title: "지란지교패밀리의 미래", subtitle: "사람의 가능성을 가장 크게 확장시키는 플랫폼", summary: "지란지교패밀리는 소프트웨어를 넘어 사람·문화·꿈이 탄생하는 생태계를 만듭니다. Dream. Challenge. Keep Going.", createdAt: new Date("2026-06-01T02:54:20.365Z"), content: { letterTitle: "지란지교패밀리의 미래", letter: \`지란지교패밀리는 더 이상 단순한 소프트웨어 그룹을 목표로 하지 않습니다. 우리는 AI 시대에 사람의 가능성을 가장 크게 확장시키는 Dream Platform 이 되고자 합니다. 보안도, AI도, 협업도, 일본도, 모두 우리의 목적을 이루기 위한 수단입니다. 우리가 진짜 만들고 싶은 것은 소프트웨어가 아닙니다. 더 많은 도전자, 더 많은 리더, 더 많은 창업가, 그리고 더 많은 꿈이 탄생하는 생태계입니다. 이를 위해 우리는 네 가지를 만들어 갑니다. * 철학 : Dream · Challenge · Keep Going * 사람 : AI 시대를 이끌 새로운 리더 * 인텔리전스 : 지란지교패밀리의 집단지성과 기억 * 지배구조 : 도전과 성장이 계속되는 플랫폼 그리고 우리는 이 꿈을 현실로 만들기 위해 도전합니다. 2030년 * 월 매출 1,000억 원 기업 * 한국과 일본 최고의 보안기업 * AI First 기업으로의 전환 완성 2040년 * 100만 기업 고객이 사용하는 SaaS 플랫폼 * 한국과 일본 최고의 Secure AI Office 기업 * 아시아를 대표하는 Dream Platform 우리가 월 매출 1,000억 원 기업이 되려는 이유는 더 많은 꿈에 투자하기 위해서입니다. 우리가 최고의 보안기업이 되려는 이유는 더 안전한 도전을 만들기 위해서입니다. 우리가 100만 기업 고객을 확보하려는 이유는 더 많은 사람의 가능성을 확장하기 위해서입니다. 그리고 언젠가, 지란지교패밀리가 만든 최고의 작품은 소프트웨어도, 기술도, 회사가 아니었습니다. 사람이었습니다. 문화였습니다. 꿈이었습니다. Dream. Challenge. Keep Going.\`, quote: "Dream. Challenge. Keep Going.", }, }, { id: 3, emoji: "🌐", tag: "나모의 역사", tagColor: "#059669", tagBg: "#ecfdf5", title: "나모사이트빌더, 그리고 홈페이지의 미래", subtitle: "30년의 역사, 그리고 AI 시대의 새로운 정의", summary: "1990년대 나모웹에디터부터 지금까지. 홈페이지는 단순히 존재하는 것이 아니라, 스스로 일하기 시작합니다.", createdAt: new Date("2026-06-01T12:00:00.000Z"), content: { letterTitle: "나모사이트빌더, 그리고 홈페이지의 미래", letter: \`1990년대 후반, 나모웹에디터는 많은 사람들이 처음으로 홈페이지를 만들 수 있게 해준 도구였습니다. 전문 개발자가 아니어도 자신의 생각과 회사, 서비스를 인터넷에 표현할 수 있었습니다. 그로부터 30년 가까운 시간이 흘렀습니다. 웹은 훨씬 발전했지만, 아이러니하게도 홈페이지는 여전히 "만들어 놓고 관리하는 공간"에 머물러 있습니다. 하지만 AI 시대에는 홈페이지의 역할 자체가 달라질 것이라고 생각합니다. 홈페이지는 다시 중요해진다 AI가 발전할수록 사람과 AI 모두가 이해할 수 있는 정보의 중요성은 더욱 커집니다. 기업 소개, 제품 정보, 조직 문화, 고객 사례, FAQ, 업무 프로세스 등 기업의 가장 중요한 정보는 결국 홈페이지에 모이게 됩니다. 홈페이지는 단순한 홍보 수단이 아니라 기업의 지식과 맥락(Context)이 담긴 공간이 됩니다. 그리고 AI는 그 맥락을 이해하고 활용하게 됩니다. 홈페이지는 스스로 일하게 된다 지금의 홈페이지는 정보를 보여주는 역할에 머물러 있습니다. 앞으로의 홈페이지는 다릅니다. * 방문자와 대화하고 * 질문에 답하고 * 문의를 접수하고 * 자료를 제공하고 * 고객을 연결하고 * 업무를 실행합니다 홈페이지가 단순한 웹사이트가 아니라 하나의 AI Agent가 되는 것입니다. 저는 이를 다음 세 가지로 표현하고 싶습니다. Learn · Talk · Act * Learn : 회사와 서비스에 대해 학습한다. * Talk : 방문자와 자연스럽게 대화한다. * Act : 실제 업무와 연결되어 실행한다. 나모사이트빌더가 만드는 변화 나모사이트빌더는 단순히 홈페이지를 쉽게 만드는 서비스가 아닙니다. "코딩 없이 홈페이지를 만들던 시대"를 넘어 "대화만으로 홈페이지를 만들고, AI가 스스로 일하는 시대"를 만들고자 합니다. 기업은 홈페이지를 만들기 위해 복잡한 기술을 배울 필요가 없습니다. AI와 대화하며 홈페이지를 만들고, 필요한 정보를 연결하고, 업무를 자동화할 수 있습니다. 그리고 홈페이지는 24시간 쉬지 않고 고객과 소통하며 일을 하게 됩니다. 우리가 꿈꾸는 미래 저는 앞으로 모든 회사가 수많은 AI Agent를 갖게 될 것이라고 생각합니다. 그리고 그 Agent들이 가장 쉽게 이해할 수 있는 형태 중 하나가 바로 홈페이지라고 생각합니다. 사람도 보고, AI도 이해하고, 업무도 수행하는 공간. 나모사이트빌더는 단순한 웹사이트 제작 도구가 아니라, 사람과 AI가 함께 일하는 새로운 업무 플랫폼이 되고자 합니다. 30년 전 나모웹에디터가 홈페이지 제작의 문턱을 낮췄다면, 이제 나모사이트빌더는 AI 시대의 홈페이지가 무엇이어야 하는지 다시 정의하려고 합니다. 이제 홈페이지는 단순히 존재하는 것이 아니라, 스스로 일하기 시작합니다.\`, quote: "30년 전 나모웹에디터가 홈페이지 제작의 문턱을 낮췄다면, 이제 나모사이트빌더는 AI 시대의 홈페이지가 무엇이어야 하는지 다시 정의하려고 합니다.", }, }, { id: 4, emoji: "🧭", tag: "AI 시대 인사이트", tagColor: "#0f766e", tagBg: "#ecfeff", title: "왜 나모사이트빌더인가 ?", subtitle: "홈페이지는 홍보물이 아니라, 사람과 AI가 함께 일하는 콘텍스트 플랫폼", summary: "AI 시대의 홈페이지는 단순한 소개 공간이 아니라 기업의 지식·경험·업무가 모이는 플랫폼입니다.", createdAt: new Date("2026-06-05T00:00:00.000Z"), content: { letterTitle: "왜 나모사이트빌더인가 ?", letter: `이제는 홈페이지로 일하는 시대 과거의 홈페이지는 회사를 소개하는 공간이었다. 회사 소개, 제품 소개, 연락처를 담아두는 디지털 브로슈어의 역할이 중심이었다. 하지만 AI 시대의 홈페이지는 다르다. 이제 홈페이지는 단순히 보여주는 공간이 아니라 일하는 공간이며, 기업의 지식과 경험, 업무가 모이는 플랫폼이 되고 있다. AI 시대의 핵심은 콘텐츠가 아니라 콘텍스트(Context) AI가 제대로 일하려면 기업을 이해해야 한다. 회사의 제품, 서비스, 조직, 문화, 정책, 고객 사례, 업무 프로세스에 대한 콘텍스트가 필요하다. 하지만 현실은 어떨까? 대부분의 정보는 메일, 메신저, 문서, 개인 PC, 파일 서버에 흩어져 있다. 사람도 찾기 어려운 정보를 AI가 이해하기는 더욱 어렵다. 반면 홈페이지는 사람과 AI 모두가 이해하기 쉬운 구조를 가진다. * 회사 소개 * 제품 소개 * 고객 사례 * 업무 가이드 * 프로젝트 정보 * 조직 정보 * 정책 및 매뉴얼 이러한 정보들이 홈페이지 형태로 정리될 때 사람과 AI는 동일한 콘텍스트를 공유할 수 있다. 홈페이지는 AI를 위한 최고의 지식 구조 AI는 구조화된 정보를 좋아한다. 홈페이지는 원래부터 정보를 체계적으로 연결하고 구성하도록 설계된 플랫폼이다. 사람은 메뉴를 통해 정보를 찾고, AI는 페이지와 링크를 통해 정보를 이해한다. 결국 홈페이지는 사람과 AI가 함께 사용하는 공통 언어이자 공통 지식 창고가 된다. 앞으로 기업의 AI 에이전트가 가장 먼저 참고하는 공간 역시 홈페이지가 될 것이다. SEO 시대를 넘어 AEO 시대 예전에는 검색엔진 최적화(SEO)가 중요했다. 사람들이 구글이나 네이버에서 검색했을 때 잘 노출되는 것이 목표였다. 이제는 여기에 AEO(Answer Engine Optimization)가 추가되고 있다. 사람은 검색창에 질문하고, AI는 답변을 생성한다. 기업이 가진 콘텐츠가 AI에게 잘 이해되고 인용되기 위해서는 구조화된 콘텐츠가 지속적으로 축적되어야 한다. 나모사이트빌더는 콘텐츠를 쉽고 빠르게 만들 수 있기 때문에 SEO뿐 아니라 AEO에도 매우 유리하다. 콘텐츠가 많아질수록 * 검색엔진이 기업을 더 잘 이해하고 * AI가 기업을 더 잘 이해하며 * 검색 결과와 AI 답변에 노출될 가능성이 높아진다. 과거에는 홈페이지를 만드는 것이 중요했다면, 이제는 지속적으로 콘텐츠를 생산하고 관리하는 것이 중요하다. AI 시대에는 콘텐츠가 곧 기업의 자산이다. 누구나 직접 만드는 홈페이지 기존 홈페이지는 만들기가 어려웠다. 기획자, 디자이너, 개발자가 필요했고 수정도 쉽지 않았다. 그래서 많은 기업들이 홈페이지를 만든 후 방치했다. 하지만 AI 시대에는 정보가 매일 바뀐다. 홈페이지도 살아 움직여야 한다. 나모사이트빌더는 * 프로그래머 없이 * 디자이너 없이 * 전문 지식 없이 현업 담당자가 직접 만들고 수정할 수 있다. 정보를 가장 잘 아는 사람이 직접 콘텐츠를 생산하고 관리할 수 있는 것이다. 기업의 모든 홈페이지를 하나로 기업에는 생각보다 많은 홈페이지가 필요하다. * 회사 홈페이지 * 제품 홈페이지 * 서비스 홈페이지 * 행사 홈페이지 * 채용 홈페이지 * 고객 지원 홈페이지 * 프로젝트 홈페이지 * 팀 홈페이지 * 개인 브랜딩 홈페이지 AI 시대에는 이러한 수많은 홈페이지들이 기업의 지식 네트워크가 된다. 나모사이트빌더는 기업의 모든 홈페이지를 한 곳에서 생성하고 관리할 수 있도록 지원한다. 홈페이지의 역할이 바뀌고 있다 PC 시대에는 문서가 중심이었다. 인터넷 시대에는 웹사이트가 중심이었다. 모바일 시대에는 앱이 중심이었다. 그리고 AI 시대에는 콘텍스트가 중심이다. 콘텍스트를 가장 잘 만들고 가장 쉽게 공유할 수 있는 형태가 바로 홈페이지다. 홈페이지는 더 이상 홍보물이 아니다. 기업의 지식이 축적되고, 사람과 AI가 함께 이해하며, 검색엔진과 AI에게 발견되는 플랫폼이다. 이제는 홈페이지를 만드는 시대가 아니다. 이제는 홈페이지로 일하는 시대다. 그리고 나모사이트빌더는 그 변화를 가장 쉽고 빠르게 시작할 수 있는 플랫폼이다. 많은 홈페이지를 만드는 기업이 경쟁력을 갖는 것이 아니라, 많은 콘텍스트를 축적하는 기업이 경쟁력을 갖게 된다. AI 시대의 홈페이지는 기업의 디지털 자산이자, AI를 위한 가장 강력한 지식 인프라가 된다.`, quote: "이제는 홈페이지를 만드는 시대가 아니다. 이제는 홈페이지로 일하는 시대다.", }, }, { id: 5, emoji: "🧠", tag: "인물/비전", tagColor: "#7c3aed", tagBg: "#f5f3ff", title: "오치영 (ODO) — 100줄 소개 ( 이홈페이지를 클로드에게 학습 시킨후 물어본 결과 )", subtitle: "Dream, Challenge, Keep Going — 30년을 넘어 AX·글로벌로", summary: "오치영 CDO의 여정, 지란지교패밀리의 성장, 그리고 2030·2040·2094 비전을 한 장에 정리했습니다.", createdAt: new Date("2026-06-05T02:00:00.000Z"), content: { letterTitle: "오치영 (ODO) — 100줄 소개 ( 이홈페이지를 클로드에게 학습 시킨후 물어본 결과 )", letter: `오치영 (ODO) — 100줄 소개 오치영은 지란지교패밀리의 창업자입니다. 현재 직책은 CDO(Chief Dream Officer, 최고 꿈 책임자)입니다. 함께 일하는 분들은 이름과 직책을 줄여 '오디오'라고 부릅니다. 좌우명은 'Dream, Challenge, Keep Going!'입니다. 또 다른 신념은 "The Journey is the Reward(여정이 보상이다)"입니다. 1994년, 스물여섯의 나이에 지란지교소프트를 창업했습니다. 대학생 신분으로 시작한 대학생 창업이었습니다. 창업 자본금은 1,500만 원, PC 4대로 출발했습니다. 창업 당시 함께한 인원은 단 4명이었습니다. 창업의 씨앗은 1993년 삼성전자 소프트웨어 멤버십에서 싹텄습니다. 그곳에서 오치영, 이동희, 최철원 등 4명이 운명적으로 만났습니다. 이 만남이 지란지교 창업으로 이어졌습니다. 창업과 함께 'Dream, Challenge, Keep Going!'이라는 DNA가 탄생했습니다. 1995년 국내 최초 윈도우 기반 PC통신 에뮬레이터 '잠들지 않는 시간'을 출시했습니다. 이 제품으로 삼성 명인마당 장려상을 수상했습니다. 1998년 기업·학교용 메신저 '쿨메신저'를 탄생시켰습니다. 쿨메신저는 현재까지 학교용 메신저 시장 1위를 지키고 있습니다. 2001년 중소기업 분야 신지식인으로 선정되었습니다. 매출 대비 20% 이상을 R&D에 투자한 공로를 인정받았습니다. 2003년 창업 이후 첫 구조조정이라는 위기를 겪었습니다. 스스로 "가장 힘들었던 시기"라고 회고하는 때입니다. 이 경험이 그의 경영 철학의 뿌리가 되었습니다. 2005년 이메일 보안 솔루션 '스팸스나이퍼'를 선보였습니다. 스팸스나이퍼는 이메일 보안 국내 1위에 올랐습니다. 같은 해 자녀 유해물 차단 솔루션 '엑스키퍼'를 출시했습니다. 2010년 벤처기업대상 국무총리 표창을 수상했습니다. 창업가 정신과 ICT 발전 기여 공로를 인정받았습니다. 2011년 지란재팬을 설립하며 일본 진출을 본격화했습니다. 'Japan to Global' 전략의 첫 발걸음이었습니다. 같은 해 100만 불 수출의 탑을 수상했습니다. 2014년 보안 사업을 물적분할해 지란지교시큐리티를 설립했습니다. 같은 해 대통령 표창을 수상했습니다. 2016년 지란지교시큐리티를 코스닥에 상장시켰습니다. 이는 글로벌 보안 기업으로 도약하는 발판이 되었습니다. 2018년, 창업 24년 만에 CEO 자리에서 스스로 물러났습니다. CEO 사임 후 CDO(Chief Dream Officer)라는 직책을 새로 만들었습니다. 이때 '오디오'라는 별칭이 탄생했습니다. 같은 해 SSR(에스에스알)이 코스닥에 상장했습니다. 2019년 그룹 연매출 1,000억 원을 돌파했습니다. 이 중 일본 매출이 100억 원에 달했습니다. 국내 SW 기업 중 드문 성과로 평가받았습니다. 2023년 판교 제2테크노밸리 인피니티타워에 입주했습니다. 이때 12개 계열사, 450명 이상의 임직원이 한곳에 모였습니다. 2024년 창립 30주년을 맞이했습니다. 30주년 시점에 22개 계열사, 700여 명 규모로 성장했습니다. 같은 해 일본 매출이 170억 원에 이르렀습니다. JSecurity와 DirectCloud의 도쿄 상장을 추진했습니다. 30주년을 맞아 '지란포레스트' 비전을 발표했습니다. 'NEXT 30' 비전으로 다음 30년을 준비하고 있습니다. 2025년 JSecurity가 도쿄증권거래소 Pro 시장에 상장했습니다. 이는 글로벌 도약의 중요한 이정표가 되었습니다. 2026년 'AI First 2030' 전략을 본격 추진하고 있습니다. 지란지교패밀리의 AX(AI 전환)를 이끌고 있습니다. 현재 지란지교패밀리는 한국과 일본에 20여 개 계열사를 두고 있습니다. 함께하는 임직원은 700여 명에 이릅니다. 사업 영역은 AI, 보안, 협업, 개인정보보호를 아우릅니다. 조직은 크게 사업홀딩스와 투자홀딩스로 구분됩니다. 사업홀딩스에는 지란지교소프트(Secure AI Office)가 있습니다. 지란지교데이터는 개인정보보호 전문 기업입니다. 넥스트인텔리전스는 AI 기반 협업 솔루션을 만듭니다. 지란지교시큐리티는 "대한민국 보안은 우리가 책임진다"를 내겁니다. 에스에스알은 보안 취약점 분야를 책임집니다. 투자홀딩스에는 지란지교챌린지스(파트너스)가 있습니다. 이곳은 도전하는 기업과 함께 성장하는 투자 파트너입니다. 한국 계열사로 지란지교에스앤씨, 지란지교컴즈, 지란지교테크가 있습니다. 지란지교컴즈는 쿨메신저와 학교통합플랫폼을 운영합니다. 일본에는 JiranJapan이 'Japan to Global' 본부 역할을 합니다. JSecurity는 'All For Japan Security'를 표방합니다. DirectCloud는 Secure AI Data Platform을 제공합니다. ZeroSecurity는 다크웹과 보안 취약점 솔루션·컨설팅을 다룹니다. 오치영의 꿈은 지란지교를 '드림 플랫폼'으로 만드는 것입니다. 꿈꾸는 사람들의 도전을 응원하는 플랫폼을 지향합니다. 궁극적 목표는 100년 지속 가능한 기업을 만드는 것입니다. 그는 매일 아침 "지란지교는 100년 뒤에도 존재할까?"를 스스로 묻습니다. 백년 기업은 전략이 아니라 문화에서 비롯된다고 믿습니다. 리스크를 관리하는 능력을 중요하게 봅니다. 변화를 두려워하지 않는 도전정신을 강조합니다. 시대의 흐름을 빠르게 읽는 감각을 중시합니다. 젊은 세대와 함께 호흡하는 힘을 핵심 가치로 둡니다. 그의 철학은 "큰 꿈을 꾸고, 물러설 곳을 없애고, 끝까지 밀어붙이는 것"입니다. 이것이 지란지교가 30년을 버텨온 방식이라고 말합니다. 2026년 목표는 AX 전환에 진짜로 성공한 회사가 되는 것입니다. 오피스에이전트 100개 기업고객 확보를 그 첫 증거로 삼습니다. "AI는 도구가 아니라 일하는 방식 자체를 바꾸는 것"이라 봅니다. 2030년 목표는 월 1,000억 규모의 SaaS 기업입니다. 같은 해 일본 매출 비중을 50%까지 끌어올리려 합니다. 일본을 발판 삼아 글로벌로 확장하는 것이 지란지교만의 루트입니다. 2040년에는 100만 중소기업의 IT 파트너가 되는 것을 그립니다. 한국과 일본 두 시장에서 가장 신뢰받는 보안 기업을 목표로 합니다. 2094년에는 '백년 가는 지란지교패밀리'를 완성하려 합니다. 그는 인재 육성을 매우 중시하는 경영자입니다. "지란지교패밀리, 우리 함께 만들어 갑시다"가 그의 메시지입니다. 최근에는 개인 블로그 '또 하나의 오치영(ODO)'을 운영합니다. 블로그에서 Thinking, Projects, History 등을 공유합니다. 'ODO Brain' 페이지로 AI 에이전트 맥락 설계를 실험합니다. '오치영 AI'를 만들어 챗봇·전화로 대화할 수 있게 했습니다. AI 시대에 맞춰 자신의 생각과 비전을 디지털로 확장하고 있습니다. 페이스북, 링크드인, 인스타그램으로 외부와 소통합니다. 30년 넘는 여정에도 여전히 '도전하는 창업가'로 살고 있습니다. 그의 한 문장 요약 — Dream, Challenge, Keep Going.`, quote: "그의 한 문장 요약 — Dream, Challenge, Keep Going.", }, }, { id: 6, emoji: "🎯", tag: "AX 전략", tagColor: "#b45309", tagBg: "#fffbeb", title: "AI 시대, ODO가 집중하는 다섯 가지 과제", subtitle: "AX 혁신 · 사업 성장 · 일본 상장 · 글로벌 보안 플랫폼", summary: "ODO가 지금 집중하는 5대 과제와 드림 플랫폼 비전, 그리고 다음 30년을 함께할 인재 메시지를 담았습니다.", createdAt: new Date("2026-06-05T02:30:00.000Z"), content: { letterTitle: "AI 시대, ODO가 집중하는 다섯 가지 과제", letter: `AI 시대, ODO가 집중하는 다섯 가지 과제 지란지교패밀리는 사업홀딩스인 지란지교소프트, 투자홀딩스인 지란지교챌린지스, 그리고 글로벌 전략의 중심인 지란재팬 을 중심으로 성장하고 있습니다. 지금 ODO가 가장 집중하고 있는 과제는 다섯 가지입니다. 1. 지란지교패밀리의 AX와 일하는 방식의 혁신 AI를 단순히 도입하는 것이 아니라, AI와 사람이 함께 일하는 새로운 방식을 만들어 가는 것. 이것이 앞으로의 경쟁력이라고 믿습니다. 2. 지란지교소프트의 혁신과 성장 지란지교데이터, 넥스트인텔리전스와의 통합을 통해 새로운 성장 기반을 만들고, 오피스에이전트를 성공시켜 AI 시대의 업무 혁신을 이끄는 대표 기업으로 도약하는 것입니다. 3. 지란지교시큐리티의 가치 재평가 AI 시대를 대표하는 보안 기업으로 성장하고, 한국과 일본 시장에서 확고한 위치를 구축하여 기업 가치의 새로운 평가를 만들어 가는 것입니다. 4. 다이렉트클라우드의 일본 상장 2027년 말 일본 상장을 목표로, Japan to Global 전략의 대표 성공 사례를 만드는 것입니다. 5. JSecurity의 성장과 JSecurityX의 성공적인 정착 일본 보안 시장에서 JSecurity의 성장을 지속하고, 한국 연구개발 법인인 JSecurityX를 안정적으로 정착시켜 글로벌 보안 플랫폼의 기반을 구축하는 것입니다. 이 다섯 가지 과제는 결국 하나의 목표를 향하고 있습니다. “지란지교패밀리는 AI 시대에 사람의 가능성을 가장 크게 확장시키는 Dream Platform이 된다.” 이 비전은 어느 한 회사의 성공만으로 완성되지 않습니다. AX를 통해 일하는 방식을 혁신하고, 소프트웨어와 보안 사업을 성장시키고, 일본 시장에서 새로운 역사를 만들고, 다음 세대를 위한 성장 엔진을 준비해야 합니다. 그래서 ODO는 오늘도 드림플랫폼실과 프로젝트제로 팀과 함께 미래를 준비하고 있습니다. 30년 전 네 명의 대학생이 시작한 작은 꿈. 그 꿈은 이제 AI 시대를 맞아 더 큰 도전으로 이어지고 있습니다. 꿈은 변하지 않습니다. 사람의 가능성을 확장하고, 도전을 응원하며, 함께 성장하는 것. 그리고 함께할 사람을 찾고 있습니다. 꿈이 있는 사람. 열정이 가득한 사람. 치열하게 고민하고 실행하는 사람. AI라는 거대한 파도를 두려움이 아닌 기회로 바라보는 사람. 정답을 가진 사람보다 배우고 성장할 준비가 된 사람, 자신의 가능성에 베팅할 수 있는 사람을 환영합니다. 만약 AI 시대에 의미 있는 도전을 함께 만들어 보고 싶다면, 언제든 연락 주세요. 우리는 지금 다음 30년을 준비하고 있습니다. 그리고 그 여정을 함께할 동료를 기다리고 있습니다.`, quote: "지란지교패밀리는 AI 시대에 사람의 가능성을 가장 크게 확장시키는 Dream Platform이 된다.", }, }, ]; export default function MyThoughtsCards() { const [openId, setOpenId] = useState(null); const toggle = (id) => setOpenId(openId === id ? null : id); // 특정 카드 제외 const hiddenTitles = ["Namo SiteBuilder 이야기", "나모사이트빌더, 그리고 홈페이지의 미래"]; const filteredThoughts = thoughts.filter((t) => !hiddenTitles.includes(t.title)); // 최신 내용이 위로 올라오도록 역순 정렬 const sortedThoughts = [...filteredThoughts].sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)); return (

{/* Section Header */}

💡

나의 생각

{filteredThoughts.length}개

{/* Cards */}

{sortedThoughts.map((t) => ( toggle(t.id)} /> ))} {/* Empty slot */}

✏️ 다음 생각 준비 중

); } function formatDate(date) { const d = new Date(date); const year = d.getFullYear(); const month = String(d.getMonth() + 1).padStart(2, "0"); const day = String(d.getDate()).padStart(2, "0"); const hours = String(d.getHours()).padStart(2, "0"); const minutes = String(d.getMinutes()).padStart(2, "0"); return \`\${year}년 \${month}월 \${day}일 \${hours}:\${minutes}\`; } function ThoughtCard({ thought, isOpen, onToggle }) { const c = thought.content; const letterLines = c.letter ? c.letter.split("\n") : []; const isYearLine = (line) => ["2030년", "2040년"].includes(line.trim()); const sectionLines = [ "이제는 홈페이지로 일하는 시대", "AI 시대의 핵심은 콘텐츠가 아니라 콘텍스트(Context)", "홈페이지는 AI를 위한 최고의 지식 구조", "SEO 시대를 넘어 AEO 시대", "누구나 직접 만드는 홈페이지", "기업의 모든 홈페이지를 하나로", "홈페이지의 역할이 바뀌고 있다", "AI 시대, ODO가 집중하는 다섯 가지 과제", "홈페이지는 다시 중요해진다", "홈페이지는 스스로 일하게 된다", "나모사이트빌더가 만드는 변화", "우리가 꿈꾸는 미래", ]; const strongLines = [ "우리는 AI 시대에 사람의 가능성을 가장 크게 확장시키는 Dream Platform 이 되고자 합니다.", "우리가 진짜 만들고 싶은 것은 소프트웨어가 아닙니다.", "이를 위해 우리는 네 가지를 만들어 갑니다.", "그리고 우리는 이 꿈을 현실로 만들기 위해 도전합니다.", "그리고 언젠가,", "사람이었습니다.", "문화였습니다.", "꿈이었습니다.", "Dream.", "Challenge.", "Keep Going.", "홈페이지는 다시 중요해진다", "홈페이지는 스스로 일하게 된다", "나모사이트빌더가 만드는 변화", "우리가 꿈꾸는 미래", "이제는 홈페이지로 일하는 시대", "AI 시대의 핵심은 콘텐츠가 아니라 콘텍스트(Context)", "홈페이지는 AI를 위한 최고의 지식 구조", "SEO 시대를 넘어 AEO 시대", "누구나 직접 만드는 홈페이지", "기업의 모든 홈페이지를 하나로", "홈페이지의 역할이 바뀌고 있다", "이제는 홈페이지를 만드는 시대가 아니다.", "이제는 홈페이지로 일하는 시대다.", "AI 시대의 홈페이지는 기업의 디지털 자산이자, AI를 위한 가장 강력한 지식 인프라가 된다.", "AI 시대, ODO가 집중하는 다섯 가지 과제", "지금 ODO가 가장 집중하고 있는 과제는 다섯 가지입니다.", "이 다섯 가지 과제는 결국 하나의 목표를 향하고 있습니다.", "지란지교패밀리는 AI 시대에 사람의 가능성을 가장 크게 확장시키는 Dream Platform이 된다.", "꿈은 변하지 않습니다.", "그리고 함께할 사람을 찾고 있습니다.", "우리는 지금 다음 30년을 준비하고 있습니다.", ]; const isNumberHeading = (line) => /^([1-9]|10)\.\s+/.test(line); const isShortEmphasisLine = (line) => line.length <= 26 && !line.includes(" ") ? false : line.length <= 34 && (line.endsWith(".") || line.endsWith("다") || line.endsWith("니다.")); const isSectionLine = (line) => sectionLines.includes(line); const isStrongLine = (line) => strongLines.includes(line); return (

{/* Card Header — always visible */}

{thought.emoji}

{thought.tag}

{thought.title}

{thought.summary}

{formatDate(thought.createdAt)}

▾

{/* Expandable Content */}

{c.letter ? (

{c.letterTitle || thought.title}

{letterLines.map((line, i) => { const trimmed = line.trim(); if (!trimmed) { return

; } if (isYearLine(trimmed) || isSectionLine(trimmed)) { return (

{trimmed}

); } if (isNumberHeading(trimmed)) { return (

{trimmed}

); } if (trimmed.startsWith("* ")) { const text = trimmed.replace("* ", ""); return (

• {text}

); } if (isStrongLine(trimmed)) { return (

{line}

); } if (isShortEmphasisLine(trimmed)) { return (

{line}

); } return

{line}

; })}

{c.quote}

) : ( <> {/* Intro */}

{c.intro}

{/* Evolution */}

{c.evolutionTitle || "🔄 핵심 로드맵"}

{c.evolution.map((ev) => (

{ev.phase}

{[ev.desc1, ev.desc2, ev.desc3].map((d, i) => (

{d}

))}

{/* Abilities */}

{c.abilitiesTitle || \`⚡ \${c.abilities.length}가지 핵심 능력\`}

{c.abilities.map((ab) => (

{ab.icon}

{ab.name} — {ab.desc}

))}

{/* Features */}

{c.featuresTitle || "🛠 주요 기능"}

{c.features.map((f) => ( {f} ))}

{/* Quote */}

"{c.quote}"

)}

); }

THINKINGS