프론티어

Fronteer = Frontend + Engineer!
행복한 프로그래밍을 꿈꾸는 프리랜서

[Hamzawi @Halzahrani791]

@makulas1913 اكره التايب سكربت
لانها تزيد تعقيد الاكواد وصيانتها
وتفقد اكبر ميزة للجافاسكربت (سهولتها)

[무치👽 @M00chi_ya]

요즘 애들은 수학 뺄셈할때
안빌려오는거 알아…?? 😳
충격이다…
이거 몇년생부터 이렇게 배우는거야

[lucas @lucas_flatwhite]

URL 하나로 DESIGN.md 얻으세요!

🛠 Design Extractor
https://t.co/lpfqH3Uwjf

아이디어 자체는 단순한데, 실용성이 꽤 높아요.

마음에 드는 사이트의 디자인 언어를 그대로 냅다 뽑아서 내 프로젝트에 심는 것.

에이전트한테 "Linear 느낌으로 만들어줘욧!"라고 설명하는 대신, Linear를 직접 분석한 DESIGN.md를 던져주는 방식입니다.

사이트는 계속 개선 중이라서 북마크 해두면 좋아요. 기존 디자인 파일을 참고해도 매우 도움이 되지요!

↓

📄 생성되는 DESIGN.md에 포함된 것들

1. Color Palette > primary, secondary, accent, background 전체 색상 체계

2. Typography > 폰트 패밀리, 굵기, 사이즈, 줄 높이까지

3. Spacing & Shape > 패딩, 반경, 레이아웃 값

4. CSS Variables > 실제 코드에서 바로 쓸 수 있는 커스텀 속성 매핑

5. Theme Tags > 전체 분위기와 디자인 키워드 요약

갤러리만 참고해도 좋아요. 북마크!!!

[MadeWithVueJS @MadeWithVueJS]

vue-bind-once – a tiny, SSR-safe directive for binding random data to an element ⮂ - https://t.co/oY2vcp2gMA

[Viking @vikingmute]

今天发现 Awesome Design MD 出了一个单独的网站了：https://t.co/J3gfd8Aflh
这下安装就方便多了，不用在 Github 中拷贝了，只需要找到自己喜欢的 design 然后运行它们封装好的命令
npx getdesign@latest add XXX 就好了

而且现在的 design.md 越来越全了，出名的产品已经包括很多了，经过我比较深入的使用，发现这个资源是非常赞的，需要的朋友们可以收藏一下了

[Cognac(꼬냑) @supernovajunn]

안드레 카파시가 GitHub에 파일 하나를 올렸다.

코드도 없다. 앱도 없다. 그냥 마크다운 문서 하나만 있는데. 이름은 llm-wiki.md. 올린 지 10시간 만에 별 1,757개, 포크 318개를 받았다.

이 뜻은 전 세계 개발자들이 그 파일 하나 보고 "바로 이거야"를 외쳤다는 뜻이다.

그동안 우리가 AI를 쓰는 방식이 사실 꽤 비효율적이었다는 것을 아는가?

지금 대부분의 사람들은 AI에게 파일을 던져주고 "이거 요약해줘", "이거 분석해줘"를 반복한다. 질문할 때마다 AI는 그 문서를 처음 읽는다. 어제 읽었던 논문, 지난달에 저장해둔 기사, 3년 전에 메모해둔 아이디어를 말이다.

AI는 그걸 기억하지 못한다. 매번 새로 읽고, 매번 새로 연결하고, 매번 새로 이해한다. 쌓이는 게 없다.

이걸 RAG 라고 부른다. 기술적으로는 아무 문제없다. 근데 생각해보면 이상하다. 당신이 매일 같은 책을 처음 읽는 사람한테 질문을 던지는 거랑 같다. 그 사람은 절대 전문가가 될 수 없다. 어제 읽은 걸 오늘 잊으니까.

카파시가 제안한 건 다르다. AI가 지식을 읽을 때마다 그냥 답을 뱉고 끝내는 게 아니라, 그걸 위키에 쌓아두는 것이다. 연결하고, 모순을 찾아 표시하고, 업데이트하고, 계속 더 풍부하게 만들어간다. 새 자료가 들어올수록 위키는 더 똑똑해진다. 쌓인다. 마치 이자의 복리처럼.

