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

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

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

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

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

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

코틀린에서 웹소켓에 액터모델을 연결시켜  분산 상태처리가 가능한 웹소켓 모델로 업그레이드 시도를 해보겠습니다.

 * more : https://wiki.webnori.com/x/dYGZBQ

코틀린에서 웹소켓에 액터모델을 연결시켜&nbsp; 분산 상태처리가 가능한 웹소켓 모델로 업그레이드 시도를 해보겠습니다. <ul ><li>more : https://wiki.webnori.com/x/dYGZBQ</li></ul>

코틀린에서 웹소켓을 우아하게 사용하기

My thoughts on license choices for balancing business interests and Open Source software and why the FSL is a better choice than the AGPL.

FSL: A Better Business/Open Source Balance Than AGPL

Flask를 만들고 오랫동안 오픈소스 활동을 한 Armin Ronacher가 FSL이 AGPL보다 더 좋은 선택이라고 설명하는 글입니다.

Elasticsearch가 몇년전 클라우드 사업의 충돌 문제로 오픈소스 라이센스를 빼고 오픈소스가 아니게 되었다가 최근 이제 문제가 해결되었다면서 다시 AGPL을 추가하면서 오픈소스 프로젝트가 되었습니다.

이 예시를 언급하면서 특정회사가 오픈소스 프로젝트 대부분을 책임지는 상황을 단일 벤더 모델이라고 얘기하면서 이러한 경우 FSL을 사용하면 이 공급업체가 상당한 권한을 가질수 있고 FSL은 2년이 지나면 오픈소스 라이센스로 자동변환이 되기 때문에 시간이 지남에 따라 권한이 약화된다고 얘기합니다. 그래서 Sentry가 지금 사업하는데는 문제가 없으면서 혹 Sentry 사업이 잘 안되어서 회사가 망하더라도 오픈소스 라이센스로 변경된 코드를 가지고 다른 누군가가 이어서 프로젝트를 할 수 있다고 설명합니다.

이렇게 어느 회사든 없어질 수 있는데 이런 경우 FSL이 훨씬 효과적이고 과거에도 회사가 괜찮은 프로젝트의 라이센스를 제대로 풀지 않고 회사가 없어지면서 문제가 된 경우도 많다고 얘기합니다.

AGPL을 쓰더라도 CLA(Contributor License Agreement)가 있냐 없냐에 따라 달라지는에 CLA가 있는 AGPL의 경우는 2년이 지난 뒤에는 FSL보다 저작권자가 더 강력한 권한을 가지게 된다고 합니다.

라이센스 문제는 꽤 복잡하긴 한데 FSL에 대해서 이 글에서 저는 설득력 있게 느껴졌습니다.

https://lucumr.pocoo.org/2024/9/23/fsl-agpl-open-source-businesses/

Flask를 만들고 오랫동안 오픈소스 활동을 한 Armin Ronacher가 FSL이 AGPL보다 더 좋은 선택이라고 설명하는 글입니다. Elasticsearch가 몇년전 클라우드 사업의 충돌 문제로 오픈소스 라이센스를 빼고 오픈소스가 아니게 되었다가 최근 이제 문제가 해결되었다면서 다시 AGPL을 추가하면서 오픈소스 프로젝트가 되었습니다. 이 예시를 언급하면서 특정회사가 오픈소스 프로젝트 대부분을 책임지는 상황을 단일 벤더 모델이라고 얘기하면서 이러한 경우 FSL을 사용하면 이 공급업체가 상당한 권한을 가질수 있고 FSL은 2년이 지나면 오픈소스 라이센스로 자동변환이 되기 때문에 시간이 지남에 따라 권한이 약화된다고 얘기합니다. 그래서 Sentry가 지금 사업하는데는 문제가 없으면서 혹 Sentry 사업이 잘 안되어서 회사가 망하더라도 오픈소스 라이센스로 변경된 코드를 가지고 다른 누군가가 이어서 프로젝트를 할 수 있다고 설명합니다. 이렇게 어느 회사든 없어질 수 있는데 이런 경우 FSL이 훨씬 효과적이고 과거에도 회사가 괜찮은 프로젝트의 라이센스를 제대로 풀지 않고 회사가 없어지면서 문제가 된 경우도 많다고 얘기합니다. AGPL을 쓰더라도 CLA(Contributor License Agreement)가 있냐 없냐에 따라 달라지는에 CLA가 있는 AGPL의 경우는 2년이 지난 뒤에는 FSL보다 저작권자가 더 강력한 권한을 가지게 된다고 합니다. 라이센스 문제는 꽤 복잡하긴 한데 FSL에 대해서 이 글에서 저는 설득력 있게 느껴졌습니다. https://lucumr.pocoo.org/2024/9/23/fsl-agpl-open-source-businesses/

Armin Ronacher's Thoughts and Writings

제가 지금까지 만든 학습 패키지는 총 8개입니다.

- 데이터 이력서 템플릿
- 생산성 도구 리스트
- 위클리 뉴스레터
- 코호트 데이터 분석 노트
- AARRR 데이터 분석 노트
- 데이터 커리어 스타터팩 BASIC
- 취업 준비 트래커
- ARAR 타임 트래커

학습 패키지를 하나하나씩 만들면서, 실제로 배우는 사람들에게 어떤 도움이 되는지, 그리고 학습자의 미래에 진심으로 도움이 되는지를 매번 다시 한번 생각해보곤 합니다.

물론 제 기준으로 만들기 때문에, 모든 학습자들에게 도움이 된다고 100% 확신할 수 없습니다.

하지만, DATA/AI를 조금 더 재미있게, 조금 더 가치있게 배울 수 있는 교육을 만들고 싶습니다.
그리고 그로 인해 더 많은 사람들이 더 나은 세상을 만들어가는 학습을 꿈꾸고 있습니다.

DATA/AI를 재미있고 가치있게 배울 수 있도록 앞으로도 더 많은 학습들을 만들어가겠습니다.

감사합니다.

#데이터리차드 #학습패키지 #DATA #AI

제가 지금까지 만든 학습 패키지는 총 8개입니다. - 데이터 이력서 템플릿 - 생산성 도구 리스트 - 위클리 뉴스레터 - 코호트 데이터 분석 노트 - AARRR 데이터 분석 노트 - 데이터 커리어 스타터팩 BASIC - 취업 준비 트래커 - ARAR 타임 트래커 학습 패키지를 하나하나씩 만들면서, 실제로 배우는 사람들에게 어떤 도움이 되는지, 그리고 학습자의 미래에 진심으로 도움이 되는지를 매번 다시 한번 생각해보곤 합니다. 물론 제 기준으로 만들기 때문에, 모든 학습자들에게 도움이 된다고 100% 확신할 수 없습니다. 하지만, DATA/AI를 조금 더 재미있게, 조금 더 가치있게 배울 수 있는 교육을 만들고 싶습니다.그리고 그로 인해 더 많은 사람들이 더 나은 세상을 만들어가는 학습을 꿈꾸고 있습니다. DATA/AI를 재미있고 가치있게 배울 수 있도록 앞으로도 더 많은 학습들을 만들어가겠습니다. 감사합니다. #데이터리차드 #학습패키지 #DATA #AI

앞으로 만들고 싶은 학습 프로덕트 리스트

사이드 프로젝트 30개 만들어 본 개발자가 느낀
팀으로 사이드 프로젝트 진행할 때 알면 좋은 것 3가지

1️⃣ 팀원은 최소한의 인원으로

- 많은 인원일 수록 더 많은 일들을 할 수 있을 것 같지만, 실제로는 그렇게 되지 못하는 경우가 많습니다

- 의사 결정이 느려지거나 시간을 맞추기 어렵거나 등등 빠르게 서비스를 출시해야 하는 상황일 수록 득보다는 실이 많은 경우가 생기게 됩니다.

- 그리고 서비스 개발 속도는 팀원 수에 꼭 비례하지 않습니다

- 팀원은 최소한으로 (ex. 2~3명)

