HN 공개: 모든 링크를 공유하기 위한 미니멀리스트(브루탈리스트?) 웹사이트

• lynx.boo는 공개된 링크 공유 사이트로 보이지만, 현재 접속하면 실제 서비스 대신 Cloudflare 522 오류 페이지가 나타남
• 오류 상태는 요청이 원본 웹 서버에 연결됐으나 완료되지 못한 상황을 가리킴
• 진단 화면에서는 브라우저와 Cloudflare는 정상으로, lynx.boo 호스트는 Error로 표시됨
• 방문자는 몇 분 뒤 다시 시도해야 하며, 사이트 소유자는 호스팅 제공업체에 웹 서버가 요청을 끝내지 못한다고 알려야 함
• 가장 가능성 높은 원인은 서버 쪽 작업이 리소스를 과도하게 점유해 요청 처리가 끝나지 않는 상태임

---

현재 접속 상태

• lynx.boo는 서비스 화면 대신 Cloudflare 오류 페이지를 반환하며, 본문에 522: Connection timed out 상태가 표시됨
• 상태 진단은 세 구간으로 나뉨
  • Browser: Working, 위치는 Los Angeles로 표시됨
  • Cloudflare: Working
  • Host: Error, 대상은 lynx.boo

522 오류가 뜻하는 것

• Error 522는 요청이 웹 서버에 연결됐지만 응답 처리가 끝나지 않은 상태를 뜻함
• 방문자는 몇 분 후 다시 시도하라는 안내를 받음
• 사이트 소유자는 호스팅 제공업체에 웹 서버가 요청을 완료하지 못한다고 알려야 함
• 가장 가능성 높은 원인은 서버에서 어떤 작업이 리소스를 과도하게 점유하는 상황임
• Cloudflare Ray ID는 a142c425fffbcab0로 표시됨

[GN⁺]

Hacker News 의견들

• 브루탈리즘보다는 1970년대 NASA 그래픽 디자인 매뉴얼[0]이 떠오르는 “NASA Revivalist”라고 부르고 싶음
  실제 브루탈리즘 건축을 설계하거나 복원해 본 입장에서, 이 도구는 그 양식의 핵심 요소 몇 가지를 놓치고 있음: 콘크리트가 없어서 “미드센추리 아메리카나의 향기” 같은 콘크리트 냄새가 나지 않고, 모퉁이마다 비밀경찰에게 체포될 것 같은 느낌도 없고, 포스트 아포칼립스 호러 영화 세트처럼 보이지 않도록 정기적으로 고압 세척할 필요도 없음
  “살고 일한다”는 표현은 특정한 의미에서만 그렇고, 담배 냄새는 제외함
  0 <https://www.nasa.gov/wp-content/uploads/2015/01/nasa_graphic...>

  • 흥미롭게도 내 데이터센터는 실제로 콘크리트를 사용함
    2번은 미국에서 이 웹사이트를 쓰지 않아서 그런 것이고, 3번은 확실히 고압 세척이 덜 필요함
    농담인 건 알지만, 웹사이트의 브루탈리즘 디자인은 건축의 브루탈리즘과는 다른 디자인 이론이라고 봄. 물론 내가 특정 디자인 양식을 엄격히 따르는 건 아님
  • NASA와 MoMA가 단순함과 명료함이라는 디자인 측면에서 겹치는 지점이 흥미로움
    개인적으로 내 스타일은 “Marketing Brutalism”이라고 부름. 최종 사용자를 위한 목표가 있어야 하고, 그 목표는 사이트 목적에 따라 행동일 수도 깨달음일 수도 있음
    명확하고 간결하면 충분함. “괜찮은 정도”면 잔칫상이고, 51%만 신뢰할 만해 보이면 됨
    1980년대 IBM처럼 “IBM을 선택해서 해고된 사람은 없다”는 밈을 성공적으로 퍼뜨렸다면 이미 목표에 도달한 셈임
    물론 이는 아무런 사전 맥락 없이 노출되는 경우를 가정한 것임. 사람들이 자기 정체성을 브랜드에 묶게 만들었다면, 그다음에는 명절마다 그 사람들과 가족들 눈앞에 제품을 퍼부으면 됨
  • 한때 건축을 진로로 고민했는데, 브루탈리즘은 아주 특정한 적용에서는 잘 작동할 수 있음
    다만 일부 경우에는 고압 세척이 필요하다는 데 동의함

