뭐야 이거, 한계에 다다른 웹 성능 최적화에 한발짝 더 나아갈 수 있는 zstd에 대해서 알아봅시다.

zstd, 웹 성능 최적화의 새로운 도약

2015년 페이스북이 내놓은 zstd가 2023년 6월부터 decompression을 지원한다고 해요.
이번 글을 성능을 비교한 글이네요.

글 막바지에 Nginx에 적용한 다음글이 링크되어있으니 함께 봐보세요 :)

https://velog.io/@baby_dev/front-end-zstd-웹-성능-최적화의-새로운-도약

2015년 페이스북이 내놓은 zstd가 2023년 6월부터 decompression을 지원한다고 해요.이번 글을 성능을 비교한 글이네요. 글 막바지에 Nginx에 적용한 다음글이 링크되어있으니 함께 봐보세요 :) https://velog.io/@baby_dev/front-end-zstd-웹-성능-최적화의-새로운-도약

velog.io

zstd로 웹 성능 최적화하기!

아니, 개발자가 사라질 판이다. | 최근 'AI는 웹 개발 학습에 방해가 된다'라는 제목의 글을 읽었다. 이 글의 작성자는 Tufts University의 JumboCode 클럽에서 학생들이 LLMs(대규모 언어 모델)를 사용하면서 웹 개발의 기초를 제대로 배우지 못하고 있다고 비판하고 있었다. 특히, LLMs가 생성한 코드가 종종 품질이 낮고, 학생들이 문제 해결 능력을 키우는 데 방해가 

AI는 웹 개발 학습에 방해가 된다?

어그로 끌어볼려고 제목을 저리 지어봤습니다.
https://edykim.com/ko/post/you-used-open-source-and-are-you-a-developer/
(제목을 따라한 원문 글)

생성AI를 사용하면 학습에 큰 도움을 받을 수 있습니다.
학습을 할 때 피드백 주기가 매우 중요하죠. 아무리 좋은 선생님이라도 24시간 피드백할 수 없습니다. 그렇지만 생성AI는 잠들지도, 화내지도 않고 피드백 합니다.

https://brunch.co.kr/@im-dan/15

어그로 끌어볼려고 제목을 저리 지어봤습니다.https://edykim.com/ko/post/you-used-open-source-and-are-you-a-developer/(제목을 따라한 원문 글) 생성AI를 사용하면 학습에 큰 도움을 받을 수 있습니다.학습을 할 때 피드백 주기가 매우 중요하죠. 아무리 좋은 선생님이라도 24시간 피드백할 수 없습니다. 그렇지만 생성AI는 잠들지도, 화내지도 않고 피드백 합니다. https://brunch.co.kr/@im-dan/15

Brunch Story

생성AI를 쓰셨던데 그러고도 개발자입니까?

1. 불확실성을 견디는 사람
불확실한 상황에도 묵묵히 1인분 이상을 해내는 사람

2. 불확실성을 즐기는 사람
불확실한 상황에서 만난 문제를 해결하길 즐기는 사람

3. 불확실성을 기회로 여기는 사람
불확실한 상황이 오히려 성장과 인정의 기회라고 믿는 사람

1. 불확실성을 견디는 사람불확실한 상황에도 묵묵히 1인분 이상을 해내는 사람 2. 불확실성을 즐기는 사람불확실한 상황에서 만난 문제를 해결하길 즐기는 사람 3. 불확실성을 기회로 여기는 사람불확실한 상황이 오히려 성장과 인정의 기회라고 믿는 사람

스타트업에서 모셔가는 개발자

그러니까 불확실한 사람을 모셔간다 이거죠!?

이모카세 1호는 매일 같이 우리 식탁에 오르는 음식으로 100명의 요리사 중 6위를 차지했어요. 일상적인 것으로 심사위원의 마음을 얻은 결과죠.

개발자인 우리도 일상적인 것으로 유저의 마음을 얻을 수 있어요. 화려하고 멋진, 최신의 기술이 아니라 일상적인 기술로도 유저의 마음을 얻을 수 있어요.

여러분이 일상에서 다루는 기술의 가능성은 작지 않아요. 새로운 기술은 필요한 순간에 적절하게 사용하면 그만이에요.

매일 반복되는 일상의 기술만 다룬다고 너무 조급해하지 않아도 괜찮아요. 여러분은 내공을 쌓고 계신 거니까요.

이모카세 1호는 매일 같이 우리 식탁에 오르는 음식으로 100명의 요리사 중 6위를 차지했어요. 일상적인 것으로 심사위원의 마음을 얻은 결과죠. 개발자인 우리도 일상적인 것으로 유저의 마음을 얻을 수 있어요. 화려하고 멋진, 최신의 기술이 아니라 일상적인 기술로도 유저의 마음을 얻을 수 있어요. 여러분이 일상에서 다루는 기술의 가능성은 작지 않아요. 새로운 기술은 필요한 순간에 적절하게 사용하면 그만이에요. 매일 반복되는 일상의 기술만 다룬다고 너무 조급해하지 않아도 괜찮아요. 여러분은 내공을 쌓고 계신 거니까요.

흑백요리사, 이모카세가 대단한 이유

YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다.

 - YouTube

인프콘2024 영상이 유튜브에 올라왔네요.

그중에서 주환님이 발표한 내용이 있길래 얼른 가져와봤습니다. :)

실제 사례가 나와서 이해하기 좋더라고요!

https://youtu.be/0BVtkEj0zZI?si=RYNvvqXLLVwiN707

인프콘2024 영상이 유튜브에 올라왔네요. 그중에서 주환님이 발표한 내용이 있길래 얼른 가져와봤습니다. :) 실제 사례가 나와서 이해하기 좋더라고요! https://youtu.be/0BVtkEj0zZI?si=RYNvvqXLLVwiN707