구조는 단순하다. 세 겹이다.

첫 번째 겹은 원본 자료들. 논문, 기사, 메모. AI는 이걸 읽기만 하고 절대 건드리지 않는다.

두 번째 겹은 위키. AI가 직접 쓰고 유지하는 마크다운 파일들. 요약 페이지, 개념 페이지, 연결 페이지. 당신이 읽고, AI가 쓴다.

세 번째 겹은 스키마. AI한테 "이 위키를 어떻게 관리해"라고 알려주는 설정 파일. 카파시는 이걸 AGENTS.md나 CLAUDE.md에 넣어두라고 한다.

카파시 본인은 왼쪽에 AI 에이전트, 오른쪽에 옵시디언을 열어두고 쓴다고 했다. AI가 위키를 수정하면 옵시디언에서 실시간으로 업데이트되는 걸 본다고. 그의 표현이 정확하다. "옵시디언은 IDE, AI는 프로그래머, 위키는 코드베이스다"

예를 들어, 책을 읽는 방식도 달라진다. 소설 한 권 읽으면서 챕터마다 AI한테 넣으면, 끝날 때쯤 등장인물 관계도, 복선 추적 페이지, 주제 연결 지도가 완성되어 있다. 톨킨 게이트웨이처럼 수천 명이 수년에 걸쳐 만든 팬 위키를 혼자, AI와 함께, 책 한 권 읽는 시간에 만들 수 있다.

근데 이 파일이 왜 이렇게 빠르게 퍼졌냐. 기술적으로 새로운 게 있어서가 아니다.

카파시가 이 파일을 "아이디어 파일"이라고 부른 게 핵심이다. 코드가 없다. 우리가 직접 설치할 게 없다. "이 아이디어를 당신 에이전트에게 그대로 복붙하면, 에이전트가 당신 상황에 맞춰 직접 구현해준다"는 것이다.

시대가 바뀌었다. 더 이상 앱을 공유하는 게 아니라 아이디어를 공유하는 방향으로 흐르는 것 같다. 받은 사람이 실행하는 게 아니라, 받은 사람의 에이전트가 실행한다.

이게 왜 충격인지 생각해보면 된다. 오픈소스 소프트웨어는 코드를 나눈다. 하지만 코드는 여전히 직접 설치하고, 설정하고, 유지해야 한다.

아이디어 파일은 다르다. 에이전트가 당신 환경, 당신 워크플로우, 당신 취향에 맞게 알아서 구현한다고 보면 될 것이다.

우리는 오래전부터 "정보가 너무 많아서 문제"라고 했다. 근데 사실 정보가 많은 게 문제가 아니었다. 정보가 연결되지 않는 게 문제였다.

LLM 위키는 그 연결을 AI한테 맡기는 거다. 당신이 할 건 좋은 자료 찾아오는 것, 그리고 좋은 질문 던지는 것. 나머지 연결, 요약, 교차참조, 모순 발견, 업데이트는 에이전트가 한다. 우리의 생각과 뇌는 더 중요한 일에 쓰인다.

지식을 쌓는다는 건 원래 그런 거였다. 연결되고, 업데이트되고, 깊어지는 것. 우리는 그냥 그걸 할 인내심이 없었을 뿐이다. 에이전트는 인내심이 무한하다.

[ㄹ @disjukr]

비위생적인 코드베이스에서 가장 먼저 해야할건 버그해결과 성능개선이 아니고 코드를 정리하는 일이다.
정리되지 않은 코드 위에서는 다른 작업을 하기가 극도로 어려울 뿐더러 대부분의 경우 단순히 코드를 정리하는 것 만으로 버그는 사라지고 성능은 개선된다.

[Mastering Nuxt @MasteringNuxt]

💁‍♀️ With @nuxt_js, when you set `keepalive: true` in the `definePageMeta` of a child page, its state will be preserved even when navigating between sibling pages.

👇

[구루 @xguru]

허허 DeepSeek가 오픈소스만 공개한게 아니라 2/27일 하루치 운영비용 과 수익을 통채로 공개
운영비용 1.2억원/수익 8.2억으로 수익률 545%

