すごい人だった……🫠🫠

#GWはフォロワーさんが増えるらしい
レトロガーリーな雰囲気の女の子を描いてます🌷🎀

음 안되겠다 서버 재시작 또 해야지

Hello there! #framework13 @frameworkcomputerFramework

#61.12 quick doodle before work

#art #mastoart

음 minio 버리고 Garage 써봐야겠다

세계적인 극우파 약진…그 뒤엔 ‘기독교 우파 조직’과의 결탁이 있다 https://www.khan.co.kr/article/202505031100001/
"실제로 1990년대 이후 미국 기독교 우파 단체들이 유럽의 동료들을 전략적으로 지원하고 자금과 이념적 틀을 제공해왔다. 특히 유럽에서 기독교 우파의 입김이 강해진 영역이 반젠더, 반낙태, 반페미니즘인데 여기에는 미국 기독교 우파 단체의 유럽 지부나 네트워크 조직들이 깊이 관여하고 있다."

e.g. "그걸 똑같이 계산하자니 님 공산당임?"

e.g. "그걸 똑같이 계산하자니 님 공산당임?"

今天是5/6，我的室內溫度計已經連續三天觀測到30℃以上。請問各位象友，你們是否已經開冷氣了？

시대를 만만히 봐서는 안 됩니다. 받을 돈은 1+1=3으로 줄 돈은 1+1=2로 계산하면서 그거랑 이거는 원래 계산법이 다른거라고 진지하게 화내는 사람들이 세상에 많습니다.

Next.js 서버 액션은 서버 데이터를 가져오는 용도로 사용하기에 적합하지 않다. React 공식문서에서는 다음과 같이 말하고 있다.

Server Functions are designed for mutations that update server-side state; they are not recommended for data fetching. Accordingly, frameworks implementing Server Functions typically process one action at a time and do not have a way to cache the return value.

서버 액션이 여러 호출되면 바로 실행되는 대신 큐에 쌓이고 순차적으로 처리된다. 이미 실행된 서버 액션은 이후 취소할 수 없다.

이에 서버 액션을 데이터 가져오기로 활용하면 끔찍해지는 UX가 생길 수 있는데, 예를 들어 페이지의 목록 검색 화면에서 검색 후 데이터를 가져오는 상황에 않았다고 다른 화면으로 네비게이션이 불가능한 것은 일반적인 경험이 아니다.

이러면 RSC를 통해 무한 스크롤을 구현하지 못하는가? 에 대해서 의문이 생길 수 있는데 여기에 대해서 대안을 발견했다.

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const items = await getItems(page)
  return (
    <Collection id={page}>
      {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
    </Collection>
  )
}

"use client"

function Collection({ id, children }) {
  const [collection, setCollection] = useState(new Map([[id, children]]))
  const [lastId, setLastId] = useState(id)
  if (id !== lastId) {
    setCollection(oldCollection => {
      const newCollection = new Map(oldCollection)
      newCollection.set(id, children)
      return newCollection
    })
    setLastId(id)
  }
  return Array
    .from(collection.entries())
    .map(
      ([id, children]) => <Fragment key={id}>{children}</Fragment>
    )
}

대충 이런 꼴이다. 이러고 page를 증가시키거나 감소시키는건 intesection observer나 특정 엘리먼트의 onClick 이벤트 따위를 의존하면 된다. 이러면 데이터 가져오기 패턴을 RSC 형태로 의존할 수 있다. InfiniteListItem는 서버컴포넌트, 클라이언트컴포넌트 무엇으로 구현하더라도 상관없다. 가령 아래와 같은 식:

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const { items, hasNext } = await getItems(page)
  return (
    <div>
      <Collection id={page}>
        {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
      </Collection>
      {hasNext && (
        <IntersectionObserver nextUrl={`/?page=${page + 1}`} />
      )}
    </div>
  )
}

검색 조건이나 검색어에 따라 상태를 초기화시키려면 다음과 같이 표현하면 된다.

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const query = parseInt((await searchParams).query ?? "")
  const { items, hasNext } = await getItems(page, query)
  return (
    <div>
      <Form action="/">
        <input name="query" />
        <button />
      </Form>
      <Collection id={page} key={query}>
        {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
      </Collection>
      {hasNext && (
        <IntersectionObserver nextUrl={`/?page=${page + 1}&query=${query}`} />
      )}
    </div>
  )
}

매우 PHP스럽고, 암묵적이기도 하다. 다만 RSC의 데이터 가져오기 패턴을 활용하면서 기존 컴포넌트를 최대한 재사용할 수 있게 된다는 점이 좋다.