- 팀 내에 그 일을 할 수 있는 사람이 없을 때 팀원을 1명씩 영입해야 합니다

2️⃣ 모두가 똑같은 속도로 가는 것은 어렵다

- 팀원 모두가 다 같은 속도로 서비스 개발에 참여하여 빠르게 프로덕트를 출시하면 가장 이상적일 것 입니다

- 하지만 현실적으로 팀원 모두가 같은 시간과 노력을 쏟는 것은 불가능 합니다.

- 본업 이외의 시간에 '사이드'로 프로젝트를 진행하기 때문에 임하는 시간이 상대적일 수 밖에 없다는 것을 인지 해야합니다

- 전체적으로는 느슨하게, 하지만 풀어지게 하지 않도록 해야합니다

- 주 1회 이상 정기 회의를 가져 팀 전체의 진행 상황을 공유하고, 타임 라인을 꼭 설정하여 마감 기한을 설정하시기 바랍니다

- 중요한 건 팀내의 동기부여를 얼마나 꾸준하게 지속적으로 가져갈 수 있는 지 입니다

3️⃣ 솔직한 소통이 중요하다

- 혼자하는 것과 팀원이 함께하는 것의 가장 큰 차이점은 커뮤니케이션이 많은 부분을 차지한다는 것 입니다

- 사람 대 사람의 관계가 있기 때문에 의견을 나누는데 있어 솔직하지 못하는 경우가 생깁니다

- '다 좋다고 하는데.. 내가 괜히 반대 의견을 내는 건 아닐까?', '이렇게 말하면 상대방이 무시한다고 생각하지는 않을까..?', '내 의견은 말하기 부끄러운데..' 등등

- 하지만 솔직하게 의견과 생각을 나누지 않는다면 아이디어 선정 단계에서 부터 막히는 모습을 볼 수 있게 됩니다

- 뿐만 아니라 생각했던 방향과 전혀 다른 방향으로 흘러가는 경우도 생기게 됩니다

- 팀원 들이 적극적으로 의견을 낼 수 있어야 합니다. 그러기 위해선 서로 경청할 수 있는 분위기와 문화, 규칙을 만들어 주어야 합니다

사이드 프로젝트 30개 만들어 본 개발자가 느낀팀으로 사이드 프로젝트 진행할 때 알면 좋은 것 3가지 1️⃣ 팀원은 최소한의 인원으로 - 많은 인원일 수록 더 많은 일들을 할 수 있을 것 같지만, 실제로는 그렇게 되지 못하는 경우가 많습니다 - 의사 결정이 느려지거나 시간을 맞추기 어렵거나 등등 빠르게 서비스를 출시해야 하는 상황일 수록 득보다는 실이 많은 경우가 생기게 됩니다. - 그리고 서비스 개발 속도는 팀원 수에 꼭 비례하지 않습니다 - 팀원은 최소한으로 (ex. 2~3명) - 팀 내에 그 일을 할 수 있는 사람이 없을 때 팀원을 1명씩 영입해야 합니다 2️⃣ 모두가 똑같은 속도로 가는 것은 어렵다 - 팀원 모두가 다 같은 속도로 서비스 개발에 참여하여 빠르게 프로덕트를 출시하면 가장 이상적일 것 입니다 - 하지만 현실적으로 팀원 모두가 같은 시간과 노력을 쏟는 것은 불가능 합니다. - 본업 이외의 시간에 '사이드'로 프로젝트를 진행하기 때문에 임하는 시간이 상대적일 수 밖에 없다는 것을 인지 해야합니다 - 전체적으로는 느슨하게, 하지만 풀어지게 하지 않도록 해야합니다 - 주 1회 이상 정기 회의를 가져 팀 전체의 진행 상황을 공유하고, 타임 라인을 꼭 설정하여 마감 기한을 설정하시기 바랍니다 - 중요한 건 팀내의 동기부여를 얼마나 꾸준하게 지속적으로 가져갈 수 있는 지 입니다 3️⃣ 솔직한 소통이 중요하다 - 혼자하는 것과 팀원이 함께하는 것의 가장 큰 차이점은 커뮤니케이션이 많은 부분을 차지한다는 것 입니다 - 사람 대 사람의 관계가 있기 때문에 의견을 나누는데 있어 솔직하지 못하는 경우가 생깁니다 - '다 좋다고 하는데.. 내가 괜히 반대 의견을 내는 건 아닐까?', '이렇게 말하면 상대방이 무시한다고 생각하지는 않을까..?', '내 의견은 말하기 부끄러운데..' 등등 - 하지만 솔직하게 의견과 생각을 나누지 않는다면 아이디어 선정 단계에서 부터 막히는 모습을 볼 수 있게 됩니다 - 뿐만 아니라 생각했던 방향과 전혀 다른 방향으로 흘러가는 경우도 생기게 됩니다 - 팀원 들이 적극적으로 의견을 낼 수 있어야 합니다. 그러기 위해선 서로 경청할 수 있는 분위기와 문화, 규칙을 만들어 주어야 합니다

팀으로 사이드 프로젝트 진행할 때 알면 좋은 것 3가지

초거대 언어 모델(LLM: Large Language Model)을 사용하는 애플리케이션의 개발 및 배포 과정에서 발생하는 문제들은 ML 모델의 개발과 배포 과정에서 생기는 문제들과 마찬가지로 매우 다양하다. 처음 한 번은 LLM 기반 서비스를 만들하고 배포할 수 있지만, 그 후 LLM이 업그레이드되거나 새로운 LLM을 써보려고 한다면 어떤 최적화 및 검증 프로세스를 갖고 있느냐가 굉장히 중요해진다. 여기서 차별화된 경쟁력이 나오며, 이를 LLMOps 엔지니어가 담당하게 된다.

LLMOps는 LLM을 활용하는 다양한 서비스 개발과 운영에 필요한데 보통 RAG(Retrieval Augmented Genenration)라는 모양을 갖는 것이 현재로는 일반적이며 도메인과 관련된 지식을 벡터DB로 별도로 저장하고 이를 최종 프롬프트 생성에 사용하게 된다. 몇 가지 예를 들어보면 다음과 같다.

 1. 대화형 AI 서비스: 챗봇 및 가상 비서 등등
 2. 콘텐츠 생성 및 편집: 작문, 자동 번역, 뉴스 기사 생성 등등
 3. 교육 및 학습: 개인화된 학습 보조 도구, 자동 채점 및 피드백 시스템, 언어학습 등등
 4. 비즈니스 인텔리전스: 데이터 분석 및 보고서 생성, 시장 트렌드 분석 등등
 5. 의료 및 헬스케어: 의료 기록 분석 및 요약, 보험사 청구서 자동 작성, 질병 진단 보조 등등
 6. 법률 및 규제: 법률 문서 분석 및 요약, 계약서 검토 자동화 등등
 7. 소프트웨어 개발: 코드 자동 생성 및 최적화, 버그 검출 및 수정 제안, 개발 문서 자동화
 8. 창작 및 엔터테인먼트: 음악 작곡, 게임 시나리오 및 캐릭터 생성 등등
 9. ...

LLMOps는 위와 같은 서비스를 만듬에 있어 LLM 관련 최적화와 운영, 관리를 책임지는 직군이다. 이 직무는 머신러닝 모델의 생애주기를 관리하는 MLOps와 아주 유사하지만, 머신 러닝 모델을 직접 만들고 그것의 생애를 관리하는 것이 아니라 누군가 만든 LLM(ChatGPT, Claude, Gemini 등등)을 가져다 쓰면서 프롬프트 관리와 RAG와 같은 서비스라면 벡터 DB 등 다른 시스템이 존재하게 되는데 이를 전체적으로 최적화하고 평가하고 배포 후에 비용 등을 관리하면서 운영한다는 점이 다르다.