youtu.be

우당탕탕 신입 PM 성장기

드림웍스의 애니메이션 영화 “와일드 로봇”을 봤다. 영화의 주제는 아니지만, 보는 내내 마음이란 무엇인가, 로봇도 마음을 가질 수 있는 것인가라는 진부한(?) 생각을 해 보았는데, 결론은 로봇도 마음을 가질 수 있다였다.

AI의 마음은 고사하고 지능도 가짜다라는 말도 많이 하고, 마음과 지능의 정의가 명확하지 않기도 하지만, 지금은 아닐지 몰라도 AI가 지능을 가질 수 있다는 것은 분명해졌다는 것과, 최근에 공감 능력도 지능의 영역이라는 주장들의 근원을 생각해보면, 결국 감정과 마음은 고차원적인 지능이며, 그렇다면 AI가 마음을 가질 수 있다는 논리.

고전명작 “바이센테니얼 맨” 역시 그러한 이야기를 시사하기도 하는데.. 과연 조금 더 지나 더 강력한 AI가 발명된 미래에는 이 생각들이 어떻게 받아들여질지 궁금하기도하다.

드림웍스의 애니메이션 영화 “와일드 로봇”을 봤다. 영화의 주제는 아니지만, 보는 내내 마음이란 무엇인가, 로봇도 마음을 가질 수 있는 것인가라는 진부한(?) 생각을 해 보았는데, 결론은 로봇도 마음을 가질 수 있다였다. AI의 마음은 고사하고 지능도 가짜다라는 말도 많이 하고, 마음과 지능의 정의가 명확하지 않기도 하지만, 지금은 아닐지 몰라도 AI가 지능을 가질 수 있다는 것은 분명해졌다는 것과, 최근에 공감 능력도 지능의 영역이라는 주장들의 근원을 생각해보면, 결국 감정과 마음은 고차원적인 지능이며, 그렇다면 AI가 마음을 가질 수 있다는 논리. 고전명작 “바이센테니얼 맨” 역시 그러한 이야기를 시사하기도 하는데.. 과연 조금 더 지나 더 강력한 AI가 발명된 미래에는 이 생각들이 어떻게 받아들여질지 궁금하기도하다.

ChatGPT는 자존감을 향상시키는데 도움을 받을 수 있는 최고의 도구. 다음과 같이 질문 해 보아요.

“우리의 모든 대화를 바탕으로, 내가 나 자신에 대해 알지 못할 수 있는 것을 하나 말해줄 수 있어?”

ChatGPT는 자존감을 향상시키는데 도움을 받을 수 있는 최고의 도구. 다음과 같이 질문 해 보아요. “우리의 모든 대화를 바탕으로, 내가 나 자신에 대해 알지 못할 수 있는 것을 하나 말해줄 수 있어?”

TanStack Router를 써보신 적 있으신가요? TanStack Query는 많이 사용하시는 것 같지만 TanStack Router는 아직 낯설으실 수 있을 것 같은데요, 어떻게 사용하는지 무엇이 좋은지 설명하는 글입니다:)

[번역] TanStack Router를 소개합니다

오늘 소개할 글은 라인플러스의 김은빈님이 작성해주신 글입니다.

TanStack Router를 써보신 적 있으신가요?

TanStack Query는 이제 많이 사용하시는 것 같지만 TanStack Router는 아직 낯설으실 수 있을 것 같습니다. 저는 현재 진행하고 있는 프로젝트에서 처음 TanStack Router를 사용해 보았는데 꽤나 만족하고 있어 이 글을 골라보았습니다.

이 글에서는 TanStack Router를 어떻게 사용하는지 또 무엇이 좋은지 설명하고 있습니다. 샘플 프로젝트를 기반으로 작성되어 있어 차근차근 따라가며 읽어보기 좋은 글입니다. 이미 사용해 보셨더라도, 다시 한번 되짚어보는 것은 어떠실까요:)

글 링크: https://velog.io/@eunbinn/introducing-tanstack-router

오늘 소개할 글은 라인플러스의 김은빈님이 작성해주신 글입니다. TanStack Router를 써보신 적 있으신가요? TanStack Query는 이제 많이 사용하시는 것 같지만 TanStack Router는 아직 낯설으실 수 있을 것 같습니다. 저는 현재 진행하고 있는 프로젝트에서 처음 TanStack Router를 사용해 보았는데 꽤나 만족하고 있어 이 글을 골라보았습니다. 이 글에서는 TanStack Router를 어떻게 사용하는지 또 무엇이 좋은지 설명하고 있습니다. 샘플 프로젝트를 기반으로 작성되어 있어 차근차근 따라가며 읽어보기 좋은 글입니다. 이미 사용해 보셨더라도, 다시 한번 되짚어보는 것은 어떠실까요:) 글 링크: https://velog.io/@eunbinn/introducing-tanstack-router

TanStack Router를 소개합니다

개발자의 인문학 공부를 함 시작해볼까 하는데요. ㅎㅎ 가장 쉽게(?) 생각 할 수 있는 방법으로 인문학 관련한 책 100권 읽기 프로젝트를 함 해보려고 하는데, 많은 인문학도 여러분들의 추천 부탁드리겠습니다. ㅎㅎ 🙏

인문학 책의 범위는 과연 어디까지인가부터가 어렵더라고요. 철학책부터..소설책도 인문학책이라고 하면 그럴 수도 있으니까요. 그래서, 그냥 추천 받아서 읽어보는 것으로 ㅎㅎ

이 프로젝트는 원래 예전부터 해볼라고 했지만 밍기적거리고 있었는데, 우리나라가 노벨 문학상을 탄 것을 보니 바로 시작해야겠다는 생각이 들었습니다. ㅎㅎ 노벨상의 긍정적인 효과?! 😆