시대를 만만히 봐서는 안 됩니다. 받을 돈은 1+1=3으로 줄 돈은 1+1=2로 계산하면서 그거랑 이거는 원래 계산법이 다른거라고 진지하게 화내는 사람들이 세상에 많습니다.

v.daum.net/v/2025050616... 엌ㅋㅋㅋㅋ

[속보]김문수, 대선 일정 중단 선언…"경선 왜 했나"

https://github.com/asgeirtj/system_prompts_leaks
流出プロンプト

Vietnamese Graphic Design is an archive and index celebrating the history of Vietnamese graphic design.
Amazing place to find inspiration for print, stamps, posters, book covers, paintings, signage, and more

https://vietgd.com/

星展銀行好瘋，推銷看我手機沒接馬上改打工作電話，長話短說一直說我掛不掉，明天還要再打來問我要不要保，那保險內容我看了真的很還好呀
總之先把個人資料的工作電話給改掉....

[속보] 김문수 "당에서 대선 후보 끌어내리려 해…후보 일정 중단" 송고2025-05-06 16:11 www.yna.co.kr/view/AKR2025...

[속보] 김문수 "당에서 대선 후보 끌어내리려 해…후보...

Prompt chaining reimagined with type inference

https://www.haskellforall.com/2025/05/prompt-chaining-reimagined-with-type_2.html

Discussions: https://discu.eu/q/https://www.haskellforall.com/2025/05/prompt-chaining-reimagined-with-type_2.html

#haskell #programming

Hi! We're #newHere on floss.social. Thank you for harboring us on your ship!

Follow us for jobs *at* open source projects. And please submit any that you come across!

#getFediHired #freeSoftware

v.daum.net/v/2025050616... 엌ㅋㅋㅋㅋ

[속보]김문수, 대선 일정 중단 선언…"경선 왜 했나"

戲腳友人回港之前，大家討論咗好耐電影。
有一晚我地討論，到底電影最重要嘅係咩？我地都覺得最重要係好睇。

無論創作團隊想討論啲咩深刻議題都好，先用任何敍事手法講好咗個故事應該係最大原則，喺呢個基礎上再去傳遞滲透想講嘅各種大道理完全無問題，但唔好本末倒置。實在反感某啲電影連講好故事嘅能力都無，就想藉住套戲教觀眾點做人，未盡好本份就有泰山壓頂嘅說教味撲面而來，加劇咗觀影時嘅不適感，直白地表達嗰種反感就係：故仔都未撚拍好就想教我做人，你係邊位？

我成日覺得有啲創作人係好有趣，佢地好似以娛樂其他人為恥，係咪因為太怕作品受歡迎就被鞭撻娛樂至死呢？但明明一個作品由無到有到推上戲院，種種都牽涉商業行為，唔賣座就好難有下一套，點解對於娛樂性豐富嘅作品，有咁多人避之唯恐不及？

係咪因為好單純咁將娛樂與低俗掛咗鈎？

如多人從之則為俗，咁當好多人怕俗時候，呢種心態又係咪另類嘅俗氣？

RE: https://www.threads.com/@tsao_shih_han/post/DJS7lwbydHU

昨天回家發現我家長輩，又被騙了⋯⋯。
被朋友以來路不明的「神奇乳膏」抵債，聲稱塗了以後能讓白髮變黑、改善失智症狀，還說有「醫生保證」、「美國人體實驗」等背書。
結果我們深入查證後，發現這些產品可能來自被政府勒令停產、違反GMP規定、使用過期原料的藥廠。
決定完整整理相關經驗分享給大家，請大家一定要幫家中的長輩把關！
來路不明的產品不僅造成財物損失，更可能影響身體健康！！

完整經驗分享請見：
https://next-able.com/20250506-2/

[속보] 김문수 "당에서 대선 후보 끌어내리려 해…후보 일정 중단" 송고2025-05-06 16:11 www.yna.co.kr/view/AKR2025...

[속보] 김문수 "당에서 대선 후보 끌어내리려 해…후보...

Next.js 서버 액션은 서버 데이터를 가져오는 용도로 사용하기에 적합하지 않다. React 공식문서에서는 다음과 같이 말하고 있다.

Server Functions are designed for mutations that update server-side state; they are not recommended for data fetching. Accordingly, frameworks implementing Server Functions typically process one action at a time and do not have a way to cache the return value.

서버 액션이 여러 호출되면 바로 실행되는 대신 큐에 쌓이고 순차적으로 처리된다. 이미 실행된 서버 액션은 이후 취소할 수 없다.