아직은 LLMOps팀이 전체 프로세스에 걸쳐 사용할 수 있는 하나의 플랫폼은 존재하지 않다고 보여지고 (그런 방향성을 갖고 있는 툴들은 존재) 다양한 툴을 섞어 사용해야 한다.

 * RAG 빌딩 툴: LangChain과 Llama Index가 가장 대표적인데 이 둘의 성격이 많이 다르긴 하지만 LangChain은 너무 복잡한 느낌이 있어서 개인적으로는 Llama Index를 선호한다. 써본 적은 없지만 PromptFlow도 괜찮다는 이야기를 많이 들었다.
 * 벡터 DB: Pinecone, ElasticSearch, Weaviate, VESPA, FAISS, GCP Vertex 등등 아주 많다. 개인적으로는 벡터 임베딩을 통한 검색 뿐만 아니라 키워드 기반 검색도 같이 사용하는 것이 더 효율적이라 생각하기에 이 두 가지를 잘 지원해주는 VESPA가 개인적으로는 가장 마음에 든다
 * 프롬프트 실험 및 관리: 많이 사용해본 툴이 없긴 하지만 Vellum, Baserun이 가장 많이 쓰이는 것으로 보인다. LangChain은 이 부분을 어느 정도 커버하긴 한다.
 * 성능 평가 툴: LLM 기반의 앱의 성능을 평가할 수 있는 테스트셋이 필요하고 이를 버저닝하고 관리할 수 있는 툴이 필요하다. RAG라면 사용되는 벡터DB로부터 사용자 질의와 관련된 정보를 검색해야 하는데 결과 품질을 평가할 수 있는 테스트셋도 필요하다. Ragas, Haystack, Truelens 등이 있고 LangChain도 이 기능을 일부 지원한다

업무에 대해 더 이야기해보자면 보통 LLMOps팀은 개발자와 도메인 전문가 두 직군의 사람이 협업을 하는 형태로 일을 하게 된다.

 * 도메인 전문가 (프롬프트 엔지니어): 프롬프트를 바꿔가며 최적화를 수행하는 역할하는데 결국은 테스트 데이터를 만들어 벡터 DB 등의 검색 품질을 평가하고 최종적으로 RAG 시스템의 품질을 평가해야 한다. 이 과정에서 개발자와 밀접한 협업을 하게 된다.
 * 개발자 (RAG 시스템 개발자): 벡터 DB을 주기적으로 빌딩하고 검색을 수행하며 LLM을 API로 통해 관리(실패시 재시도하거나 다른 LLM 시도, 비용 관리 등등 운영적인 부분이 중요)하며 전체적인 아키덱처를 잡되 프롬프트와 관련된 부분이나 검색 최적화와 관계된 부분에 있어서 앞서 도메인 전문가와 긴밀하게 일을 하게 된다.

개발자 같은 경우 다양한 파이프라인을 만들어야 하는데 하나는 벡터 DB 등의 데이터베이스를 빌딩하는데 필요한 데이터 소스를 긁어오는 ETL 파이프라인과 이렇게 쌓인 데이터들로부터 최종 데이터를 만들고 이를 벡터 DB 등으로 로딩하는 ELT와 Reverse ETL 파이프라인등을 만들어야 하는데 여기서 바로 데이터 엔지니어링 스킬이 필요하다. 다른 파이프라인은 사용자 질의로부터 시작해서 최종적으로 사용자에게 응답을 리턴하는 런타임 파이프라인이며 여기에는 벡터 DB 질의와 LLM 질의 등이 포함되며 비용과 응답 시간 등등 관리해야할 항목이 많다.

LLMOps팀의 개발은 여러 사이클을 반복하는 형태로 이뤄지게 되는데 보통 아래와 같은 스텝을 필요로 한다.

 1. LLM 서비스 기획
 2. 개발
    1. 프롬프트 시스템 개발 (도메인 전문가)
    2. RAG 파이프라인 개발 (개발자). 여기에는 앞에 이야기한 데이터 파이프라인의 개발도 포함된다.
 3. 평가: 오프라인 테스트셋으로 검색과 최종 결과물 평가 두 종류를 가질 수 있다면 최적이다
 4. 스테이징 시스템 배포 후 다시 평가
    1. 이 때는 온라인 테스트도 수행
    2. 전체적인 응답속도 평가도 중요
 5. 만족할 만한 결과가 나올 때까지 2-4를 반복한다.
 6. 최종 배포 후 모니터링 (이때 비용 모니터링도 중요)

LLMOps팀이 궁극적으로 목표로 삼아야 하는 시스템은 도메인 전문가가 개발자와 아주 밀접한 의사소통 없이 셀프 서비스 형태로 원하는 LLM 기반 서비스를 만들 수 있는 No Code 혹은 Low Code 프레임웍을 만드는 것이다. 아직은 이 방향으로 뚜렷한 위너는 안 보이는데 곧 나오지 않을까 싶다. 혹시라도 알고 있는 서비스나 툴이 있다면 댓글 부탁!

다음 글에서는 데이터 웨어하우스에 관해서 프로덕션 데이터베이스와 비교해가며 더 설명해보고자 한다.