암튼 무식한 공돌이를 위해 많은 인문학도 여러분들의 도움 부탁드립니다. 🙏

개발자의 인문학 공부를 함 시작해볼까 하는데요. ㅎㅎ 가장 쉽게(?) 생각 할 수 있는 방법으로 인문학 관련한 책 100권 읽기 프로젝트를 함 해보려고 하는데, 많은 인문학도 여러분들의 추천 부탁드리겠습니다. ㅎㅎ 🙏 인문학 책의 범위는 과연 어디까지인가부터가 어렵더라고요. 철학책부터..소설책도 인문학책이라고 하면 그럴 수도 있으니까요. 그래서, 그냥 추천 받아서 읽어보는 것으로 ㅎㅎ 이 프로젝트는 원래 예전부터 해볼라고 했지만 밍기적거리고 있었는데, 우리나라가 노벨 문학상을 탄 것을 보니 바로 시작해야겠다는 생각이 들었습니다. ㅎㅎ 노벨상의 긍정적인 효과?! 😆 암튼 무식한 공돌이를 위해 많은 인문학도 여러분들의 도움 부탁드립니다. 🙏

‪제가.. 그래도 기술 서적 외에도 책은 많이 읽긴 합니다. 어릴 땐 하루종일 책만 읽고, 학기동안 학교 도서관 책을 전부 읽는 기행을 보이고 그래서 부모님이 걱정하실 정도였어요. 초딩때 푸코의 추 이런 것도 읽긴 했음. 기억이 하나도 안나서 그렇지 ㅋㅋㅋ‬

순수한 상태를 표현하는 컴포넌트로 디자이너와 개발자의 점점 커지는 융합을 유연하게 해결하기.

(번역) Pure UI

오늘 소개드릴 글은 네이버의 최지우님이 번역해주신 글입니다.

오늘 소개할 글은 현재 Vercel의 CEO인 Guillermo Rauch가 2015년에 작성한 글입니다. 이 글에서는 순수한 React 컴포넌트를 통해 상태를 UI로 표현하여, 디자이너와 개발자 간의 협업을 더욱 효과적으로 만드는 방법론을 제시하고 있습니다. 이 글은 당시 많은 FE 개발자에게 다양한 영감을 주었으며, 이 방법을 기반으로 영감받은 방법론과 디자인 시스템 라이브러리가 탄생하기도 했습니다.
이 글이 처음 발표된 지 9년이 지난 지금, 그 내용은 다소 당연하게 느껴질 수도 있습니다. 하지만 제가 이 글을 다시 소개하는 이유는, 개발 과정에서 UI의 확장과 변형에 따른 피드백을 어떻게 반영하는지 보여주는 원초적이고 직접적인 사례를 제공하기 때문입니다. 이러한 측면에서 이 글은 여전히 유효하고 중요한 시사점을 제공한다고 생각합니다.
직군이나 개인에 따라 문제를 정의하고 접근하는 방식은 다양할 수 있으며, 시간이 흐르면서 초기에는 발견하지 못했던 새로운 문제들이나 상태들이 등장하기도 합니다. 이 글에서는 이러한 다양한 상황을 '탐색(Discovery)'이라는 단어로 설명하며, 이 과정에서 문제의 정의나 그 범위를 설정하고, 적절한 도구를 활용해 문제를 해결하는 과정을 보여줍니다.
오늘날에도 디자인 시스템을 구축하거나 서비스를 유지 보수하는 과정에서 비슷한 피드백 루프를 경험하게 될 텐데요. 이 글을 통해 자신만의 통찰을 얻으시길 기대합니다 :)

글 링크: https://bit.ly/3NiIs0k

오늘 소개드릴 글은 네이버의 최지우님이 번역해주신 글입니다. 오늘 소개할 글은 현재 Vercel의 CEO인 Guillermo Rauch가 2015년에 작성한 글입니다. 이 글에서는 순수한 React 컴포넌트를 통해 상태를 UI로 표현하여, 디자이너와 개발자 간의 협업을 더욱 효과적으로 만드는 방법론을 제시하고 있습니다. 이 글은 당시 많은 FE 개발자에게 다양한 영감을 주었으며, 이 방법을 기반으로 영감받은 방법론과 디자인 시스템 라이브러리가 탄생하기도 했습니다.이 글이 처음 발표된 지 9년이 지난 지금, 그 내용은 다소 당연하게 느껴질 수도 있습니다. 하지만 제가 이 글을 다시 소개하는 이유는, 개발 과정에서 UI의 확장과 변형에 따른 피드백을 어떻게 반영하는지 보여주는 원초적이고 직접적인 사례를 제공하기 때문입니다. 이러한 측면에서 이 글은 여전히 유효하고 중요한 시사점을 제공한다고 생각합니다.직군이나 개인에 따라 문제를 정의하고 접근하는 방식은 다양할 수 있으며, 시간이 흐르면서 초기에는 발견하지 못했던 새로운 문제들이나 상태들이 등장하기도 합니다. 이 글에서는 이러한 다양한 상황을 '탐색(Discovery)'이라는 단어로 설명하며, 이 과정에서 문제의 정의나 그 범위를 설정하고, 적절한 도구를 활용해 문제를 해결하는 과정을 보여줍니다.오늘날에도 디자인 시스템을 구축하거나 서비스를 유지 보수하는 과정에서 비슷한 피드백 루프를 경험하게 될 텐데요. 이 글을 통해 자신만의 통찰을 얻으시길 기대합니다 :) 글 링크: https://bit.ly/3NiIs0k

항해99

Pure UI

🙅‍♂️ 내가 하지 않는 생각
- 이걸로 무조건 성공해서 돈 벌어야지
- 많은 기능 넣으면 사용자들이 좋아하겠지?
- 이왕 만드는 거 완벽하게 만들어야지