• 정말 멋짐. 몇 가지 눈에 띈 점이 있음
  내 사이트 링크의 Avi Perl's personal site!가 그대로 표시됨
  편집 페이지에는 링크들이 표시되는 내 홈페이지로 가는 링크가 없고, 사실 거기로 가야 내 링크를 볼 수 있다는 것도 명확하지 않았음. 추측해서 내 페이지에 도착했음
  확인 링크가 Gmail에서 스팸으로 감. 확인 페이지에서 편집 페이지나 홈페이지로 리다이렉트하는 링크가 있으면 좋겠음
  아주 긴 자기소개를 넣으면 모바일에서 마지막 버튼이 하단 텍스트 위에 떠 있어서 보기 좋지 않고, 모바일 하단 텍스트의 가운데 정렬도 약간 어긋나 보임
  아이디어로, 각 항목에 짧은 이름을 줄 수 있다면 URL 단축기처럼도 쓸 수 있음. 개인 사이트에 p라는 짧은 이름을 붙이면 lynx.boo/aviperl/p가 tinyurl 대안이 될 수 있고, 홈페이지에서 URL을 숨기는 옵션까지 있으면 그런 서비스를 다시 쓸 필요가 없어짐
  이미 누군가 사용자로 잡아둔 URL을 사이트가 회수해야 할 때는 어떻게 되는지 궁금함. 내가 about 페이지의 주인이니 직접 알게 될 듯함 :D https://lynx.boo/about

  • 피드백이 정말 많고 좋음
    특수문자, 특히 기본 문장부호를 렌더링하지 못한 건 초보적인 실수였고 잘 잡아줬음
    확인 링크는 거의 모든 메일 클라이언트에서 스팸으로 갈 것 같음. 이메일에 필요한 설정은 다 했지만, 평판이 없는 IP이고 이웃 IP들의 기록도 완벽하진 않을 것 같아서 더 조사 중임. 그래도 “예전 인터넷” 느낌의 일부로 이런 SMTP 운영업체는 쓰지 않으려 함
    푸터 문제는 전날 밤 자기 전에 봤고, 다행히 쉽게 고칠 수 있음. 푸터 텍스트가 중앙에서 벗어난다는 점은 이유를 봐야 함
    페이지로 리다이렉트하는 기능은 오늘 넣을 예정임. 이전에는 스타일 없는 텍스트 알림으로 해뒀는데, 나한테도 너무 미니멀했음. 아직 로직을 많이 추가하진 않았음
    우연히도 이걸 만들기 전에 시작한, QR 지원과 기본 분석이 있는 “bit.ly지만 미니멀한” 사이트가 90%쯤 완성돼 있음. ADHD처럼 이 아이디어로 넘어왔는데, 미니멀리스트 제품군 일부로 출시할 예정임. 그렇다고 서로 기능을 빌려오지 못한다는 뜻은 아님
    사실 잡을 만한 훨씬 멋진 도메인들이 많다고 봄. 한 글자도 쓸 수 있고, 이모지도 쓸 수 있고, 많은 게 가능함. 몇 개는 예약해뒀지만 어디까지 선을 그어야 할지 애매함. 일부러 LynxBoo인 척하려고 악용한다면 문제가 되겠지만, 그 외에는 창의성을 보상하고 싶고 사람들이 온갖 재미있는 이름을 가져가길 바람

• 빠르게 써봤음
  폼 페이지의 검증은 유효한 URL을 요구하지 않는데, 제출을 누르면 URL이 틀렸을 때 검증에 실패함. 뒤로 가서 고치려 해도 제출 버튼이 계속 로딩 중이라 수정할 수 없음
  URL에 제목을 필수로 요구할 필요는 없어 보임. 비어 있으면 도메인을 제목으로 쓰거나 URL 자체를 쓰면 됨
  미안하지만 여기서 멈춰서 다른 피드백은 없음

  • 피드백 좋음. 모든 걸 입력한 뒤에야 URL이 유효하지 않다고 알려주는 게 나쁜 사용자 경험이라고 말한 사람이 내가 본 것만 두 번째임
    자바스크립트를 아주 최소한으로 쓰려 했지만, 여긴 조금 더 넣기 좋은 지점 같음
    제출 버튼 문제도 고쳐야 함
    수정: 이 부분들은 모두 고쳤음
  • 제목 필수는 동의함. 항상 짜증나는 부분임

• 내가 정말 자랑스럽게 생각하는 건 페이지가 얼마나 작은지임
  물론 바보같이 단순한 사이트이긴 하지만, 못생겼다고 생각하지도 않고, 자바스크립트와 HTML이 가장 많은 페이지도 약 5KB임
  알래스카에서 가르쳤던 시간이 있어서, 발자국이 작은 웹사이트의 가치를 정말 크게 느끼게 됨

  • 내 NeatCSS 프로젝트를 뻔뻔하게 홍보함: https://neat.joeldare.com
  • 요즘 대부분이 이해했으면 하는 건, 사이트를 평균보다 100~1000배 덜 비대하게 만들기 위해 꼭 이런 절제된 미학을 좋아할 필요는 없다는 점임
    정상적인 시맨틱 HTML에 일반적인 CSS만 적용해도 아름답고 스타일 있는 사이트를 만들 수 있음. React도, styled components도 필요 없고, 자바스크립트는 필요한 곳에만 쓰면 됨. 아, 내가 완전히 구름에 소리치는 노인이 된 것 같음
    어쨌든 잘 만들었음
  • 웹사이트 취향을 보니, Craigslist의 casual encounters를 되살리려는 내 시도도 좋게 봐줄 것 같음: https://LokiList.com/
    킬로바이트 크기는 첫 페이지에 표시되는 게시물 수에 따라 달라짐