초거대 언어 모델(LLM: Large Language Model)을 사용하는 애플리케이션의 개발 및 배포 과정에서 발생하는 문제들은 ML 모델의 개발과 배포 과정에서 생기는 문제들과 마찬가지로 매우 다양하다. 처음 한 번은 LLM 기반 서비스를 만들하고 배포할 수 있지만, 그 후 LLM이 업그레이드되거나 새로운 LLM을 써보려고 한다면 어떤 최적화 및 검증 프로세스를 갖고 있느냐가 굉장히 중요해진다. 여기서 차별화된 경쟁력이 나오며, 이를 LLMOps 엔지니어가 담당하게 된다. LLMOps는 LLM을 활용하는 다양한 서비스 개발과 운영에 필요한데 보통 RAG(Retrieval Augmented Genenration)라는 모양을 갖는 것이 현재로는 일반적이며 도메인과 관련된 지식을 벡터DB로 별도로 저장하고 이를 최종 프롬프트 생성에 사용하게 된다. 몇 가지 예를 들어보면 다음과 같다. <ol ><li>대화형 AI 서비스: 챗봇 및 가상 비서 등등</li><li>콘텐츠 생성 및 편집: 작문, 자동 번역, 뉴스 기사 생성 등등</li><li>교육 및 학습: 개인화된 학습 보조 도구, 자동 채점 및 피드백 시스템, 언어학습 등등</li><li>비즈니스 인텔리전스: 데이터 분석 및 보고서 생성, 시장 트렌드 분석 등등</li><li>의료 및 헬스케어: 의료 기록 분석 및 요약, 보험사 청구서 자동 작성, 질병 진단 보조 등등</li><li>법률 및 규제: 법률 문서 분석 및 요약, 계약서 검토 자동화 등등</li><li>소프트웨어 개발: 코드 자동 생성 및 최적화, 버그 검출 및 수정 제안, 개발 문서 자동화</li><li>창작 및 엔터테인먼트: 음악 작곡, 게임 시나리오 및 캐릭터 생성 등등</li><li>...</li></ol> LLMOps는 위와 같은 서비스를 만듬에 있어 LLM 관련 최적화와 운영, 관리를 책임지는 직군이다. 이 직무는 머신러닝 모델의 생애주기를 관리하는 MLOps와 아주 유사하지만, 머신 러닝 모델을 직접 만들고 그것의 생애를 관리하는 것이 아니라 누군가 만든 LLM(ChatGPT, Claude, Gemini 등등)을 가져다 쓰면서 프롬프트 관리와 RAG와 같은 서비스라면 벡터 DB 등 다른 시스템이 존재하게 되는데 이를 전체적으로 최적화하고 평가하고 배포 후에 비용 등을 관리하면서 운영한다는 점이 다르다. 아직은 LLMOps팀이 전체 프로세스에 걸쳐 사용할 수 있는 하나의 플랫폼은 존재하지 않다고 보여지고 (그런 방향성을 갖고 있는 툴들은 존재) 다양한 툴을 섞어 사용해야 한다. <ul ><li>RAG 빌딩 툴: LangChain과 Llama Index가 가장 대표적인데 이 둘의 성격이 많이 다르긴 하지만 LangChain은 너무 복잡한 느낌이 있어서 개인적으로는 Llama Index를 선호한다. 써본 적은 없지만 PromptFlow도 괜찮다는 이야기를 많이 들었다.</li><li>벡터 DB: Pinecone, ElasticSearch, Weaviate, VESPA, FAISS, GCP Vertex 등등 아주 많다. 개인적으로는 벡터 임베딩을 통한 검색 뿐만 아니라 키워드 기반 검색도 같이 사용하는 것이 더 효율적이라 생각하기에 이 두 가지를 잘 지원해주는 VESPA가 개인적으로는 가장 마음에 든다</li><li>프롬프트 실험 및 관리: 많이 사용해본 툴이 없긴 하지만 Vellum, Baserun이 가장 많이 쓰이는 것으로 보인다. LangChain은 이 부분을 어느 정도 커버하긴 한다.</li><li>성능 평가 툴: LLM 기반의 앱의 성능을 평가할 수 있는 테스트셋이 필요하고 이를 버저닝하고 관리할 수 있는 툴이 필요하다. RAG라면 사용되는 벡터DB로부터 사용자 질의와 관련된 정보를 검색해야 하는데 결과 품질을 평가할 수 있는 테스트셋도 필요하다. Ragas, Haystack, Truelens 등이 있고 LangChain도 이 기능을 일부 지원한다</li></ul> 업무에 대해 더 이야기해보자면 보통 LLMOps팀은 개발자와 도메인 전문가 두 직군의 사람이 협업을 하는 형태로 일을 하게 된다. <ul ><li>도메인 전문가 (프롬프트 엔지니어): 프롬프트를 바꿔가며 최적화를 수행하는 역할하는데 결국은 테스트 데이터를 만들어 벡터 DB 등의 검색 품질을 평가하고 최종적으로 RAG 시스템의 품질을 평가해야 한다. 이 과정에서 개발자와 밀접한 협업을 하게 된다.</li><li>개발자 (RAG 시스템 개발자): 벡터 DB을 주기적으로 빌딩하고 검색을 수행하며 LLM을 API로 통해 관리(실패시 재시도하거나 다른 LLM 시도, 비용 관리 등등 운영적인 부분이 중요)하며 전체적인 아키덱처를 잡되 프롬프트와 관련된 부분이나 검색 최적화와 관계된 부분에 있어서 앞서 도메인 전문가와 긴밀하게 일을 하게 된다.</li></ul> 개발자 같은 경우 다양한 파이프라인을 만들어야 하는데 하나는 벡터 DB 등의 데이터베이스를 빌딩하는데 필요한 데이터 소스를 긁어오는 ETL 파이프라인과 이렇게 쌓인 데이터들로부터 최종 데이터를 만들고 이를 벡터 DB 등으로 로딩하는 ELT와 Reverse ETL 파이프라인등을 만들어야 하는데 여기서 바로 데이터 엔지니어링 스킬이 필요하다. 다른 파이프라인은 사용자 질의로부터 시작해서 최종적으로 사용자에게 응답을 리턴하는 런타임 파이프라인이며 여기에는 벡터 DB 질의와 LLM 질의 등이 포함되며 비용과 응답 시간 등등 관리해야할 항목이 많다. LLMOps팀의 개발은 여러 사이클을 반복하는 형태로 이뤄지게 되는데 보통 아래와 같은 스텝을 필요로 한다. <ol ><li>LLM 서비스 기획</li><li>개발<ol ><li>프롬프트 시스템 개발 (도메인 전문가)</li><li>RAG 파이프라인 개발 (개발자). 여기에는 앞에 이야기한 데이터 파이프라인의 개발도 포함된다.</li></ol></li><li>평가: 오프라인 테스트셋으로 검색과 최종 결과물 평가 두 종류를 가질 수 있다면 최적이다</li><li>스테이징 시스템 배포 후 다시 평가<ol ><li>이 때는 온라인 테스트도 수행</li><li>전체적인 응답속도 평가도 중요</li></ol></li><li>만족할 만한 결과가 나올 때까지 2-4를 반복한다.</li><li>최종 배포 후 모니터링 (이때 비용 모니터링도 중요)</li></ol> LLMOps팀이 궁극적으로 목표로 삼아야 하는 시스템은 도메인 전문가가 개발자와 아주 밀접한 의사소통 없이 셀프 서비스 형태로 원하는 LLM 기반 서비스를 만들 수 있는 No Code 혹은 Low Code 프레임웍을 만드는 것이다. 아직은 이 방향으로 뚜렷한 위너는 안 보이는데 곧 나오지 않을까 싶다. 혹시라도 알고 있는 서비스나 툴이 있다면 댓글 부탁! 다음 글에서는 데이터 웨어하우스에 관해서 프로덕션 데이터베이스와 비교해가며 더 설명해보고자 한다.

데이터 이야기 #9: LLMOps 엔지니어

안녕하세요. 데이터 리차드입니다.

현재 다양한 AI를 활용한 프로덕트와 플랫폼이 등장하고 있습니다.
시대의 흐름에 맞추어 AI를 잘 활용하고자 하지만, 어떻게 시작해야 할지 망설이고 있나요?
그렇다면 datarichard가 만든 AI 명령어 저장소 아카이브를 사용해보세요.

AI 명령어 저장소는 아래와 같은 기능을 제공합니다.

- AI 활용 분야별 플랫폼 리스트 및 링크를 제공합니다
- 프롬프트 작성 방법 및 케이스별 템플릿을 제공합니다.
- AI 활용 상황 별 예시 베스트 케이스들을 제공합니다.
- AI 모델 맞춤형 프롬프트 수정 및 변환을 도와줍니다.

각 플랫폼에서 사용하는 프롬프트와 아웃풋의 결과를 서로 비교하고,
가장 효율적인 프롬프트를 생성하여 업무와 생산성에 활용해보세요.

AI 명령어 저장소 아카이브는 29,800원에 학습 패키지로 출시될 예정입니다.

앞으로도 DATA/AI를 재미있고 가치있게 배울 수 있도록 datarichard가 함께 하겠습니다.

#데이터리차드 #학습패키지 #명령어아카이브 #AI

안녕하세요. 데이터 리차드입니다. 현재 다양한 AI를 활용한 프로덕트와 플랫폼이 등장하고 있습니다. 시대의 흐름에 맞추어 AI를 잘 활용하고자 하지만, 어떻게 시작해야 할지 망설이고 있나요? 그렇다면 datarichard가 만든 AI 명령어 저장소 아카이브를 사용해보세요. AI 명령어 저장소는 아래와 같은 기능을 제공합니다. - AI 활용 분야별 플랫폼 리스트 및 링크를 제공합니다 - 프롬프트 작성 방법 및 케이스별 템플릿을 제공합니다. - AI 활용 상황 별 예시 베스트 케이스들을 제공합니다. - AI 모델 맞춤형 프롬프트 수정 및 변환을 도와줍니다. 각 플랫폼에서 사용하는 프롬프트와 아웃풋의 결과를 서로 비교하고, 가장 효율적인 프롬프트를 생성하여 업무와 생산성에 활용해보세요. AI 명령어 저장소 아카이브는 29,800원에 학습 패키지로 출시될 예정입니다. 앞으로도 DATA/AI를 재미있고 가치있게 배울 수 있도록 datarichard가 함께 하겠습니다. #데이터리차드 #학습패키지 #명령어아카이브 #AI

AI 명령어 저장소 아카이브를 소개합니다

Express 프레임워크가 Node.js 생태계에서 대표 웹 프레임워크를 담당하고 있다면 Elysia는 Bun 생태계에서 비슷한 역할과 인지도를 갖고 있는 하고 있는 웹 프레임워크입니다.

물론 간단한 웹 서버를 개발할 때는 Bun에서 제공하는 HTTP 서버만으로도 충분할 때가 많지만, Elysia는 웹 서버 개발에 필요한 왠만한 기능이 모두 내장되어 있어서 단순한 서버 개발 뿐만 아니라 복잡한 서버 개발까지 사용할 수 있는 확장성이 띄어난 웹 프레임워크입니다.