🙆‍♀️ 내가 하는 생각
- 사람들이 불편해 하는 점이 있는 것 같네. 한번 만들어 보자
- 실패해도 배운 점이 있도록 평소 사용하고 싶었던 기술이나 주제를 적용해보자
- 필요한 기능 1개만 추려서 빠르게 만들어 보자
- 완벽하기보단 우선 만들어보자. 반응 없으면 버리고, 반응이 있다면 그 때 개선하자

🙅‍♂️ 내가 하지 않는 생각- 이걸로 무조건 성공해서 돈 벌어야지 - 많은 기능 넣으면 사용자들이 좋아하겠지? - 이왕 만드는 거 완벽하게 만들어야지 🙆‍♀️ 내가 하는 생각- 사람들이 불편해 하는 점이 있는 것 같네. 한번 만들어 보자 - 실패해도 배운 점이 있도록 평소 사용하고 싶었던 기술이나 주제를 적용해보자 - 필요한 기능 1개만 추려서 빠르게 만들어 보자 - 완벽하기보단 우선 만들어보자. 반응 없으면 버리고, 반응이 있다면 그 때 개선하자

사이드 프로젝트 만들 때

Online JSON view, format, minify, validate and compare. It also provides graph view to preview JSON data, semantic comparing two JSON diffs, convert JSON to CSV or CSV to JSON and support jq online.

JSON For You | The best online JSON tool

json 을 table로 변환하는 툴들은 많이 봤었는데, 이렇게 graph로 변환까지 해주는 툴은 처음보는 것 같아요!
구조 비교 & 텍스트 비교로 2개의 JSON간 차이점 빠른 확인도 가능해서 더 좋아요!

https://json4u.com/editor

json 을 table로 변환하는 툴들은 많이 봤었는데, 이렇게 graph로 변환까지 해주는 툴은 처음보는 것 같아요! 구조 비교 &amp; 텍스트 비교로 2개의 JSON간 차이점 빠른 확인도 가능해서 더 좋아요! https://json4u.com/editor

JSON For You

파워풀한 json 시각화툴

알고리즘 입문자를 위한 달레의 친절한 안내서

알고리즘 | 알고달레

📕 코딩 테스트에 단골로 등장하는 문제(LeetCode, 프로그래머스)에 대한 다양한 접근 방법과 답안 코드 (Python, JavaScript, Java)
📗 코딩 문제를 풀 때 반드시 필요한 알고리즘과 자료구조 설명 (최대한 입문자의 눈높이에서 친절하게 쉽게 🤗)
📘 코딩 시험/면접 준비 관련 가이드 + 17년 차 개발자 달레의 코딩 테스트 노하우 공유

개발자 달레님이 만드신 사이트인데요,
무료로 열려있어 공부하기도 좋고 깔끔해서 눈으로 보기도 좋아요!

https://www.algodale.com/algorithms/

📕 코딩 테스트에 단골로 등장하는 문제(LeetCode, 프로그래머스)에 대한 다양한 접근 방법과 답안 코드 (Python, JavaScript, Java) 📗 코딩 문제를 풀 때 반드시 필요한 알고리즘과 자료구조 설명 (최대한 입문자의 눈높이에서 친절하게 쉽게 🤗) 📘 코딩 시험/면접 준비 관련 가이드 + 17년 차 개발자 달레의 코딩 테스트 노하우 공유 개발자 달레님이 만드신 사이트인데요, 무료로 열려있어 공부하기도 좋고 깔끔해서 눈으로 보기도 좋아요! https://www.algodale.com/algorithms/

알고달레

코딩테스트 공부를 위한 추천 사이트

“아니, 도대체 왜 조회 쿼리 메서드에서 데드락이 생기는거야?”  

왜 조회 쿼리에서 데드락이 발생했을까?

"아니, 도대체 왜?"
'findBy...' 에서 데드락이 발생하는 걸 보고 궁금해서 이모저모 실험해보았어요.
https://hyeon9mak.github.io/why-occurs-deadlock-from-select-query/

"아니, 도대체 왜?"'findBy...' 에서 데드락이 발생하는 걸 보고 궁금해서 이모저모 실험해보았어요.https://hyeon9mak.github.io/why-occurs-deadlock-from-select-query/

현구막 기술 블로그

"아니, 도대체 왜?"
'findBy...' 에서 데드락이 발생하

마침내 제가 쓴 자바스크립트 책, "헬로 Bun"이 출간되어 온라인 서점에서 예약 판매가 시작되었습니다. Bun은 아직 국내에는 많이 알려지지 않았지만, 해외에서는 Node.js의 뒤를 잇는 차세대 자바스크립트 런타임으로 주목받고 있습니다. JavaScript Rising Stars 🌟 2023 집계에서 당당히 2위를 차지한 오픈 소스 프로젝트이며, State of JS 2023 설문 조사에서 개발자 응답에 가장 많이 오르고 내린 정말 HOT🔥한 기술입니다.

📕 YES24: https://www.yes24.com/Product/Goods/134021042
📗 교보문고: https://product.kyobobook.co.kr/detail/S000214450265
📘 알라딘: https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=348745550

사실 처음 Bun을 접했을 때는 제가 국내에 이 기술을 소개하는 책까지 쓰게 될 줄은 몰랐어요. 원래는 여타 기술처럼 제 블로그에서 한 번 다뤄보려고 했습니다. 그런데 이 귀여운 찐빵(?)이 겉보기와 다르게 기능과 성능이 후덜덜하더군요. 단순히 타입스크립트와 JSX를 바로 실행할 수 있는 자바스크립트 런타임인 줄 알았는데, 알고보니 모듈 시스템, 패키지 매니저, 테스트 러너, 번들러, 자체 DB, 웹소켓, CLI, 셸 스크립팅... "아니, Bun으로 내가 도대체 못하는 게 뭐지?"라는 생각이 들 정도였습니다. 자바스크립트 개발에 필요한 모든 기능을 자체적으로 제공하면서, 기존 런타임의 성능을 압도하는 이 차세대 기술을 블로그로 다루기에는 너무 방대하다는 것을 깨닫고 집필을 결심하게 되었습니다.