이에 서버 액션을 데이터 가져오기로 활용하면 끔찍해지는 UX가 생길 수 있는데, 예를 들어 페이지의 목록 검색 화면에서 검색 후 데이터를 가져오는 상황에 않았다고 다른 화면으로 네비게이션이 불가능한 것은 일반적인 경험이 아니다.

이러면 RSC를 통해 무한 스크롤을 구현하지 못하는가? 에 대해서 의문이 생길 수 있는데 여기에 대해서 대안을 발견했다.

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const items = await getItems(page)
  return (
    <Collection id={page}>
      {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
    </Collection>
  )
}

"use client"

function Collection({ id, children }) {
  const [collection, setCollection] = useState(new Map([[id, children]]))
  const [lastId, setLastId] = useState(id)
  if (id !== lastId) {
    setCollection(oldCollection => {
      const newCollection = new Map(oldCollection)
      newCollection.set(id, children)
      return newCollection
    })
    setLastId(id)
  }
  return Array
    .from(collection.entries())
    .map(
      ([id, children]) => <Fragment key={id}>{children}</Fragment>
    )
}

대충 이런 꼴이다. 이러고 page를 증가시키거나 감소시키는건 intesection observer나 특정 엘리먼트의 onClick 이벤트 따위를 의존하면 된다. 이러면 데이터 가져오기 패턴을 RSC 형태로 의존할 수 있다. InfiniteListItem는 서버컴포넌트, 클라이언트컴포넌트 무엇으로 구현하더라도 상관없다. 가령 아래와 같은 식:

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const { items, hasNext } = await getItems(page)
  return (
    <div>
      <Collection id={page}>
        {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
      </Collection>
      {hasNext && (
        <IntersectionObserver nextUrl={`/?page=${page + 1}`} />
      )}
    </div>
  )
}

검색 조건이나 검색어에 따라 상태를 초기화시키려면 다음과 같이 표현하면 된다.

function ServerComponent({ searchParams }) {
  const page = parseInt((await searchParams).page ?? "1", 10)
  const query = parseInt((await searchParams).query ?? "")
  const { items, hasNext } = await getItems(page, query)
  return (
    <div>
      <Form action="/">
        <input name="query" />
        <button />
      </Form>
      <Collection id={page} key={query}>
        {items.map(item => <InfiniteListItem key={item.id} {...items} />)}
      </Collection>
      {hasNext && (
        <IntersectionObserver nextUrl={`/?page=${page + 1}&query=${query}`} />
      )}
    </div>
  )
}

매우 PHP스럽고, 암묵적이기도 하다. 다만 RSC의 데이터 가져오기 패턴을 활용하면서 기존 컴포넌트를 최대한 재사용할 수 있게 된다는 점이 좋다.

병원 그냥 내일 갈까... 그래야겠다.

今天是5/6，我的室內溫度計已經連續三天觀測到30℃以上。請問各位象友，你們是否已經開冷氣了？

[Nightly Blog] Keep on Rolling with Profile Improvements – These Weeks in Firefox: Issue 180 https://blog.nightly.mozilla.org/2025/05/05/keep-on-rolling-with-profile-improvements-these-weeks-in-firefox-issue-180/

Bandcamp、アーティストが撤退すると再DLできなくなるということを知った、ありえん (私はローカルにあるからいいが……)

이거 한국어로 번역된 소식을 접했는데 우타다 히카루가 일본인인 사실은 나도 잘아는데 중국으로 꺼지라는 소리를 듣고있단것을 들었다 한국과 일본의 극우는 소름끼칠정도로 닮아있다

RE: https://bsky.app/profile/did:plc:43ab2c4r5skpzau4yvlhci23/post/3lohp2ihq3k2u

구트현X(-_-)가 그나마 있던 영어 고객지원 계정을 삭제하고, 도움말 센터와 유료이용자 지원 계정만 남길거라고. 물론 욕을 퍼먹고 있음. arstechnica.com/tech-policy/... 외국 유저들은 X고객 센터에서 답변을 받기까지 6개월 이상 기다려야 했고, 계정 정지 후에도 계속 요금이 청구되었다고 분노.

Disgruntled users roast X for ...

도심속의 음악회

そんな

Bandcamp、アーティストが撤退すると再DLできなくなるということを知った、ありえん (私はローカルにあるからいいが……)

もじもじアオバ​​

パティ・スミスかっこいいと言いながら、片手にスタバやマックを持つような人間にはなりたくない。

実家に普段の冷蔵庫1台以外で3台あったわ…

RE: https://misskey.io/notes/a7fq3bflu0ak0663

On a les ami-e-s qu’on mérite

ごちそうフォトさんで気づくメディアサーバの復活じゃん