• 페이지를 하나 만들었음. 가입하지 않고 보고 싶다면 여기 있음: https://lynx.boo/dg

  • 도와주겠다고 올린 예시가 SEO 스팸이라는 점이 훌륭함. 이게 인터넷의 축약판이 아니면 뭔지 모르겠음. 잘했음
  • 내 근처 동네 이름들이 보일 줄은 몰랐음
  • 좋은 이름들을 선점하는 중이군요. 예시 고마움 :)
  • 딱 보고 싶었던 게 이거였고, 좋은 예시를 제공해줬음
    “viscerally offensive”와 “SEO spam”이라는 표현에는 눈이 슬롯머신처럼 굴러갔음

• 기록된 이메일이 [e-mail]라고 추측해서 lynxboo 링크에 대한 편집 요청을 제출할 수 있었음
  꽤 쉽게 악용될 수 있어 보임. 반드시 보안 취약점은 아니지만 스팸을 많이 받을 수 있지 않나?

  • 이 부분을 조금 생각해봤는데, 누군가 “비밀번호 찾기” 필드에 네 이메일을 넣는 것과 크게 다르지 않고 오히려 더 안전하다고 봄
    그 경우에는 해당 이메일이 사이트에 등록돼 있다는 것만 맞히면 되지만, 여기서는 그 이메일이 이 특정 Lynx에 등록돼 있다는 것까지 알아야 함
    성가실 수는 있지만, 악용될 가능성은 엣지 케이스처럼 보임

• 사이트의 아이디어와 추진력, 기능은 마음에 들지만 도움이 될 만한 제안이 하나 있음
  브루탈리즘 “외형”을 10에서 9 정도로만 낮추면 좋겠음. 사이트의 정신은 유지하면서 더 쓰기 좋게 만들 수 있는 두 가지가 있음
  시스템에 맞춘 라이트/다크 모드를 추가하면 좋겠음. 100% 흰색은 너무 공격적이고 밝아서 쓰기 꺼려짐
  흰색과 검은색도 100% 흰색, 100% 검은색에서 아주 조금만 당겨서 약간 부드러운 회색과 거의 검정으로 만들면 좋겠음. 결국 눈에 대한 접근성 문제임. 브루탈리즘이 꼭 불쾌해야 한다는 뜻은 아니니까

  • 고마움. 현재 설정에서 야간 모드를 어떻게 구현할지 생각해보겠음. 좋은 조언임

• 링크 공유용 진짜 “브루탈리즘” 웹사이트라면 링크와 코멘트 목록만 있는 txt 파일이거나, CSS/스타일이 전혀 없는 HTML 페이지일 것임

  • 내 웹사이트는 netcat으로 탐색할 수 있음:
    nc apitman.com 2052 <<< /txt/feed
    [0]: https://apitman.com/19/
  • 몇 년 전에 그런 구성으로 바꿨음
    모든 링크와 날짜, 태그 같은 메타데이터를 담은 텍스트 파일을 유지하고 있음
    https://eapl.me/links/links.txt
    링크를 보기 쉽게 해주는 PHP 스크립트도 몇 개 있음
    https://eapl.me/links/all_links.php?tag=dev
    관리가 가장 쉬운 방식은 아니라서, 지금처럼 SSH로 하는 대신 웹에서 오래된 링크를 업데이트하거나 삭제할 수 있는 스크립트를 더 생각 중임

• 이거 쓸 것 같음
  다른 댓글처럼 링크 이름을 필수로 요구하지 않는 데 +1임. 페이지 제목을 가져오거나 URL만 허용하면 좋겠음
  확인 메일은 스팸으로 갔음
  미니멀리즘의 정신은 아닐 수도 있지만, 어쩌면 Unix의 정신일 수 있는 방향으로 다른 서비스와 확장할 수 있으면 좋겠음. 이 서비스는 아주 미니멀한 링크 호스팅으로 남되 웹훅과 API 키를 제공하는 식임
  그러면 링크가 추가됐을 때, 내가 셀프호스팅한 무언가가 예를 들어 AI로 요약하거나, 페이지 스크린샷을 추출하거나, 내 노트에 추가하는 작업을 트리거할 수 있음. 내게는 이런 방식이 웹이 나아가면 좋을 모습임. 링크 공유를 중심으로 회사를 키우려 하거나, 오픈소스로 만들고 사람들이 코드베이스에 뛰어들길 바라는 방식보다 낫다고 봄

  • 말하는 걸 깜빡했는데, URL에 /json을 붙이면 이미 네 링크를 받을 수 있음
    스팸 때문에 봇이 Lynx를 만들거나 편집하기 어렵게 만들려 하고 있음
    확인 메일이 스팸으로 갈 수 있다는 점은 사이트에 적어둬야겠음

• 브루탈리즘이라면 제목/URL 필드 자체를 선택적으로 없앨 수도 있음
  각 항목이 그냥 title URL 형태인 목록을 받는 텍스트 상자만 제공하면 됨. 브루탈리즘이라면 내가 기대하는 방식은 그쪽임
  텍스트 상자에 유효하지 않은 URL이 있으면 해당 링크의 줄 번호를 알려주면 됨