codyman0 / linked-blog-starter

Host your second brain for free with Next.JS and Tailwind v3

안녕하세요 이주영입니다.

• 🎯 방향성 : 기술적 겸손함을 견비하여 적재적소에 필요한 소프트웨어를 통해 가치를 만들어내는데 기여합니다.
• 🌱 요즘 공부중인 분야: Next.js, Typesciript, React.js
• 📔 블로그 : https://www.danny-log.xyz/
• 📫 이메일 : [email protected]
• 🔗 Linkedin : https://www.linkedin.com/in/brian0/

Projects

project	description	Github
🌱 씨앗모아 (SeedMoa)	식물 키우기와 목표 달성을 융합한 웹 서비스 (React) {배포 운영중}	Repository
💰 돈워리 (DonWorry)	축의금 고민 해결을 위한 커뮤니티 서비스 (Next) {서비스 종료}	Repository
🐢 알리고올리고 (AligoOligo)	취업 준비생들을 위한 목표 달성 서비스 (React) {서비스 종료}	Repository

Skills

Next.js, React.js, Typescript, React-query, Styling, Storybook, Semantic HTML

linked-blog-starter's Issues

Bug : 베포된 환경에서 해당 페이지에 상응하는 그래프 미반영

📸 스크린샷

🤷 Issue 세부 내용

위의 세개의 이미지를 살펴보면 그래프의 모양이 동일한 것을 확인할 수 있다. 로컬 환경에서는 페이지에 맞게 데이터도 변했지만 베포된 환경에서는 새로고침을 해야지만 데이터가 트리거돼, 그제서야 그래프가 해당 페이지에 맞는 backlinks 데이터를 받아 그래프가 최신화됩니다.

문제 정의

클라이언트 사이드에서 라우터 이동 시켜주는 useRouter()로 이동할 경우 그래프가 refresh가 안되는 문제로 정의

✨ 기대 결과
베포된 환경에서도 서로 다른 [...slug].tsx 페이지에서 다른 그래프가 보여지길 기대합니다.

[Design] 옵시디언 그래프 D3 라이브러리로 직접 구현

📸 스크린샷

🤷 Issue 세부 내용

• D3 라이브러리 학습 및 next.js SSR 및 SSG 원리 학습
• 베포된 웹사이트에 반영

✨ 기대 결과

D3 라이브러리를 학습해서 Build 타임에 생기는 md 파일들을 위의 사진과 같이 노드와 간선끼리 연결된 그래프로 시각화하여 지식들의 연결성을 쉽게 확인 할 수 있는 블로그를 만들어보려고 합니다.