이렇게 외주 플랫폼에 20개 정도 지원했다...

The Level Design Book

Link: https://book.leveldesignbook.com
Discussion: https://news.ycombinator.com/item?id=44086973

요즘 개발을 안하고 마케팅하고 프롬프트 돌려서 외주 포트폴리오 정리하고, 정리한걸 CSV 파일로 출력해서 그걸 Gemini한테 던지고 외주공고 복붙해서 지원서 생성 자동화해달라고 하는중...

Hacker News now runs on top of Common Lisp https://lobste.rs/s/vypfzm #lisp
https://lisp-journey.gitlab.io/blog/hacker-news-now-runs-on-top-of-common-lisp/

npm Deep Dive - npm의 동작 원리부터 패키지 개발과 관리까지, npm의 모든 것 (전유정, 김용찬 (지은이) / 위키북스 / 2025-06-12 / 55,000원) https://feed.kodingwarrior.dev/r/olgtCJ

https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=364922956&partner=openAPI&start=api

@witch마녀 프론트엔드 파워블로거님 안녕하세요 반가워요

한국 페디버스 개발자 모임에서 주최한 스프린트에 다녀왔다. 기여하고자 했던 https://github.com/fedify-dev/fedify/issues/169 는 또 JSON-ish 관련 이슈로 해결하지 못했지만 소규모 모임에서 얻을 수 있는 좋은 분위기와 에너지를 맘껏 느껴 좋았다. PR은 보내지 못했지만 Fedify 마스코트(이름 없음)로 키링 만들어 나눠드려 그나마 다행이었다. 행사 준비하고 진행해준 @hongminhee洪 民憙 (Hong Minhee) 님께 감사드린다.

페디버스 행사가 있는 날에 하필 트위터 서비스가 고장나서 오랜만에 마스토돈에 글 남겨본다 ㅋㅋ

@beankuu🍁 빈꾸 🐿 저기 우리집 근처임

@hongminhee洪 民憙 (Hong Minhee) 이미.... 다 받은 사람들일 것 같습니다,,,,

해커즈 퍼브 저장소를 딥위키에 넣어 봤다! https://deepwiki.com/hackers-pub/hackerspub

다른 페디버스 서버에서 온 메시지라 그런가, 약간 외계인이 보낸 전파 신호를 감지한 느낌이 든다.

와..... 이거 뭐냐.......

@jaxon 안녕하세요! 반갑습니다!

@heesom진희솜 안녕하세요! 반갑습니다!

AI직원의 출근거부사태에 이어, 업데이트가 몇분째 없길래 뭐하고 있냐고 물으니까 황급하게 다시 일하기 시작했다(아마 이용자가 몰려서인것으로 예상). 졸기까지하고 사람 다 됐구만.

페디버스 생태계 개발은 일종의 놀이터라는 인식이 더더욱 퍼질 필요가 있다(?)

I've been thinking about adding a debug dashboard to #Fedify that shows all #ActivityPub activities being sent and received in real-time. This would include filters by activity type, detailed inspection of JSON-LD content, signature verification details, and retry management for failed deliveries.

As a #fedidev, would you find this useful for troubleshooting federation issues? Any other features that would be helpful in such a debugging tool?

The Official Python Documentary has published their teaser trailer at PyCon US 2025, and I'm so honored to be part of the story of Python along with other prominent Python figures.

Check the trailer, and watch the official launch of the documentary at EuroPython later this year.

https://youtu.be/pqBqdNIPrbo

#PyConUS #Python #EuroPython

(오프모임 얘기가 나오는 와중에 조용한 자칭 행동대장)

@minhoryang 그냥 21일에 풀려요. 멘토 선정 결과 페이지에 일정이 적혀있긴 했어요

요즘은 내가 코드를 짤 일은 없고, 개발계획도 AI가 짜고, 개발을 실제로 하는것도 AI가 한다. AI가 좀 핀트 어긋난 것 같으면 내가 잠깐 수정해주는 정도? 누가 보면 바이브 코딩이지만, 엄밀하게는 "바이브 코딩"은 아니다.

요즘 애용하고 있는 워크플로우는 이렇다.