이 책이 단순히 Bun에 대한 기술서가 아니라, 많은 분들께 자바스크립트를 새롭게 만날 수 있는 계기가 되었으면 좋겠습니다. Bun의 등장으로 자바스크립트를 배우기 정말 좋은 시대가 열렸다고 생각합니다. 예전처럼 프로젝트 구성이나 라이브러리 설치하느라 오랫동안 씨름하지 않고 바로 재미있는 애플리케이션 개발을 Bun과 함께 시작하실 수 있습니다. 기존에 자바스크립트에 대해 좋지 못한 경험을 하셨던 현직 개발자분께도 추천드리고 싶습니다. Bun이 자바스크립트 개발자로서 고질적인 애로사항을 해결해 줄 뿐만 아니라, 자바스크립트에 대한 새로운 관점과 다양한 영감을 불어넣을 것입니다.

"헬로 Bun"을 통해 여러분이 자바스크립트를 더 쉽게 배우고, 더 즐겁게 소프트웨어 개발을 할 수 있기를 바랍니다. 많은 관심 부탁드립니다! 🙇‍♂️🙏

마침내 제가 쓴 자바스크립트 책, "헬로 Bun"이 출간되어 온라인 서점에서 예약 판매가 시작되었습니다. Bun은 아직 국내에는 많이 알려지지 않았지만, 해외에서는 Node.js의 뒤를 잇는 차세대 자바스크립트 런타임으로 주목받고 있습니다. JavaScript Rising Stars 🌟 2023 집계에서 당당히 2위를 차지한 오픈 소스 프로젝트이며, State of JS 2023 설문 조사에서 개발자 응답에 가장 많이 오르고 내린 정말 HOT🔥한 기술입니다. 📕 YES24: https://www.yes24.com/Product/Goods/134021042 📗 교보문고: https://product.kyobobook.co.kr/detail/S000214450265 📘 알라딘: https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=348745550 사실 처음 Bun을 접했을 때는 제가 국내에 이 기술을 소개하는 책까지 쓰게 될 줄은 몰랐어요. 원래는 여타 기술처럼 제 블로그에서 한 번 다뤄보려고 했습니다. 그런데 이 귀여운 찐빵(?)이 겉보기와 다르게 기능과 성능이 후덜덜하더군요. 단순히 타입스크립트와 JSX를 바로 실행할 수 있는 자바스크립트 런타임인 줄 알았는데, 알고보니 모듈 시스템, 패키지 매니저, 테스트 러너, 번들러, 자체 DB, 웹소켓, CLI, 셸 스크립팅... "아니, Bun으로 내가 도대체 못하는 게 뭐지?"라는 생각이 들 정도였습니다. 자바스크립트 개발에 필요한 모든 기능을 자체적으로 제공하면서, 기존 런타임의 성능을 압도하는 이 차세대 기술을 블로그로 다루기에는 너무 방대하다는 것을 깨닫고 집필을 결심하게 되었습니다. 이 책이 단순히 Bun에 대한 기술서가 아니라, 많은 분들께 자바스크립트를 새롭게 만날 수 있는 계기가 되었으면 좋겠습니다. Bun의 등장으로 자바스크립트를 배우기 정말 좋은 시대가 열렸다고 생각합니다. 예전처럼 프로젝트 구성이나 라이브러리 설치하느라 오랫동안 씨름하지 않고 바로 재미있는 애플리케이션 개발을 Bun과 함께 시작하실 수 있습니다. 기존에 자바스크립트에 대해 좋지 못한 경험을 하셨던 현직 개발자분께도 추천드리고 싶습니다. Bun이 자바스크립트 개발자로서 고질적인 애로사항을 해결해 줄 뿐만 아니라, 자바스크립트에 대한 새로운 관점과 다양한 영감을 불어넣을 것입니다. "헬로 Bun"을 통해 여러분이 자바스크립트를 더 쉽게 배우고, 더 즐겁게 소프트웨어 개발을 할 수 있기를 바랍니다. 많은 관심 부탁드립니다! 🙇‍♂️🙏

👋 헬로 Bun 🥟 출간 소식 📚

원문 : How to make your web page faster before it even loads How to make your web page faster before it even loads…

(번역) 웹 페이지가 로드되기 전에 더 빠르게 만드는 방법

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다.

웹 페이지 성능 최적화라고 하면 대부분 페이지 로딩 후의 성능에 집중하는 경향이 있습니다. 하지만 이 글에서는 그 관점을 뒤집어 새로운 인사이트를 제공합니다. 저자는 첫 바이트가 도달하기 전 단계의 최적화에 주목하며, 브라우저의 Performance API와 Navigation Timing API를 활용해 캐시, DNS 조회, 연결 설정, TLS 협상 등 각 단계별 최적화 방법을 상세히 설명합니다.

만약 웹 성능 최적화에 대해 관심이 있으시다면, 이 글을 통해 최적화의 새로운 기회를 발견할 수 있을 것이라고 생각합니다. 이 글을 통해 웹 페이지 성능 최적화에 대한 시야를 넓히는 좋은 기회가 되시길 바랍니다 :)

