# Show GN: Graphmark - 북마크한 웹페이지를 그래프로 보여주는 크롬 익스텐션

> Clean Markdown view of GeekNews topic #15393. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=15393](https://news.hada.io/topic?id=15393)
- GeekNews Markdown: [https://news.hada.io/topic/15393.md](https://news.hada.io/topic/15393.md)
- Type: show
- Author: [rudxor02](https://news.hada.io/@rudxor02)
- Published: 2024-06-17T11:33:48+09:00
- Updated: 2024-06-17T11:33:48+09:00
- Original source: [graphmark.framer.website](https://graphmark.framer.website/)
- Points: 24
- Comments: 10

## Summary

Graphmark는 웹페이지를 북마크하면 자동으로 지식 그래프를 생성해주는 크롬 익스텐션입니다. 새 탭을 열 때마다 연결된 웹사이트를 기반으로 웹 탐색을 시작할 수 있어, 학습과 웹서핑 기록 정리에 유용합니다. 데모 페이지와 설치 페이지가 제공되니 직접 체험해보세요.

## Topic Body

안녕하세요, 이번에 출시한 Graphmark라는 서비스 소개해드리려 합니다!  
  
웹서핑을 하다가 페이지를 마킹하면 해당 웹페이지에서 entity를 자동으로 추출해서 knowledge graph를 만들어 줍니다.  
  
새 탭을 열 때 만들어진 그래프가 보여지면서 연결된 웹사이트들 바탕으로 웹 탐색을 시작할 수 있습니다.  
  
어떤 주제에 대해 공부&탐색할 때, 그리고 본인의 웹서핑 기록을 정리&활용하고 싶어 하시는 분들에게 도움이 될 것 같습니다.  
  
개인적으로도 주말에 경제 서적 읽을 때 모르는 용어 나오면 나무위키 페이지 하나씩 넣으면서 잘 사용하고 있습니다.  
  
링크해놓은 사이트 들어가시면 데모 페이지와 설치 페이지가 링크돼 있으니 많은 관심 부탁드리며 피드백, 궁금한 점 환영합니다. 감사합니다!

## Comments



### Comment 26405

- Author: rudxor02
- Created: 2024-06-19T11:45:05+09:00
- Points: 2

안녕하세요, 예상치 못하게 많은 관심 주셔서 너무 감사드립니다.  
  
피드백 받을 수 있는 구글 폼을 만들었으니 아쉬운 점, 좋았던 점 등 어떤 종류의 피드백이든 남겨주시면 이후 서비스 개발에 큰 힘이 됩니다.  
  
https://forms.gle/iqPk2a8Vb2p84BR66  
  
감사합니다.

### Comment 26402

- Author: harux5
- Created: 2024-06-19T11:30:18+09:00
- Points: 1

방문하는 웹사이트를 수집하고 있는 것 같습니다. 개인정보 우려가 있으신 분들은 설정 - 사이트액세스에서 "이 확장 프로그램이 내가 방문하는 다음 웹사이트의 모든 데이터를 읽고 변경하도록 허용합니다."를 클릭시로 변경하면 됩니다.

### Comment 26403

- Author: rudxor02
- Created: 2024-06-19T11:33:47+09:00
- Points: 1
- Parent comment: 26402
- Depth: 1

안녕하세요, Graphmark는 탭 url이 변경될 때 해당 페이지가 그래프에 이미 들어있는지 확인만 하며, 사용자가 직접 마킹하지는 않는 한 따로 페이지 정보를 수집하고 있지는 않습니다.  
  
코멘트 감사합니다!

### Comment 26346

- Author: gargoyle92
- Created: 2024-06-17T21:11:14+09:00
- Points: 1

저런 시각화는 어떤 기술을 이용하는걸까요?  
잘 써보겠습니다

### Comment 26347

- Author: budlebee
- Created: 2024-06-17T21:30:47+09:00
- Points: 1
- Parent comment: 26346
- Depth: 1

글쓴이는 아니지만, 비슷한 시각화를 d3.js 로 구현해 본적 있습니다

### Comment 26348

- Author: rudxor02
- Created: 2024-06-17T21:32:53+09:00
- Points: 1
- Parent comment: 26347
- Depth: 2

정확하시네요. d3.js 사용하고 있습니다 😁

### Comment 26338

- Author: shalome7
- Created: 2024-06-17T15:53:21+09:00
- Points: 1

완전 흥미로운 프로젝트 성격의 프로그램이군요. 바로 설치 해서 사용 시도 해보았습니다.  
어떻게 활용할 수 있을지 고민이 조금 되는데 그럼에도 재밌었어요~  
웹 페이지를 넣었을 때 어떤 그래프가 생성되는지 조금 더 구현 로직에 대한 설명이 있다면 좋겠습니다!

### Comment 26342

- Author: rudxor02
- Created: 2024-06-17T17:12:46+09:00
- Points: 2
- Parent comment: 26338
- Depth: 1

안녕하세요! 재밌으셨다니 정말 기분이 좋네요.   
  
그래프는 chat gpt를 사용해서 핵심 키워드를 추출하고 있습니다. 해당 부분 설명이 조금 미흡한 것 같아서 서비스 페이지에도 반영하도록 하겠습니다. 소중한 의견 감사합니다.

### Comment 26329

- Author: nullptr
- Created: 2024-06-17T12:28:54+09:00
- Points: 1

꽤 흥미로운 익스텐션이네요! 아래는 잠깐 써 본 의견입니다.  
- 새 탭을 열 때 보이는 것 외에, 확장 프로그램 클릭 시 그래프 페이지로 이동도 가능하도록 하면 좋을 것 같습니다  
- 간선이나 노드 표시하는 언어 설정 기능이 있으면 좋을 것 같습니다(현재는 문서 언어 그대로 따라가는 것 같네요)  
- 폰트나 글씨 색 등 조절이 조금 필요해 보입니다 (+ 간선 유형에 따라 다른 색으로 표시하는 기능도 있으면 활용해볼 것 같아요)

### Comment 26332

- Author: rudxor02
- Created: 2024-06-17T13:40:18+09:00
- Points: 2
- Parent comment: 26329
- Depth: 1

안녕하세요! 그래프 페이지로 이동할 수 있게 따로 페이지 url을 제공하도록 곧 반영될 예정입니다 :)  
  
말씀해주신 나머지 부분들도 계속 고민중이며, 유저가 그래프를 편하게 볼 수 있도록 잘 해결해 보도록 하겠습니다.  
  
소중한 피드백 감사합니다!