1. Gemini 웹 대화창 띄워서 "~~한 요구사항이 있어. 시니어 개발자로서 어떻게 작업을 이어나갈지 계획을 알려줘" 하고 마스터 플랜을 뽑는다
2. Gemini에서 응답이 오면, "AI 한테 그걸 시킬건데, AI가 이해할 수 있게 스텝 바이 스텝으로 XML 포맷으로 지시사항을 알려줘. 각각의 지시사항은 하나하나 검토하기 편하게, 여러개로 분리된 파일이었으면 좋겠어" 라고 프롬프트를 순차적으로 뽑아낸다
3. 검토할 거 검토해보고, 적당히 괜찮겠다 싶으면, 프롬프트를 Aider든 뭐든 AI에다가 복붙하면 끝.
4. 최종 결과는 Repomix 돌려서 Gemini 웹 대화창에 올리고, 1~3을 반복

중소규모 플젝은 이게 잘 먹히고, 3주에 걸쳐서 할 것 같았던 작업을 3일컷으로 끝냈다.

Here's the full workshop handout plus annotated slides from "Building software on top of Large Language Models", a three hour tutorial I presented yesterday at PyCon US #PyConUS https://simonwillison.net/2025/May/15/building-on-llms/

@hongminhee洪 民憙 (Hong Minhee) 헉....... 이건 귀하군요......

다음주 수요일부터 OSS 컨트리뷰션 아카데미 멘티 모집을 하는군아.... 연합우주 쪽 사람이라면 Fedify 지원합시다

How to Build a Smartwatch: Picking a Chip

Link: https://ericmigi.com/blog/how-to-build-a-smartwatch-picking-a-chip/
Discussion: https://news.ycombinator.com/item?id=43981680

@hatchling13Jung Wook Park 완전 멋져용

Helix Editor랑 이름이 충돌되지 않나 했는데 역시나 https://news.ycombinator.com/item?id=43976348

Show HN: HelixDB – Open-source vector-graph database for AI applications (Rust)

Link: https://github.com/HelixDB/helix-db/
Discussion: https://news.ycombinator.com/item?id=43975423

( ~ 5/31) 제 3회 파이 웹 심포지움 참가자 모집

< 이 행사는 한빛미디어의 장소 후원을 받았습니다 > 주제: AI 시대를 위한 파이썬으로 웹 서비스 개발하기

최근 파이썬이 가장 많이 쓰이는 분야는 단연코 AI입니다. 이제 AI 서비스에 웹 개발이 필요해지는 순간이 많아졌습니다.

웹 서비스 개발 뿐 아니라 openai 나 bedrock같은 AI 서비스의 api 를 이용한 또 다른 서비스를 만들어야합니다.

AI 서비스를 만들면서 겪은 웹 서비스 기술을 함께 나누어보세요! 세션이 끝난 이후엔 다과와 함께 네트워킹 시간도 가질 수 있습니다.

일시 : 2025년 5월 31일 (토) 13:00 ~ 18:00 장소 : 서울특별시 서대문구 연희로2길 62 한빛미디어 리더스홀

https://event-us.kr/pythonkorea/event/103147

해커스펍이 파이콘 커뮤니티 후원사로 선정이 되어서 이번엔 진짜 해커스펍 로고가 필요해졌다는 소식입니다..... 파이콘 홈페이지에 로고랑 같이 커뮤니티 소개가 올라갈 예정임....

cc @hongminhee洪 民憙 (Hong Minhee)

5월 24일(土) 한국 연합우주 개발자 모임(FediDev KR)에서 두 번째 스프린트 모임을 개최합니다! 장소는 뚝섬역 5번 출구쪽에 위치한 튜링의 사과(@TuringAppleDev튜링의 사과)입니다.

참고로 스프린트 모임이란 함께 모여서 오픈 소스 코딩을 하는 자리인데, 한국 연합우주 개발자 모임의 스프린트에서는 새로운 연합우주 서비스나 앱을 개발하거나, 번역이나 문서에 기여하는 등 연합우주와 관련된 다양한 오픈 소스 활동을 모여서 함께 합니다. 지난 스프린트 모임의 기록을 스프린트 블로그(@sprints.fedidev.kr한국 페디버스 개발자 모임)에서 살펴보실 수 있습니다.