타입스크립트를 바로 실행하는 Bun과 마찬가지로 Elysia도 타입스크립트에 매우 친화적인 API를 제공하면서도 개발자가 피곤하게 타입스크립트를 많이 작성하지 않도록 매우 인체 공학적으로 설계가 되어 있습니다. 다시 말해서, 다른 웹 프레임워크처럼 개발자에게 번거로운 타이핑(typing)을 강요하지 않고, 강력한 타입 추론을 통해서 코드 편집기에서 훌륭한 자동 완성(autocomplete)과 정적 타입 체킹을 제공합니다. 그래서 Elysia를 쓰면 마치 순수한(Vanilla) 자바스크립트를 쓰는 듯한 산뜻한 개발자 경험을 하면서도, 버그가 적은 견고한 서버 애플리케이션을 작성할 수 있습니다.

아래 예제 코드를 보시면 Elysia의 API가 얼마나 아름답고 직관적인지 실감이 나실 겁니다. 딱히 Elysia를 배우시지 않으신 분도 코드만 보면 대강 웹 서버가 어떻게 동작하는지 감을 잡을 수 있을 정도니까요.

import { Elysia } from "elysia";

new Elysia()
  .get("/", "Hello World")
  .get("/image", Bun.file("mika.webp"))
  .get("/stream", function* () {
    yield "Hello";
    yield "World";
  })
  .ws("/realtime", {
    message(ws, message) {
      ws.send("got:" + message);
    },
  })
  .listen(3000);

Elysia는 개발자 경험 뿐만 아니라 성능 측면에서도 기존 웹 프레임워크를 압도하는 모습을 보여줍니다. 벤치마크 결과를 보면 Elysia는 초당 Express보다 무려 21배, Fastify보다 6배 많은 요청을 처리하는 것으로 알려져 있습니다. 지나친 단순화이지만 Node.js에서 Express 익스프레스 서버 인스턴스로 처리할 수 있는 트래픽을, Bun에서는 1개의 Elysia 서버 인스턴스로 처리할 수 있다는 말입니다. 단순히 런타임과 프레임워크를 바꿔서 이 정도의 성능 향상을 이룰 수 있다니, Bun과 Elysia는 정말 매력적인 조합이 아닐 수 없습니다.

Bun이 Node.js를 잇는 차세대 자바스크립트 런타임으로 급 부상하면서, Bun을 위해서 탄생한 웹 프레임워크인 Elysia도 큰 관심을 받고 있습니다. 이번 포스팅에서는 Elysia의 주요 특징과 사용법, 그리고 Elysia가 다른 웹 프레임워크와 어떻게 차별화되는지에 대해서 살펴보겠습니다.

📝 포스팅: https://www.daleseo.com/elysia/

혹시 Bun에 대해서 생소하신 분들께는 아래 게시물을 추천드리고 싶습니다.

📕 Bun: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/92202
📗 Bun v1.1 출시 소식: https://careerly.co.kr/comments/102544
📘 헬로 Bun 출간 소식: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/111998

Express 프레임워크가 Node.js 생태계에서 대표 웹 프레임워크를 담당하고 있다면 Elysia는 Bun 생태계에서 비슷한 역할과 인지도를 갖고 있는 하고 있는 웹 프레임워크입니다. 물론 간단한 웹 서버를 개발할 때는 Bun에서 제공하는 HTTP 서버만으로도 충분할 때가 많지만, Elysia는 웹 서버 개발에 필요한 왠만한 기능이 모두 내장되어 있어서 단순한 서버 개발 뿐만 아니라 복잡한 서버 개발까지 사용할 수 있는 확장성이 띄어난 웹 프레임워크입니다. 타입스크립트를 바로 실행하는 Bun과 마찬가지로 Elysia도 타입스크립트에 매우 친화적인 API를 제공하면서도 개발자가 피곤하게 타입스크립트를 많이 작성하지 않도록 매우 인체 공학적으로 설계가 되어 있습니다. 다시 말해서, 다른 웹 프레임워크처럼 개발자에게 번거로운 타이핑(typing)을 강요하지 않고, 강력한 타입 추론을 통해서 코드 편집기에서 훌륭한 자동 완성(autocomplete)과 정적 타입 체킹을 제공합니다. 그래서 Elysia를 쓰면 마치 순수한(Vanilla) 자바스크립트를 쓰는 듯한 산뜻한 개발자 경험을 하면서도, 버그가 적은 견고한 서버 애플리케이션을 작성할 수 있습니다. 아래 예제 코드를 보시면 Elysia의 API가 얼마나 아름답고 직관적인지 실감이 나실 겁니다. 딱히 Elysia를 배우시지 않으신 분도 코드만 보면 대강 웹 서버가 어떻게 동작하는지 감을 잡을 수 있을 정도니까요. <pre ><code>import { Elysia } from "elysia";

new Elysia()
 .get("/", "Hello World")
 .get("/image", Bun.file("mika.webp"))
 .get("/stream", function* () {
 yield "Hello";
 yield "World";
 })
 .ws("/realtime", {
 message(ws, message) {
 ws.send("got:" + message);
 },
 })
 .listen(3000);</code></pre> Elysia는 개발자 경험 뿐만 아니라 성능 측면에서도 기존 웹 프레임워크를 압도하는 모습을 보여줍니다. 벤치마크 결과를 보면 Elysia는 초당 Express보다 무려 21배, Fastify보다 6배 많은 요청을 처리하는 것으로 알려져 있습니다. 지나친 단순화이지만 Node.js에서 Express 익스프레스 서버 인스턴스로 처리할 수 있는 트래픽을, Bun에서는 1개의 Elysia 서버 인스턴스로 처리할 수 있다는 말입니다. 단순히 런타임과 프레임워크를 바꿔서 이 정도의 성능 향상을 이룰 수 있다니, Bun과 Elysia는 정말 매력적인 조합이 아닐 수 없습니다. Bun이 Node.js를 잇는 차세대 자바스크립트 런타임으로 급 부상하면서, Bun을 위해서 탄생한 웹 프레임워크인 Elysia도 큰 관심을 받고 있습니다. 이번 포스팅에서는 Elysia의 주요 특징과 사용법, 그리고 Elysia가 다른 웹 프레임워크와 어떻게 차별화되는지에 대해서 살펴보겠습니다. 📝 포스팅: https://www.daleseo.com/elysia/ 혹시 Bun에 대해서 생소하신 분들께는 아래 게시물을 추천드리고 싶습니다. 📕 Bun: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/92202📗 Bun v1.1 출시 소식: https://careerly.co.kr/comments/102544📘 헬로 Bun 출간 소식: 귀엽지만 강력한 새로운 자바스크립트 런타임: https://careerly.co.kr/comments/111998

Elysia: Bun을 위한 인체 공학적 웹 프레임워크

Technology Trends for 2025 You Can’t Afford to Miss

🚨 기계와 인간 지능의 융합
 * 2025년에는 생성형 비디오 및 양자 기반 AI와 같은 혁신의 원동력이 되어 우리 생활에 자연스럽게 통합될 것입니다.
 * AI 도구는 인간의 생산성과 창의성을 높이고 인간의 능력을 자연스럽게 증강시킬 것입니다.
 * 자율 AI 에이전트부터 정교한 의사결정 시스템에 이르기까지, AI는 먼 미래의 경이로움이 아닌 우리의 조력자로서 비즈니스와 일상 생활의 모든 측면을 개선하고 인사이트를 제공할 것입니다.

🚨 생명공학 혁명
 * 개인 맞춤형 의료와 그 이상의 생명공학은 2025년에도 건강, 농업, 지속가능성 분야를 계속해서 재편할 것입니다.
 * CRISPR 기반 유전자 편집과 같은 발전으로 유전 질환에 대한 개인 맞춤형 치료법과 획기적인 암 치료법을 보게 될 것입니다.
 * 의료 분야 외에도 생명공학은 기후에 강한 작물과 실험실에서 재배한 육류를 개발하여 전 세계의 식량 문제를 해결하는 동시에 건강과 지속가능성을 개선할 것입니다.

