26-5-1 스팀 소식

스팀 개발에 관련된 소식이 올라왔습니다.

첫번째로 steempro 개선에 관한 리포트가 올라왔습니다. 그간 문제가 있던 부분들을 개선했다는 내용입니다. 무엇보다 Next.js 16 & React 19 로 업그레이드 했다고 합니다.
세부적인 내용은 아래와 같습니다.
https://www.steempro.com/@faisalamin/steempro-image-loading-fixes-and

두번째로 무엇보다 흥미로운 것은 새로운 증인이자 개발자인 @greece-lover가 스팀의 공식 콘덴서인 steemit 개선에 나섰다는 것입니다. 그가 개발한 내용은 아래와 같습니다.

---

주요 기술 자산 및 솔루션

1. 멀티 노드 API 로테이터 (Multi-node API rotator)

• 프레임워크에 의존하지 않는 독립형 자바스크립트 라이브러리(steem-node-rotator)입니다.
• 해결 과제: api.steemit.com 노드가 느려질 때 프론트엔드 전체가 멈추는 안정성 문제를 해결합니다.
• 기능: API 호출 시 사용 가능한 가장 빠른 노드로 자동 전환합니다. 이미 'Welako' 및 'condenser-plus' 데모에서 프로덕션 테스트를 마쳤으며, 필요 시 npm에 배포하여 활용할 수 있습니다.

2. 19개국 언어 번역 및 자동 감지

• 언어 스위처 자체는 Next.js의 내장 i18n 기능을 위해 재구현이 필요하지만, 기존 번역 JSON 파일들은 그대로 재사용할 수 있습니다.
• 지원 언어: 영어, 독일어, 프랑스어, 이탈리아어, 스페인어, 포르투갈어, 네덜란드어, 폴란드어, 러시아어, 우크라이나어, 터키어, 인도네시아어, 베트남어, 일본어, 한국어, 중국어, 힌디어, 벵골어, 아랍어 등 총 19개국 전문가 번역이 완료되었습니다.

3. 이미지 깨짐 방지 처리 (Broken-image fallback)

• Discord CDN이나 ipfs.busy.org 등 사라진 이미지 호스트를 사용하는 오래된 포스팅을 위한 솔루션입니다.
• 이미지가 깨진 채로 두지 않고, 대신 링크가 포함된 플레이스홀더 카드를 표시합니다. 순수 자바스크립트 모듈로 제작되어 이식성이 매우 높습니다.

4. 운영 환경 CSP(콘텐츠 보안 정책) 수정

• 엄격한 connect-src 화이트리스트가 운영 환경에서 노드 로테이션을 방해하는 문제를 해결했습니다.
• 리팩토링 시 반드시 고려해야 할 사항으로, 브라우저 차단을 방지하기 위해 모든 API 호스트를 connect-src에 포함해야 합니다.

5. 에디터 프로 (Toast UI 통합)

• 이 부분은 React 15 기반이라 다소 구형이지만, UI 컨셉은 여전히 유효합니다.
• 이미지 클릭 시 크기 조절 팝업, WYSIWYG/마크다운 탭 전환 등의 기획 의도는 유지하되, 구현은 React 18에 최적화된 최신 도구(Lexical, TipTap 등)로 재작업하는 것이 좋습니다.

이런 상황에서 스팀의 개발자들이 스팀의 발전을 위해 노력하고 있다는 것 자체가 매우 의미있고 고무적인 현상이라고 생각합니다.