저는 그날 Fedify, Hollo, Hackers' Pub에 기여하시고자 하는 분들을 옆에서 도와드릴 예정입니다. Fedify, Hollo, Hackers' Pub에 기여해보고 싶었던 분들이 계시다면 모임에 참가하여 저와 함께 스프린트를 해보는 것도 좋을 것 같습니다.

이번 모임에 관심이 있으신 분은 행사 신청 페이지를 참고하시기 바랍니다.

@hongminhee洪 民憙 (Hong Minhee) @akastoot악하

이젠 진짜 로고를 구해야만 해요 (사유 : 부스에 스티커 배치해놓고 뿌려야함)

• 데이터베이스 공짜 점심 or 인증서버 구축 Supabase
• 프론트엔드 배포는 Cloudflare Pages
• 백엔드 서버는 fly.io
• 오브젝트 스토리지가 필요할땐 Cloudflare R2

너무 편하다.......

[네이버] FE News 25년 5월 소식을 전해드립니다!

사실 후자는 좀 프로토콜이랑 그 응용에 좀 더 포커스를 둔 느낌이긴 하다. 이걸 엮어서 글로 써낼지.. 아니면 강박을 내려놓고, 생각이 나는 소재로 글을 쓸지... 근데 면접 준비는 하긴 해야겠는데, 고민이다.... 스터디라도 해야하나....

웹 브라우저 엔지니어링 https://browser.engineering 고성능 브라우저 엔지니어링 https://hpbn.co

요렇게 두개 번갈아서 공부하면서 기록으로 남기면 CS 향이 첨가된 프론트엔드 면접 준비하긴 괜찮을 것 같음. 전자는 웹브라우저 구현 그 자체에 대해 다루고 있다면, 후자는 웹브라우저로 서비스를 이용하는 전반적인 사이클 + 각 단계에서 성능을 최적화하는 방법을 설명하고 있음.

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의 데이터 가져오기 패턴을 활용하면서 기존 컴포넌트를 최대한 재사용할 수 있게 된다는 점이 좋다.

@dogdriip 여기서 반가워욥~~!!

@z9mb1wwj 그에 준하는 Fluent Python 이라는 책은 있어요

@joonnotnotJoon 감사하십시오

@joonnotnotJoon 가볍게 읽을거면 Atomic Habits 요거 많은 엔지니어 블로그에서 샤라웃 받는 책이에요

바이브코딩 : 인터넷이 잘터지는 환경에서나 성립이 가능함

@hongminhee洪 民憙 (Hong Minhee) @ysh염산하 https://product.kyobobook.co.kr/detail/S000001033020 있었는데요 없었습니다

@ysh염산하 넹. 원서는 아예 오픈이에욥

진심 나 이 책 가지고 프론트엔드, SRE, 백엔드 요렇게 모아놓고 스터디 한번 해보고 싶어. 책 자체가 좀 근본이기도 하고, 각자 다른 관점의 실무를 하는데 맥락이 어떻게 이어지는지도 좀 궁금해

커서를 제대로 사용하는 12가지 방법
------------------------------
* 커서 디자이너가 말하는 커서 사용법인데, 잘 몰랐던 내용들이 있어 공유드립니다.
1. Cursor는 프로젝트 별로 규칙(Rules)을 세울 수 있음. Cursor > Setting > Cursor Settings로 접근하면 됨
2. Cursor는 .cursurignore 기능이 있어서, 테스트 케이스 파일을 편집할 수 없게 할 수 있음
3. .cursor 폴더 안에…
------------------------------
https://news.hada.io/topic?id=20595&utm_source=googlechat&utm_medium=bot&utm_campaign=1834

@parksbSimon Park 옛날에 중고등학생때 사회과목 과제로 대본 만들어서 토론 수업하는걸 재연하듯이 프롬프트 짜면 어떻게 될 것 같은 느낌적인 느낌이 듭니다...

@parksbSimon Park 이거 약간 가상의 사회자가 있고, PDF에 있는 내용을 중심으로 괜찮은 팟캐스트 포맷대로 대본만들어서 TTS 해주면 될 것 같은데요.

@bglbgl gwyng 하스켈 툴링에 많이 익숙해져야겠군요 이런,,,