🚨 기후 기술 도전
 * 혁신을 통한 환경 영향 감소 기후 변화의 시급성이 가속화됨에 따라 2025년에는 기후 기술이 크게 발전할 것입니다.
 * 청정 에너지 저장 기술, 전기 자동차, 탄소 포집 기술이 주류가 되어 환경 피해를 완화하는 데 도움이 될 것입니다.
 * 친환경 기술에 대한 새로운 투자와 혁신은 배출량을 줄일 뿐만 아니라 비즈니스의 지속 가능한 운영을 가능하게 할 것입니다.
 * 저탄소 경제로의 전환은 산업이 작동하는 방식을 재정의할 수 있는 혁신과 함께 탄력을 받고 있습니다.

🚨 글로벌 규모의 사이버 보안
 * 새로운 위협으로부터 디지털 세상 지키기 사이버 보안은 더 이상 기술적 문제가 아니라 전 세계적인 우선순위가 될 것입니다.
 * 사이버 범죄자들이 에너지 그리드, 의료, 심지어 선거 시스템과 같은 중요 인프라를 점점 더 노리고 있기 때문에 각국은 디지털 방어에 막대한 투자를 해야 할 것입니다.
 * AI 기반 사이버 보안 도구는 공격을 탐지하고 예방하는 데 필수적인 요소가 될 것이며, 국가 간 협력은 글로벌 보안을 강화할 것입니다.

🚨 컴퓨팅 성능의 비약적인 도약
 * 양자 컴퓨팅이 현실 세계에 미치는 영향 이론적 개념에 불과했던 양자 컴퓨팅이 2025년에 우리의 세상을 변화시키기 시작할 것입니다.
 * 클라우드 기반 양자 시스템은 신약 개발, 재무 모델링, 물류 최적화를 위한 전례 없는 연산 능력을 제공하면서 기업에서 이용할 수 있게 될 것입니다.
 * 기존 컴퓨터를 뛰어넘는 속도로 복잡한 문제를 해결할 수 있는 양자 컴퓨팅의 능력은 산업에 혁신을 가져올 것입니다.
 * 이러한 도약은 자연어 처리와 자율 시스템의 새로운 가능성을 열어 AI를 혁신할 수도 있습니다.
 * 그러나 현재의 암호화 방식에 대한 도전과 함께 개인정보 보호 문제가 대두되고 있습니다.

2025년은 급속한 기술 발전의 해가 될 것입니다. 기업과 개인 모두 이 흥미진진한 미래에서 성공하려면 이러한 변화에 앞서 나가야 합니다.

 * source: https://medium.com/@sanjay.mohindroo66/technology-trends-for-2025-you-cant-afford-to-miss-4ff179e7a4a9

🚨 기계와 인간 지능의 융합<ul ><li>2025년에는 생성형 비디오 및 양자 기반 AI와 같은 혁신의 원동력이 되어 우리 생활에 자연스럽게 통합될 것입니다. </li><li>AI 도구는 인간의 생산성과 창의성을 높이고 인간의 능력을 자연스럽게 증강시킬 것입니다. </li><li>자율 AI 에이전트부터 정교한 의사결정 시스템에 이르기까지, AI는 먼 미래의 경이로움이 아닌 우리의 조력자로서 비즈니스와 일상 생활의 모든 측면을 개선하고 인사이트를 제공할 것입니다. </li></ul> 🚨 생명공학 혁명<ul ><li>개인 맞춤형 의료와 그 이상의 생명공학은 2025년에도 건강, 농업, 지속가능성 분야를 계속해서 재편할 것입니다. </li><li>CRISPR 기반 유전자 편집과 같은 발전으로 유전 질환에 대한 개인 맞춤형 치료법과 획기적인 암 치료법을 보게 될 것입니다. </li><li>의료 분야 외에도 생명공학은 기후에 강한 작물과 실험실에서 재배한 육류를 개발하여 전 세계의 식량 문제를 해결하는 동시에 건강과 지속가능성을 개선할 것입니다. </li></ul> 🚨 기후 기술 도전<ul ><li>혁신을 통한 환경 영향 감소 기후 변화의 시급성이 가속화됨에 따라 2025년에는 기후 기술이 크게 발전할 것입니다. </li><li>청정 에너지 저장 기술, 전기 자동차, 탄소 포집 기술이 주류가 되어 환경 피해를 완화하는 데 도움이 될 것입니다. </li><li>친환경 기술에 대한 새로운 투자와 혁신은 배출량을 줄일 뿐만 아니라 비즈니스의 지속 가능한 운영을 가능하게 할 것입니다. </li><li>저탄소 경제로의 전환은 산업이 작동하는 방식을 재정의할 수 있는 혁신과 함께 탄력을 받고 있습니다.</li></ul> 🚨 글로벌 규모의 사이버 보안<ul ><li>새로운 위협으로부터 디지털 세상 지키기 사이버 보안은 더 이상 기술적 문제가 아니라 전 세계적인 우선순위가 될 것입니다. </li><li>사이버 범죄자들이 에너지 그리드, 의료, 심지어 선거 시스템과 같은 중요 인프라를 점점 더 노리고 있기 때문에 각국은 디지털 방어에 막대한 투자를 해야 할 것입니다. </li><li>AI 기반 사이버 보안 도구는 공격을 탐지하고 예방하는 데 필수적인 요소가 될 것이며, 국가 간 협력은 글로벌 보안을 강화할 것입니다. </li></ul> 🚨 컴퓨팅 성능의 비약적인 도약<ul ><li>양자 컴퓨팅이 현실 세계에 미치는 영향 이론적 개념에 불과했던 양자 컴퓨팅이 2025년에 우리의 세상을 변화시키기 시작할 것입니다. </li><li>클라우드 기반 양자 시스템은 신약 개발, 재무 모델링, 물류 최적화를 위한 전례 없는 연산 능력을 제공하면서 기업에서 이용할 수 있게 될 것입니다. </li><li>기존 컴퓨터를 뛰어넘는 속도로 복잡한 문제를 해결할 수 있는 양자 컴퓨팅의 능력은 산업에 혁신을 가져올 것입니다. </li><li>이러한 도약은 자연어 처리와 자율 시스템의 새로운 가능성을 열어 AI를 혁신할 수도 있습니다. </li><li>그러나 현재의 암호화 방식에 대한 도전과 함께 개인정보 보호 문제가 대두되고 있습니다. </li></ul> 2025년은 급속한 기술 발전의 해가 될 것입니다. 기업과 개인 모두 이 흥미진진한 미래에서 성공하려면 이러한 변화에 앞서 나가야 합니다. <ul ><li>source: https://medium.com/@sanjay.mohindroo66/technology-trends-for-2025-you-cant-afford-to-miss-4ff179e7a4a9</li></ul>

Medium

놓쳐서는 안 될 2025년 기술 트렌드

Explore the top 10 web development trends for 2025. Gain valuable insights into the future of web design, technology, and user experience.

Top 10 Web Development Trends to Watch in 2025 - Tech Guide

생성형AI와 LLM이 핫트렌드인 현재이지만, 여전히 우리는 쇼핑이나 항공권 티켓팅, 블로그, SNS를 웹으로 접근하고 있습니다. 따라서 전략적 우위를 확보하기 위해서는 웹 개발 최신 트렌드를 이해하고 이에 적응하는 것이 무엇보다 중요합니다. 이와 관련하여 2025년 웹개발 트렌드를 함께 살펴보시죠!

🧲 맞춤형 비주얼(Customised Visuals)
 * 브랜드 아이덴티티를 반영하여 특별히 디자인된 일반적인 스톡 이미지에서 맞춤형 레이아웃과 이미지로 전환 필요
 * 사용자들은 창의적인 그래픽과 아이콘을 일관된 색상으로 조합하여 더욱 매력적인 경험을 제공하는 웹사이트를 기억하는 경향
 * 맞춤형 비주얼에 투자함으로써 온라인 시장에서 차별화 및 탐색 기능을 개선하고 사용자의 콘텐츠 접근성을 높일 수 있음
   
   