글 링크 : https://ykss.netlify.app/translation/how_to_make_your_web_page_faster_before_it_even_loads/

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다. 웹 페이지 성능 최적화라고 하면 대부분 페이지 로딩 후의 성능에 집중하는 경향이 있습니다. 하지만 이 글에서는 그 관점을 뒤집어 새로운 인사이트를 제공합니다. 저자는 첫 바이트가 도달하기 전 단계의 최적화에 주목하며, 브라우저의 Performance API와 Navigation Timing API를 활용해 캐시, DNS 조회, 연결 설정, TLS 협상 등 각 단계별 최적화 방법을 상세히 설명합니다. 만약 웹 성능 최적화에 대해 관심이 있으시다면, 이 글을 통해 최적화의 새로운 기회를 발견할 수 있을 것이라고 생각합니다. 이 글을 통해 웹 페이지 성능 최적화에 대한 시야를 넓히는 좋은 기회가 되시길 바랍니다 :) 글 링크 : https://ykss.netlify.app/translation/how_to_make_your_web_page_faster_before_it_even_loads/

ykss.netlify.app

웹 페이지가 로드되기 전에 더 빠르게 만드는 방법

Arthur's place

저자는 try-catch 블록 없이 에러를 처리할 수 있는 try 표현식을 제안합니다. 예를 들면 다음과 같습니다.
const [error, response] = try await fetch("https://arthur.place")

위 코드는 기존 try-catch 코드 블록을 간소화하고
error
를 반환값 앞에 먼저 배치하여 에러 핸들링에 대한 우선순위를 높이는 효과가 있습니다.
let response;
try {
  response = await fetch("https://arthur.place");
} catch (error) {
  // blah blah
}

아직 초기 단계의 제안이긴 하지만, 흥미로운 제안인 것 같습니다.
참고: 저자의 제안은 원래 안전 할당(`?=`)을 통해 에러 처리를 간소화하려는 제안이였으나, 의논 결과
try
표현식이 좀 더 관용적인 접근 방법이라고 생각되어 try 제안으로 변경한다고 합니다. 관련 Pull Request가 올라와있어, 이 글도 해당 PR의 내용을 기반으로 소개드린 점 참고 부탁드립니다.

https://github.com/arthurfiorette/proposal-safe-assignment-operator/pull/42

저자는 try-catch 블록&nbsp;없이 에러를 처리할 수 있는 try 표현식을 제안합니다. 예를 들면 다음과 같습니다.<pre ><code class="language-js">const [error, response] = try await fetch("https://arthur.place")</code></pre>위 코드는 기존 try-catch 코드 블록을 간소화하고 <code >error</code>를 반환값 앞에 먼저 배치하여 에러 핸들링에 대한 우선순위를 높이는 효과가 있습니다. <pre ><code class="language-js">let response;
try {
 response = await fetch("https://arthur.place");
} catch (error) {
 // blah blah
}</code></pre>아직 초기 단계의 제안이긴 하지만, 흥미로운 제안인 것 같습니다.참고: 저자의 제안은 원래 안전 할당(`?=`)을 통해 에러 처리를 간소화하려는 제안이였으나, 의논 결과 <code >try</code> 표현식이 좀 더 관용적인 접근 방법이라고 생각되어 try 제안으로 변경한다고 합니다. 관련 Pull Request가 올라와있어, 이 글도 해당 PR의 내용을 기반으로 소개드린 점 참고 부탁드립니다. https://github.com/arthurfiorette/proposal-safe-assignment-operator/pull/42

ECMAScript try-expressions 제안

You are being redirected...

소프트웨어는 시간이 흐르면서 기능이 추가되고 유지보수 작업이 누적되면서 자연스럽게 "침식" 현상을 겪습니다. 이는 코드 품질 저하, 기술 부채 증가, 그리고 성능 저하를 야기하여 유지보수 비용을 크게 증가시킵니다. 이 글에서는 소프트웨어 침식의 원인과 그로 인한 문제, 그리고 이를 방지하기 위한 방법을 소개합니다.

# 소프트웨어 침식의 원인과 문제
 * 지나치게 복잡해진 코드베이스: 시간이 지나며 요구사항 변화와 기능 추가로 인해 코드가 점점 복잡해짐.
 * 불필요한 의존성: 빠른 문제 해결을 위해 임시방편으로 추가된 의존성들이 코드베이스를 무겁게 함.
 * 중복 코드와 설계의 일관성 부족: 팀원 간 커뮤니케이션 부족 및 시간 제약으로 인해 코드 중복과 일관성 결여 발생.

# 소프트웨어 침식을 방지하는 방법
 * 지속적인 코드 리팩토링: 정기적인 코드 리뷰와 리팩토링을 통해 코드베이스의 품질을 유지.
 * 품질 관리 프로세스 개선: 코드 품질을 유지하기 위한 단위 테스트, 통합 테스트 등의 자동화된 테스트 도입.
 * 설계와 아키텍처 점검: 기존 아키텍처를 주기적으로 점검하고, 필요시 개선 작업을 진행.

소프트웨어 침식은 방치할 경우, 나중에 해결하는 데 많은 비용과 시간이 소요되므로 초기부터 주의 깊은 관리가 필요합니다. 여러분은 현재 프로젝트에서 소프트웨어 침식을 방지하기 위해 어떤 노력을 기울이고 계신가요?

https://www.softwaretestingnews.co.uk/software-is-eroding-before-our-eyes/