[햄스터아저씨 @HamsterSyria]

돈주고도 못배우는 grep 핵꿀팁 옵션2개

A: after-context = 앞부분 갯수
B: before-context = 뒷부분 갯수

예시)
grep keyword -A2 -B5
-> 키워득가 포함된 라인의 앞 2줄과 뒷 5줄을 함께 출력해라

[AshutoshShrivastava @ai_for_success]

Cursor hype is real, and it's definitely the best AI-powered IDE for SWE.

Top examples that show the true power of Cursor.

🔖 Bookmark this for future reference.

[용서 @sangwan_yoseph]

스마트한 생활을 위해 필요한 ai 툴 모음집

[あるる ChatGPT × AIツール @chatgptair]

AIは流行に乗り遅れるとあっという間に置いていかれます。
ここ1ヶ月で話題になってるAIをコメントとともにまとめました。

最近話題のAIまとめ6選

【Napkin AI】
・ついに日本語対応で万能に
・文章から図解作成してくれるAI
・スライド用の図解作成お助けマン
・出力される図解の見やすさ半端ない

【Genspark】
・Perplexityより記事作成の質が高い
・参考記事つきで深いところまで検索してくれる
・これが無料で使えるのはヤバい

【Image FX】
・Googleが本気出した画像生成AI
・日本に関する画像のクオリティがめちゃくちゃ高い
・なのに無料でブラウザで使える
・動画生成AIのrunwayやLumaAIとも相性がいい

【v0】　
・日本語で対話するだけでアプリやサイト構築できる
・5分でオリジナルサイトが作れる
・Claude Artifactsより生成精度が高い
・これも無料で使える

【Midjourney Web】
・Web版が登場して使い勝手が向上
・なんだかんだ一番使いやすい
・精度と修正力などはトップレベル
・昔使ってた人は再度課金する価値あり

【Marp】
・スライド生成用VS Codeのプラグインツール
・Marp自体はAIではない
・Marp×ClaudeやChatGPTでコードを書かせると秒で終わる
・マークダウン形式でスライド生成ができる

↓それぞれのツールのリンクはリプに

[현빈 | Hyunbin @hyunbinseo97]

카카오톡 인앱 브라우저에서 안드로이드 / iOS 기본 브라우저를 열 수 있습니다! 심지어 자바스크립트도 필요하지 않습니다. 직접 해보세요. https://t.co/CJgDzoTyII

[GeekNews @GeekNewsHada]

CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 https://t.co/DduvRCTgRC
- CSS는 마침내 `align-content`를 디폴트 레이아웃에 추가하여 **단 한 줄의 CSS 속성**으로 수직 정렬이 가능해짐
- 지원 버전 Chrome 123, Firefox 125, Safari: 17.4
- 현재는 기본 레이아웃(flo...

[Vue @vuejs]

Vue 3.5 is now in RC! We recommend everyone to try out 3.5.0-rc.1 in your projects early to catch potential regressions. If no major issues are found, expect 3.5 stable next week.

[응... 시로코 내꺼 @if1live]

개행을 어디에 넣냐, 배열 만들때 몇개단위로 짜를것인가, 같은거에 다 의도를 넣을수 잇는데

멍청한 포매터는 의도를 뭉개버린다

멍청한 포매터 쓰고 의도를 잃어버리기 vs 포매터 안쓰고 코드 개판되기
에서는 선택지가 정해져있어서 흑흑

[Chung Ha @ChungHa4]

절대 아님.

프로젝트의 성공은 70%만 힘을 쓰는데 있음.
기진맥진 후 그 다음의 성공은 없음.

[미량 @MiryangJung]

발표 자료때매 폰트 찾다가
파워포인트를 위한 무료 폰트 Freesentation(프리젠테이션)을 발견했다 🍀
파워포인트를 위한 폰트라는데 가독성이 좋고 깔끔해서 맘에 든다.

그리고
모든 상업적 행위 및 수정, 재배포가 가능합니다. 맘껏 쓰세요!
라는 마지막 멘트가 멋있다...
https://t.co/t5MfCEAaPE