🧲 모바일 우선 디자인(Mobile-First Design)
 * 전 세계 웹 트래픽의 50% 이상이 모바일 디바이스에서 발생
 * 모바일 응답성을 우선시하는 직관적인 웹사이트는 사용자 참여도와 리텐션 향상 유도
 * 모바일에 맞게 작은 화면과 빠른 로딩 시간에 완벽하게 최적화 필요
   
   
🧲 다크 모드(Dark Mode)
 * 사용자가 기존의 밝은 색상의 배경에서 어두운 테마로 전환할 수 있는 다크 모드는 최신 웹 디자인의 필수 요소
 * 다크 모드의 인기는 미적 매력과 함께 저조도 환경에서 눈의 피로를 줄이고 OLED 화면의 배터리 수명을 절약하는 등의 이점
 * 다크 모드는 생생한 색상 및 이미지와 잘 대비되는 세련되고 현대적인 외관을 제공함으로써 사용자 경험을 향상시키고, 사용자 참여도를 높일 수 있음
   
   
🧲 AR/VR을 통한 몰입형 경험(Immersive Experiences with AR/VR)
 * 증강 현실과 가상 현실이 웹 개발에 통합되면서 2025년까지 사용자 상호 작용이 혁신적으로 변화할 것으로 예상
 * AR/VR 기술은 몰입도 높은 인터랙티브 경험을 제공하여 사용자를 더욱 깊이 참여시킴
   * 예) 소매업체는 가상 의류 시착 서비스를 제공하거나 고객이 구매 전에 제품의 3D 모델을 미리 볼 수 있어 보다 효과적임
   * 예) 부동산, 이커머스, 관광과 같은 산업에서는 브라우저를 통해 직접 실물과 같은 경험을 제공하는 데 AR과 VR이 중요한 역할
     
     
🧲 싱글 페이지 애플리케이션(Single Page Applications)
 * 빠른 로딩 시간과 간소화된 브라우징 경험 인기
 * 기존 웹사이트와 달리 SPA는 전체 페이지를 다시 로드할 필요 없이 단일 HTML 페이지를 로드하고 콘텐츠를 동적으로 업데이트
 * 빠르고 끊김 없는 브라우징 경험을 제공을 통해 방문자 유지 필수

🧲 혁신 기술과의 통합(Integration of Emerging Technologies)
 * 인공지능, 머신러닝, 블록체인과 같은 새로운 기술은 2025년에도 웹 개발을 계속해서 재편
 * 인공지능과 머신러닝은 각 사용자에게 개인화된 경험을 제공하는 더 스마트하고 직관적인 웹사이트를 만드는 데 사용
   * 예)AI 기반 챗봇은 실시간 지원 서비스 제공
 * 블록체인 기술 또한 웹 개발에 더욱 통합되어 보안, 투명성, 신뢰성을 강화

🧲 프로그레시브 웹 앱(Progressive Web Apps)
 * 웹 액세스의 편리함과 네이티브 앱의 기능을 결합하여 웹과 모바일 앱의 장점을 모두 제공
 * PWA는 브라우저를 통해 액세스할 수 있지만 모바일 앱처럼 작동하여 오프라인 기능을 제공
 * 모든 디바이스에서 원활하게 작동하는 PWA는 전용 앱을 개발하지 않고도 모바일 참여도를 향상시키고자 하는 경우에 이상적임
   
   
🧲 보안 강화(Enhanced Security)
 * 웹사이트는 다단계 인증, 암호화, 보안 프레임워크 등 더욱 강력한 보안 프로토콜을 구현하여 민감한 데이터를 보호하고 사용자 개인정보 보호 필요
 * 보안 위협이 진화함에 따라 웹사이트에 사전 예방적 보안 조치를 도입하여 취약점을 사전에 방지하는 것이 중요

🧲 마이크로 인터랙션(Micro Interactions)
 * 웹사이트를 통해 사용자를 안내하고 사용자 참여를 향상시키는 미묘한 디자인 요소
   * 예)애니메이션, 호버 효과, 버튼 누르기, 작은 피드백 표시기 등
 * 마이크로 인터랙션이 더욱 발전하여 전반적인 사용자 경험을 향상시키는 부드러운 전환과 동적 요소 제공
   
   
🧲 음성 검색
 * Siri, Alexa, Google Assistant와 같은 음성 비서를 사용하는 사용자가 증가함에 따라 음성 검색의 인기는 계속 높아짐
 * 웹사이트는 자연어 처리에 집중하고 음성 검색 친화적인 SEO를 구현하여 음성 검색을 통해 콘텐츠를 쉽게 찾을 수 있도록
 * 음성 검색을 통해 사용자는 타이핑 없이도 빠르고 효율적으로 정보를 찾을 수 있으므로 이러한 트렌드에 적응하면 경쟁 우위 제공
   
   

 * source: https://www.techguide.com.au/news/internet-news/top-10-web-development-trends-to-watch-in-2025/