소프트웨어는 시간이 흐르면서 기능이 추가되고 유지보수 작업이 누적되면서 자연스럽게 "침식" 현상을 겪습니다. 이는 코드 품질 저하, 기술 부채 증가, 그리고 성능 저하를 야기하여 유지보수 비용을 크게 증가시킵니다. 이 글에서는 소프트웨어 침식의 원인과 그로 인한 문제, 그리고 이를 방지하기 위한 방법을 소개합니다. # 소프트웨어 침식의 원인과 문제<ul ><li>지나치게 복잡해진 코드베이스: 시간이 지나며 요구사항 변화와 기능 추가로 인해 코드가 점점 복잡해짐.</li><li>불필요한 의존성: 빠른 문제 해결을 위해 임시방편으로 추가된 의존성들이 코드베이스를 무겁게 함.</li><li>중복 코드와 설계의 일관성 부족: 팀원 간 커뮤니케이션 부족 및 시간 제약으로 인해 코드 중복과 일관성 결여 발생.</li></ul> # 소프트웨어 침식을 방지하는 방법<ul ><li>지속적인 코드 리팩토링: 정기적인 코드 리뷰와 리팩토링을 통해 코드베이스의 품질을 유지.</li><li>품질 관리 프로세스 개선: 코드 품질을 유지하기 위한 단위 테스트, 통합 테스트 등의 자동화된 테스트 도입.</li><li>설계와 아키텍처 점검: 기존 아키텍처를 주기적으로 점검하고, 필요시 개선 작업을 진행.</li></ul> 소프트웨어 침식은 방치할 경우, 나중에 해결하는 데 많은 비용과 시간이 소요되므로 초기부터 주의 깊은 관리가 필요합니다. 여러분은 현재 프로젝트에서 소프트웨어 침식을 방지하기 위해 어떤 노력을 기울이고 계신가요? https://www.softwaretestingnews.co.uk/software-is-eroding-before-our-eyes/

www.softwaretestingnews.co.uk

내 눈 앞에서 소프트웨어가 침식되고 있다

음.. 어떻게 얘길 시작해야 하나 

끗과 시작, 그 사이 어딘가

'최고가 되어 떠나라'
회사에 붙어있는 메시지 중 하나인데요.
퇴사부검을 보고나니 다들 멋지네요
앞으로 더 좋은 소식 기대하고 있을께요

https://www.brainbackdoor.com/retrospective/2019-2024

'최고가 되어 떠나라'회사에 붙어있는 메시지 중 하나인데요.퇴사부검을 보고나니 다들 멋지네요앞으로 더 좋은 소식 기대하고 있을께요 https://www.brainbackdoor.com/retrospective/2019-2024

동규님의 우아한형제들 퇴사부검

어제 심오한 고민을 하다가 헤라의 글로우 래스팅 파운데이션을 구매했다. 솔직히 양에 비해 가격이 저렴하...

[극대노주의] 올리브영 일반배송 은근슬쩍 오늘드림 변환 수법

제목부터 범상치 않습니다. [극대노주의]를 대괄호로 표시했죠. 결론부터 말씀드리면 뷰티 시장의 큰손, 올리브영 서비스를 앱으로 이용하면서 일반 배송으로 선택했지만 자동으로 선택된 항목으로 인해 '오늘 드림'으로 배송이 되어 증정품을 받지 못하는 상황을 경험한 사용자의 후기입니다. (트레바리 북클럽 <리서치 하는데요> 멤버인 초은 님이 클럽 커뮤니티에 공유해 주신 글이 인상적이라 제가 자세히 살펴보고 정리했습니다)

요약하면 사용자의 의도, 기대했던 것과 다른 경험을 제공하는 기만적 패턴이 문제였습니다. 구매할 때 일반 배송으로 받아야만 증정품을 받을 수 있기 때문에 의도적으로 '오늘 드림'이 아닌 '일반 배송'으로 선택하고 넘어간 것인데 다음 화면에서는 '무료 배송으로 내일 자정까지 받아보시겠어요?'라는 문구가 자동으로 선택되어 있는 겁니다. 문제는 이 문구가 '오늘 드림'을 의미하는 것인지도 모호하고 따져보면 내일 자정이니 '내일드림'이면 그럴듯해도, '오늘 드림'은 아니겠거니 생각하면서 진행을 했던 것인데 받아보니 증정품이 없었던 것이죠.

사용자가 고객센터에 문의한 결과 '무료배송으로 내일 자정까지 받아보시겠어요?'라는 문구를 선택하면 '오늘 드림' 배송으로 동의한 것이라 일반배송이 아닌 게 되므로 증정품을 받을 수 없다는 답변을 받았다고 합니다. 주목할 점은 (1) 문구를 자동으로 선택하도록 만든 것 (2) 이전에 선택한 옵션의 내용을 교모하게 바꿔두고 받을 수 있는 상품구성이 달라진 부분에 대해 사용자가 직접 제품을 받은 뒤 고객센터에 문의해야만 알 수 있다는 점이죠.

문구는 모호하고 화장품 구매에서 증정품이 미치는 영향을 고려할 때 올리브영의 이런 패턴(자동으로 문구 선택, 모호한 설명, 기대한 상품을 받지 못하는 경험)은 기만적이라고 할 수 있습니다. 사용자 블로그글에는 경험을 손상시킨 3가지 문제에 대한 언급이 있습니다.

[ 큐레이터의 문장 🎒 ]

1️⃣ "불만 접수방식도 불만 게시판이 명확하게 설립되어 있는 농심과 비교되어 더더욱 기분이 나빴고 (중략) 게다가 설문조사는 그렇게 꼬치꼬치 엄청난 수의 문항으로 물어보면서 이런 고객 불만사항 게시판은 또 마땅히 활성화되어 있지 않는다는 점이 대조되어 더 괘씸하다"

2️⃣ "아무리 생각해도 전에는 오해의 여지가 없도록 명백하게 '오늘드림'이라는 단어를 활용해 안내했었는데 이제 와서 오해의 여지가 다분한 유도성 문구로 변경해 둔 것이 의도가 없이 그런 것이라 생각되질 않기에 사은품 여부를 떠나서 더 기분이 나빴다."

3️⃣ "나는 앞으로 꼭 사은품을 안전하게 받을 수 있는 아모레퍼시픽 공식몰을 이용할 것이라 다짐하며"

https://m.blog.naver.com/boksle1127/223420780140

제목부터 범상치 않습니다. [극대노주의]를 대괄호로 표시했죠. 결론부터 말씀드리면 뷰티 시장의 큰손, 올리브영 서비스를 앱으로 이용하면서 일반 배송으로 선택했지만 자동으로 선택된 항목으로 인해 '오늘 드림'으로 배송이 되어 증정품을 받지 못하는 상황을 경험한 사용자의 후기입니다. (트레바리 북클럽 &lt;리서치 하는데요&gt; 멤버인 초은 님이 클럽 커뮤니티에 공유해 주신 글이 인상적이라 제가 자세히 살펴보고 정리했습니다) 요약하면 사용자의 의도, 기대했던 것과 다른 경험을 제공하는 기만적 패턴이 문제였습니다. 구매할 때 일반 배송으로 받아야만 증정품을 받을 수 있기 때문에 의도적으로 '오늘 드림'이 아닌 '일반 배송'으로 선택하고 넘어간 것인데 다음 화면에서는 '무료 배송으로 내일 자정까지 받아보시겠어요?'라는 문구가 자동으로 선택되어 있는 겁니다. 문제는 이 문구가 '오늘 드림'을 의미하는 것인지도 모호하고 따져보면 내일 자정이니 '내일드림'이면 그럴듯해도, '오늘 드림'은 아니겠거니 생각하면서 진행을 했던 것인데 받아보니 증정품이 없었던 것이죠. 사용자가 고객센터에 문의한 결과 '무료배송으로 내일 자정까지 받아보시겠어요?'라는 문구를 선택하면 '오늘 드림' 배송으로 동의한 것이라 일반배송이 아닌 게 되므로 증정품을 받을 수 없다는 답변을 받았다고 합니다. 주목할 점은 (1) 문구를 자동으로 선택하도록 만든 것 (2) 이전에 선택한 옵션의 내용을 교모하게 바꿔두고 받을 수 있는 상품구성이 달라진 부분에 대해 사용자가 직접 제품을 받은 뒤 고객센터에 문의해야만 알 수 있다는 점이죠. 문구는 모호하고 화장품 구매에서 증정품이 미치는 영향을 고려할 때 올리브영의 이런 패턴(자동으로 문구 선택, 모호한 설명, 기대한 상품을 받지 못하는 경험)은 기만적이라고 할 수 있습니다. 사용자 블로그글에는 경험을 손상시킨 3가지 문제에 대한 언급이 있습니다. [ 큐레이터의 문장 🎒 ] 1️⃣ "불만 접수방식도 불만 게시판이 명확하게 설립되어 있는 농심과 비교되어 더더욱 기분이 나빴고 (중략) 게다가 설문조사는 그렇게 꼬치꼬치 엄청난 수의 문항으로 물어보면서 이런 고객 불만사항 게시판은 또 마땅히 활성화되어 있지 않는다는 점이 대조되어 더 괘씸하다" 2️⃣ "아무리 생각해도 전에는 오해의 여지가 없도록 명백하게 '오늘드림'이라는 단어를 활용해 안내했었는데 이제 와서 오해의 여지가 다분한 유도성 문구로 변경해 둔 것이 의도가 없이 그런 것이라 생각되질 않기에 사은품 여부를 떠나서 더 기분이 나빴다." 3️⃣ "나는 앞으로 꼭 사은품을 안전하게 받을 수 있는 아모레퍼시픽 공식몰을 이용할 것이라 다짐하며" https://m.blog.naver.com/boksle1127/223420780140

네이버 블로그 | 드래곤라퓨타 애니메이션 블로그

《올리브영 다크 패턴에 돌아선 사용자》

프론트엔드 개발자

김가은

사람들에게 도움이 되는 것을 만들고 싶어 개발을 시작했어요.

백엔드로 개발을 시작했지만, 우연히 앱개발을 접하고 프론트에 더 흥미를 갖게 되었어요.
1년 정도 flutter로 앱을 개발했고, 최근에는 React로 웹을 만들고 있어요.

백엔드/서버 엔지니어

이지상

#백엔드 #개발자 #데이터사이언스 #소프트웨어엔지니어 #Ai #애자일개발
백엔드 개발자 취준생입니다. 좋은 하루 되세요.❤🌷

딕스소프트 Software Engineer

이병우

취미는 새로운 것을 발견하고 배우는 것입니다. 다양한 분야를 접하며 흐르다 현재는 프론트엔드를 개발하는 사람이 되었습니다. 매일 내일이 기대되는 삶을 설계하는 것을 바랍니다. 


모션디자이너

주임

서버 개발을 주 업무로하고 필요시 Unity 클라이언트 수정 참여

게임 개발자

배민선물하기, 배민쇼핑라이브 프론트 지면 개발
브랜드관 프론트 지면 개발
배민우리동네 프론트 지면 개발

프론트엔드 프로그래머

야놀자 프론트에서 필요한 매시업 api 개발

백엔드 프로그래머

프로그래밍도 배우고, 라인트레이서도 만들고, Flash ActionScript 3.0으로 과제도 하고, 스케치하는 수업도 하고, 영상도 편집하고... 아무튼 그런 곳이었다.

미디어학부

송요창

LinkedIn

생각정리

👨‍👩‍👧‍👦
문제 해결할 때 즐거움을 느낍니다.
평범한 사람들이 모여 비범한 일을 할 수 있다고 믿습니다.
#프론트엔드 #커뮤니케이션

강의 및 멘토링
https://www.inflearn.com/users/1095/@totuworld

동규님의 우아한형제들 퇴사부검

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필