생성형AI와 LLM이 핫트렌드인 현재이지만, 여전히 우리는 쇼핑이나 항공권 티켓팅, 블로그, SNS를 웹으로 접근하고 있습니다. 따라서 전략적 우위를 확보하기 위해서는 웹 개발 최신 트렌드를 이해하고 이에 적응하는 것이 무엇보다 중요합니다. 이와 관련하여 2025년 웹개발 트렌드를 함께 살펴보시죠! 🧲 맞춤형 비주얼(Customised Visuals)<ul ><li>브랜드 아이덴티티를 반영하여 특별히 디자인된 일반적인 스톡 이미지에서 맞춤형 레이아웃과 이미지로 전환 필요</li><li>사용자들은 창의적인 그래픽과 아이콘을 일관된 색상으로 조합하여 더욱 매력적인 경험을 제공하는 웹사이트를 기억하는 경향</li><li>맞춤형 비주얼에 투자함으로써 온라인 시장에서 차별화 및 탐색 기능을 개선하고 사용자의 콘텐츠 접근성을 높일 수 있음 </li></ul>🧲 모바일 우선 디자인(Mobile-First Design)<ul ><li>전 세계 웹 트래픽의 50% 이상이 모바일 디바이스에서 발생</li><li>모바일 응답성을 우선시하는 직관적인 웹사이트는 사용자 참여도와 리텐션 향상 유도</li><li>모바일에 맞게 작은 화면과 빠른 로딩 시간에 완벽하게 최적화 필요 </li></ul>🧲 다크 모드(Dark Mode)<ul ><li>사용자가 기존의 밝은 색상의 배경에서 어두운 테마로 전환할 수 있는 다크 모드는 최신 웹 디자인의 필수 요소</li><li>다크 모드의 인기는 미적 매력과 함께 저조도 환경에서 눈의 피로를 줄이고 OLED 화면의 배터리 수명을 절약하는 등의 이점</li><li>다크 모드는 생생한 색상 및 이미지와 잘 대비되는 세련되고 현대적인 외관을 제공함으로써 사용자 경험을 향상시키고, 사용자 참여도를 높일 수 있음 </li></ul>🧲 AR/VR을 통한 몰입형 경험(Immersive Experiences with AR/VR)<ul ><li>증강 현실과 가상 현실이 웹 개발에 통합되면서 2025년까지 사용자 상호 작용이 혁신적으로 변화할 것으로 예상</li><li>AR/VR 기술은 몰입도 높은 인터랙티브 경험을 제공하여 사용자를 더욱 깊이 참여시킴<ul ><li>예) 소매업체는 가상 의류 시착 서비스를 제공하거나 고객이 구매 전에 제품의 3D 모델을 미리 볼 수 있어 보다 효과적임</li><li>예) 부동산, 이커머스, 관광과 같은 산업에서는 브라우저를 통해 직접 실물과 같은 경험을 제공하는 데 AR과 VR이 중요한 역할 </li></ul></li></ul>🧲 싱글 페이지 애플리케이션(Single Page Applications)<ul ><li>빠른 로딩 시간과 간소화된 브라우징 경험 인기</li><li>기존 웹사이트와 달리 SPA는 전체 페이지를 다시 로드할 필요 없이 단일 HTML 페이지를 로드하고 콘텐츠를 동적으로 업데이트</li><li>빠르고 끊김 없는 브라우징 경험을 제공을 통해 방문자 유지 필수</li></ul> 🧲 혁신 기술과의 통합(Integration of Emerging Technologies)<ul ><li>인공지능, 머신러닝, 블록체인과 같은 새로운 기술은 2025년에도 웹 개발을 계속해서 재편</li><li>인공지능과 머신러닝은 각 사용자에게 개인화된 경험을 제공하는 더 스마트하고 직관적인 웹사이트를 만드는 데 사용<ul ><li>예)AI 기반 챗봇은 실시간 지원 서비스 제공</li></ul></li><li>블록체인 기술 또한 웹 개발에 더욱 통합되어 보안, 투명성, 신뢰성을 강화</li></ul> 🧲 프로그레시브 웹 앱(Progressive Web Apps)<ul ><li>웹 액세스의 편리함과 네이티브 앱의 기능을 결합하여 웹과 모바일 앱의 장점을 모두 제공</li><li>PWA는 브라우저를 통해 액세스할 수 있지만 모바일 앱처럼 작동하여 오프라인 기능을 제공</li><li>모든 디바이스에서 원활하게 작동하는 PWA는 전용 앱을 개발하지 않고도 모바일 참여도를 향상시키고자 하는 경우에 이상적임 </li></ul>🧲 보안 강화(Enhanced Security)<ul ><li>웹사이트는 다단계 인증, 암호화, 보안 프레임워크 등 더욱 강력한 보안 프로토콜을 구현하여 민감한 데이터를 보호하고 사용자 개인정보 보호 필요</li><li>보안 위협이 진화함에 따라 웹사이트에 사전 예방적 보안 조치를 도입하여 취약점을 사전에 방지하는 것이 중요</li></ul> 🧲 마이크로 인터랙션(Micro Interactions)<ul ><li>웹사이트를 통해 사용자를 안내하고 사용자 참여를 향상시키는 미묘한 디자인 요소<ul ><li>예)애니메이션, 호버 효과, 버튼 누르기, 작은 피드백 표시기 등</li></ul></li><li>마이크로 인터랙션이 더욱 발전하여 전반적인 사용자 경험을 향상시키는 부드러운 전환과 동적 요소 제공 </li></ul>🧲 음성 검색<ul ><li>Siri, Alexa, Google Assistant와 같은 음성 비서를 사용하는 사용자가 증가함에 따라 음성 검색의 인기는 계속 높아짐</li><li>웹사이트는 자연어 처리에 집중하고 음성 검색 친화적인 SEO를 구현하여 음성 검색을 통해 콘텐츠를 쉽게 찾을 수 있도록</li><li>음성 검색을 통해 사용자는 타이핑 없이도 빠르고 효율적으로 정보를 찾을 수 있으므로 이러한 트렌드에 적응하면 경쟁 우위 제공 </li></ul> <ul ><li>source: https://www.techguide.com.au/news/internet-news/top-10-web-development-trends-to-watch-in-2025/</li></ul>

Tech Guide

[TechGuide]2025년에 주목해야 할 10가지 웹 개발 트렌드

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

🙆‍♀️ 내가 하는 생각
- 사람들이 불편해 하는 점이 있는 것 같네. 한번 만들어 보자
- 실패해도 배운 점이 있도록 평소 사용하고 싶었던 기술이나 주제를 적용해보자
- 필요한 기능 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

네이버 블로그 | 계절의 기록

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

Go 언어를 프로그래밍하는 환경을 구축합시다. 윈도우, 맥OS, 리눅스를 대상으로 합니다.

[Go] Go언어 설치 | 윈도우/맥/리눅스/ 개발환경 구축하기, VSCode, 확장 프로그램 - 골든래빗

Go 언어를 프로그래밍하는 환경을 구축합시다. 윈도우, 맥OS, 리눅스를 대상으로 합니다. 윈도우/맥/리눅스/ 개발환경 구축하고, VSCode 설치와 VSCode에서 Go 프로그래밍을 할 수 있도록 도와주는 Go 확장 프로그램을 설치하겠습니다. 마지막으로 VSCode로 코드 실행하는 방법까지 정리했습니다.

1. 윈도우 개발 환경 구축
먼저 Go 언어를 설치합니다. 그다음 깃을 설치합니다. 통합 개발 환경(IDE)인 비주얼 스튜디오 코드를 다운받고 Go 개발 환경을 설정합니다.

2. 맥OS 개발 환경 구축
맥OS에서 개발 환경을 구축하겠습니다.

3. 리눅스 개발 환경 구축
인기 리눅스 배포판인 우분투를 기준으로 설명하겠습니다. 우부투는 데비안 리눅스를 기반으로 개발한 사용하기 편한 배포판입니다.

4. Go 확장 프로그램 설치
비주얼 스튜디오 코드에서 Go 프로그래밍을 할 수 있도록 도와주는 Go 확장 프로그램을 설치하겠습니다.

5. VSCode로 코드 실행하는 방법
코드를 실행하는 방법을 알려드릴게요. 간단한 Hello World 프로그램을 만들어서 실습해보겠습니다. 코딩은 눈으로 익히는 게 아니라 손으로 익히는 거라고 생각합니다. 눈으로 아무리 봐도 막상 코딩을 하려 하면 어디서부터 해야 할지 몰라 막막한 경우가 많습니다.

본문 더보기: https://bit.ly/3SlhesF

Go 언어를 프로그래밍하는 환경을 구축합시다. 윈도우, 맥OS, 리눅스를 대상으로 합니다. 윈도우/맥/리눅스/ 개발환경 구축하고, VSCode 설치와 VSCode에서 Go 프로그래밍을 할 수 있도록 도와주는 Go 확장 프로그램을 설치하겠습니다. 마지막으로 VSCode로 코드 실행하는 방법까지 정리했습니다. 1. 윈도우 개발 환경 구축먼저 Go 언어를 설치합니다. 그다음 깃을 설치합니다. 통합 개발 환경(IDE)인 비주얼 스튜디오 코드를 다운받고 Go 개발 환경을 설정합니다. 2. 맥OS 개발 환경 구축맥OS에서 개발 환경을 구축하겠습니다. 3. 리눅스 개발 환경 구축인기 리눅스 배포판인 우분투를 기준으로 설명하겠습니다. 우부투는 데비안 리눅스를 기반으로 개발한 사용하기 편한 배포판입니다. 4. Go 확장 프로그램 설치비주얼 스튜디오 코드에서 Go 프로그래밍을 할 수 있도록 도와주는 Go 확장 프로그램을 설치하겠습니다. 5. VSCode로 코드 실행하는 방법코드를 실행하는 방법을 알려드릴게요. 간단한 Hello World 프로그램을 만들어서 실습해보겠습니다. 코딩은 눈으로 익히는 게 아니라 손으로 익히는 거라고 생각합니다. 눈으로 아무리 봐도 막상 코딩을 하려 하면 어디서부터 해야 할지 몰라 막막한 경우가 많습니다. 본문 더보기: https://bit.ly/3SlhesF

골든래빗

[Go] Go언어 설치 | 윈도우/맥/리눅스/ 개발환경 구축하기, VSC

플랫폼

커뮤니티 / 소셜네트워킹

콘텐츠

커뮤니케이션

콘텐츠 기획

콘텐츠 제작

공식 계정

묘공단 완독 스터디와 함께 공부하고 수료증도 받으세요!

모두의 가치가 성장하는 시간을 만듭니다.
가치가 성장하는 시간이 되는 책을 만듭니다.

[Go] Go언어 설치 | 윈도우/맥/리눅스/ 개발환경 구축하기, VSC

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필