async #api | 혹시 비동기 통신같은 경우는 다들 어떤 식으로 에러 핸들링 하시나요? 유저에게 보여주지 않을 에러의 경우 단순히 console log (err)가 아니라 어떤 아...

비동기 통신 에러 헨들링 방법

유저에게 보여주지 않을 에러의 경우 "오류가 발생했습니다. 잠시 후 다시 시도해주세요."와 같은 메세지를 띄우고, 팀 정책에 따라 Sentry로 보내거나 콘솔찍고 ignore 하는 식으로 보통 처리합니다.

비동기 통신 처리하는 부분에서 이런 코드는 대부분 반복되는 경우가 많습니다. 이 경우 `handleServerError: (error: unknown) => void` 또는 `getServerErrorMessage: (error: unknown) => string`같은 함수를 만들어서 `utils/`에 넣어놓고, `onError` 핸들러에 이 함수를 호출해서 반복되는 로직을 처리해주면 깔끔해집니다.

커리어리

nextjs13 | 현재 nextjs12로 짜여진 코드를 nextjs13으로 옮기는 작업을 하고 있습니다. 기존에 getServerSideProps의 context를 이용하여 많은걸...

getServerSideProps의 context를 nextjs13에서 사용하기.

새 app dir에선 리퀘스트에 접근할 수 있는 `headers()`, `cookies()` 함수를 제공합니다.
`headers()`는 서버 컴포넌트에서 리퀘스트 헤더 값을 받아오는 함수고,
`cookies()`는 서버 컴포넌트에서 쿠키에 접근할 수 있는 함수입니다. (첨부한 코드 참조)

자세한 내용은 Next.js 공식 문서를 보면 page dir에서 app dir로 마이그레이션 하는 챕터가 있습니다. 그 중에 accessing-request-object(https://nextjs.org/docs/app/building-your-application/upgrading/app-router-migration#accessing-request-object) 쪽 문서를 살펴보시면 됩니다.

프론트엔드 #신입 | 경력 1년이상 이런곳에도 넣어도 될까요? 지금까지는 신입이나 ~의 수준에 상응하시는 분 이런 곳 에만 넣었거든요. 어떤 분은 3년까지 넣어봤다고 하기도 하셔서요...

신입 프론트엔드 개발자 입사지원 할 때 ~년 이상

고민하지 않고 넣어보라고 말씀드리고 싶어요.
저는 1년차 이하일 때 "3년 이상"까지 넣어봤습니다.
저는 컴퓨터쪽을 계속 공부하고 있었고, 어느정도 깃허브에 포트폴리오도 있는 상황이였기 때문에 서류전형까지는 문제없이 통과했었던 것 같아요.
채용공고를 n년차로 올리는 이유는 합격했을 때 그 팀에서 질문자분에게 n년 차의 역할을 기대한다고 볼 수 있어요.
이 부분은 면접에서 다 살펴보게 되니 일단 넣어보시는 걸 추천드립니다 :)

원문: Introducing the popover API 팝오버는 웹의 모든 곳에 있습니다. 메뉴, 토글 팁, 대화 상자(dialog)에서 볼 수 있으며, 계정 설정, 정보 표시 위젯, 제품 카드 미리 보기 등의 형태로 나타납니다. 이러한 컴포넌트가 널리 사용되고 있음에도 불구하고 브라우저에서 이러한 컴포넌트를 구축하는 것은 의외로 여전히 번거롭습니다.

(번역) 팝오버(popover) API를 소개합니다

오늘 소개해드릴 글은 컬리의 유경상님이 번역해 주신 글입니다. 팝오버는 웹의 여러 곳에서 쉽게 찾아볼 수 있으며, 여러 가지 형태로 사용되고 있습니다. 하지만 막상 팝오버를 구현하는 것은 생각만큼 간단하지는 않습니다. 팝오버의 오픈 상태와 포커스, 이벤트 등을 모두 고려해야 하기 때문에 때로는 번거로운 작업이 될 수 있습니다. HTML의 새로 등장한 API세트인 popover는 이러한 번거로움을 자바스크립트 없이 해결 해줍니다. 이 글을 통해 새로 등장한 popover가 어떤 API이고, 어떠한 특징들을 가지고 있으며, 우리의 번거로움을 어떻게 해결해 주는지 알아보면, 앞으로 팝오버를 유용하게 사용하는 데 도움이 될 것이라고 생각합니다. :)

> 글 링크: https://ykss.netlify.app/translation/introducing_the_popover_api/

Netlify

팝오버(popover) API를 소개합니다

최근 몇 달간 카일스쿨(변성윤)님의 PM을 위한 데이터 리터러시(프로덕트 데이터 분석) 강의를 통해 강의료 몇 배 이상의 값어치를 획득했기 때문에 이 강의가 왜 좋은지! 그리고 어떻게 듣고 활용했을 때 더 좋았는지를 공유하고자 한다. A가 스타트업의 첫 데이터 분석가로 입사했을 때 : 1. 누군가 : " 데이터 분석가님이 하고 싶은 대로 해주세요!

"너는 DA니까,알아서 잘 할거야"라는 말을 듣는 사람들을 위한 PM을 위한 데이터 리터러시(프로덕트 데이터 분석) 리뷰

"너는 DA니까,알아서 잘 할거야"라는 말을 듣는 사람들을 위한 PM을 위한 데이터 리터러시(프로덕트 데이터 분석) 강의 리뷰

제 강의 후기가 올라와서 공유해보아요! 최초에 강의를 만들 때 어떤 부분이 도움이 되면 좋겠다, 어떻게 활용하면 좋겠다라고 생각했던 부분을 모두 실천하고 계시네요!

데이터 관련 어려움을 겪는 분들이 계시면 한번 보셔도 좋을 것 같아요 :) 

활용 방법까지 같이 기록해두셔서 도움이 될 것 같네요.

그리고 혹시 강의를 구매했는데 아직 천천히 수강하고 있다면 디스코드에 들어오셔서 같이 듣고 의견을 나눌 스터디를 만드는 것도 매우 추천드리고 싶어요-! (구매하고 수강을 안하신 분들이 계신데 같이 들어보며 이야기 나누고 싶네요..!)

강의 URL : https://inf.run/HLzf

https://sowhatmylifeismine.tistory.com/263

What a Beautiful Data!

PM을 위한 데이터 리터러시(프로덕트 데이터 분석) 강의 리뷰

어제 밤에 The Changelog을 들으면서 인상 깊었던 Tensorflow 구글 엔지니어와의 질답을 짧게 번역했다.

"왜 Tensorflow처럼 가치 있는 것을 오픈 소스로 공개하나요?"

구글은 텐서플로우를 오픈소스로 공개하고 있습니다. 구글 뿐만 아니라 페이스북은 파이토치를, 링크드인은 카프카를 공개하고 있죠 (이 뿐만 아니라 많은 프로젝트가 공개되어 있습니다)

왜 일까요? 기업이 오픈소스 활동을 하는 이유는 그들이 선해서가 아니라, 그들에게 이익이 되기 때문입니다. 

뛰어난 기술을 공개하고 산업 표준이 되어서 사내 시스템과 시장 표준 기술을 동기화 합니다. 그러면 내부 직원이 퇴사하더라도 어렵지 않게 기존 코드를 유지보수할 인원을 시장에서 구할 수 있게 됩니다. 물론 표준이 되는 길은 어렵지만, 공개를 해야 시도할 수 있으니까요.

구글 엔지니어와의 질답을 정리한 글을 공유합니다.

> 구글은 종종 자체적으로 개발한 기술에 대한 whitepaper를 만들곤 하는데, MapReduce나 BigTable과 같은 whitepaper가 그것들이죠. 이렇게 whitepaper를 만들어 공개하고 나면 구글 밖에 있는 똑똑한 사람들이 이를 읽고, API를 만들고, 그렇게 만들어진 API가 산업 표준이 되곤 했습니다.

> BigTable whitepaper를 공개하고, HBase가 만들어졌고, HBase가 산업 표준이 되었습니다. 이제 구글이 BigTable을 서비스의 형태로 공개하려고 하는데, 이미 HBase가 산업 표준이 되었으니 BigTable과는 복잡미묘하게 다른 HBase API에 맞춰야 한다는거죠.

> 내부적으로 쓰이던 도구들이 외부에서 새로 작성되어 오픈 소스로 공개되는 것을 보면서, 저희는 지금보다 더 나은 방법이 있을 것이라고 생각했습니다. 그 방법이란 저희가 오픈 소스 커뮤니티에 참여하고, 이러한 오픈 소스 프로젝트를 저희가 가지고 있는 인프라스트럭쳐에서 돌릴 수 있게 하는 것이죠

> 머신 러닝 전문가를 고용하는 일은 어렵습니다. 그런데 Tensorflow가 업계 표준으로 사용되면, 당신이 고용하는 머신 러닝 전문가가 3개월의 시간을 벌 수 있습니다. 이미 업계 표준으로 사용되는 기술이니 전문가들은 숙지하고 있을 것이고, 따라서 교육에 시간을 쓰지 않아도 되는 것이지요.

> 구글에서 공개하는 whitepaper를 외부 전문가가 보고 구글 외부에서 새로운 도구를 만들어 업계 표준이 되기 때문에, 처음부터 오픈 소스를 하고 경쟁에 처음부터 참여를 한다고 하셨습니다. 그러면 애초에 whitepaper를 공개하지 않고 독점하면 ?

> 사람들이 구글에서 절대 퇴사를 안 한다면 당연히 문제가 없겠죠. 그 뿐만 아니라, 구글은 경쟁을 떠나서 컴퓨팅을 비롯한 기술을 진보시키려 노력합니다.

si.mpli.st

왜 구글이 사내 코드를 오픈소스로 공개할까?

깊게 고민해 본적 없이 약간의 의문을 가지고는 있었지만 찾아보진 않고 그냥 쓰기만 했었는데 잘 정리해 주셔서 감사합니다!😄😄

안녕하세요. 구독자님, 오늘도 팁스터 뉴스레터와 함께 해주셔서 감사합니다. '메이커들의 커피챗'은 서비스 기획, 프로덕트 관리, 프로덕트 디자인 등 제품을 만드는 일을 하면서 생기는 여러 문제에 대해 질문하고, 좋은 해결 방법을 탐구하는 뉴스레터입니다. 질문에 대한 메이커들의 생각은 물론, 함께 읽어 볼 만한 글, 써 볼 만한 도구를 함께 담았어요.

💬 회고 그거.. 어떻게 잘하는 건데?

회고는 개인은 물론 팀, 더 나아가 회사 차원에서 성장을 위한 중요한 활동 중 하나 입니다.
회고를 성장의 밑거름으로 잘 활용 하려면 어떻게 해야 조금 더 잘할 수 있는지에 대한 좋은 글을 찾아서 공유드립니다.

🎆 회고도 추적이 필요합니다.
회고 이후에 동일한 문제가 연달아 발생하거나 같은 실수를 반복하는 결과로 이어지지 않기 위해 회고에서 나온 개선사항에 대한 리마인드와 추적을 하는게 좋습니다.
슬랙 봇을 활용하여 개선사항으로 작성한 내용을 다시 한번 리마인드 시키고 실제 업무에 반영되고 있는지 계속 확인하는 과정을 거치세요.
또 개선사항에 포함된 업무를 하거나 관련 미팅을 할 때에 서로가 다시 확인할 수 있도록 한 번씩 언급하세요. 

💁‍♂️ 무엇을 배웠는지도 기록해야 합니다.
KPT회고는 잘하고 있는 것은 무엇인지 확인 할 수 있지만, 배운 것은 확인하기 어렵다는 아쉬움이 있습니다. 그래서 추가로 무엇을 배웠는지도 기록하는게 좋습니다.
이러한 방법은 팀으로 배운 점을 회고를 통해 계속 기록할 수 있고, 배운 점을 더 잘 활용하기 위한 방법으로 연결 시킬 수 있습니다.
'단순히 잘했어!'라고 기록하는 것보다 '우린 이런 걸 잘했고 덕분에 이런 걸 배웠어', '우린 이런 게 아쉬웠지만 덕분에 이런 걸 배웠어' 식으로 기록하는게 좋습니다.

👁️ 과거에만 집중한 회고보다는 미래 지향적 회고
회고는 당연히 우리의 목표가 무엇이었고, 어떤 일을 했는지 돌이켜보는 것이 필요합니다. 다만 여기서 더 나아가 '우리가 뭘 개선하면 더 잘할까'도 살펴봐야 합니다.
'목표를 위한 일들을 얼마나 했는가'와, '당장의 수치로 성과화되지 않은 일들도 향후 목표에 어떤 긍정적인 영향을 주는가'에 대해 기준을 잡고 논의와 판단을 진행하세요.

🏄🏻‍♂️ 회고의 마지막에는 반드시 다음 주기의 목표를 조정해야 합니다.
과도한 목표를 설정하고 반복적으로 성과를 달성하지 못할 경우 많은 구성원들이 슬럼프를 겪거나 의지가 꺾입니다.
지난 주기와 같은 노력이 지속된다면 목표를 달성 할 수 있을지, 혹은 우리의 노력이 목표와 직결되는 게 맞는지 면밀히 검토한 후 목표를 전체적으로 잘 설정하여 문제를 해결해야 합니다.

✍️ 지표와 방향성에 대한 회고와 팀 운영 방식에 대한 회고가 필요합니다.
기획의 정책이 하나가 빠지면 다음 스텝에 영향이 가는 것처럼 디자인 또한 하나의 지면이 다른 화면에도 영향을 끼치는 경우가 많기 때문에 서로가 누락된 부분이 없도록 주기적으로 소통의 방식에 대한 회고도 중요합니다.
목표 중심으로 회고하는 것은 업무의 단계와 과정에 초점을 맞추고, 
팀 운영 방식에 대한 회고는 우리의 업무 스타일과 커뮤니케이션 등에 초점을 맞추는게 좋습니다.

🏃‍♂️ 언제 무슨 일을 했을 때인지 구체적인 회고가 필요합니다.
회고는 좋고 나쁨을 함께 살펴보고 이를 어떻게 개선하면 좋을지 논의하는 시간이지만 개인의 감정이 앞서게 되면 팀의 관점에서 어떤 부분을 먼저 개선해야 하며 구체적으로 다음을 어떻게 준비하면 좋을지 논의하게 어렵다는 문제가 발생하게 됩니다.
모두가 언제 무슨 일을 했을 때 부정적/긍정적 감정을 느꼈는지를 바탕으로 진행될 수 있도록 미리 회고 템플릿을 만들어 회고 진행일 며칠 전 공유해 미리 생각해 보고 작성하도록 유도하세요. 
공통 질문을 미리 확인하고 작성하게 되면 모여서 이야기할 때 보다 더 깊게 생각해 볼 시간을 가질 수 있고, 언제 어떤 일을 했을 때 개선이 필요하다고 느꼈는지도 구체적으로 정리할 수 있습니다.

PRODUCT LAB. 프로덕트랩

회고를 조금 더 잘하는 방법

마침 회고록 작성 중이었는데 검토에 크게 도움됐습니다. 감사합니다.

회고는 제게 일상이 되었고, 어떤 일이 끝나거나 일정 주기별로 회고를 작성하곤 합니다 회고를 어떤 방법으로 해야하나요?라는 질문을 종종 받는데, 간단하게 이야기를 전했지만 글로 남긴 적은 없어서 글로 정리해봅니다 회고에 대한 자세한 내용이 궁금하시면 PM을 위한 데이터 리터러시 강의에서 확인할 수 있습니다 과거 회고 모음 2022년 ~ 23년 1분기 회고. 퇴사...

KPT 회고하는 법, 회고에 대한 생각

회고가 곧 일상이 된 것은 7년 정도 된 것 같아요. 이젠 항상 기록하고 되돌아보는 과정을 진행하곤 해요.

사람들에게 회고를 추천하기도 하고, 회고하는 방법에 대해 간단히 말씀드리곤 했는데 생각해보니 제 블로그에 회고 글이 없어 작성해보았어요.

인프런의 PM을 위한 데이터 리터러시 강의에도 회고 파트가 있었는데, 저는 업무를 할 때 회고와 기록이 중요하다고 생각하는 사람입니다. 많은 분들에게 권하곤 합니다. 하나씩 하다보면 조금씩 좋아지는 저 자신을 발견했어요 🙏

https://zzsza.github.io/diary/2023/06/05/how-to-retrospect/

Zzsza

플러그인 빌드에 대한 공식 문서는 아직 파이썬 예제만 제공되고 있습니다. 자바스크립트 개발자를 돕기 위해 몇 분 안에 플러그인을 설정하고 실행할 수 있는 단계별 튜토리얼과 저장소를 준비했습니다. 빠른 시작을 위한 저장소에서는 공식 예제의 투두 리스트를 기준으로 하며, 도움이 되는 몇 가지 추가 기능을 제공합니다. 챗 플러그인이 삶을 변화시키는 자비스 같은...

(번역) 자바스크립트로 첫 ChatGPT 플러그인 만들기

요즘 모든 분야에 있어 가장 많이 언급되는 주제가 있다면 ChatGPT일 것입니다. 혹시 여러분들도 잘 사용하고 계신가요? 최근 챗 플러그인을 통해 여러 기업에서 사용자들에게 새로운 인터페이스를 제공하고자 하는 실험도 매우 흥미로운데요. 이 글은 자바스크립트를 통해 챗 플러그인을 생성하는 튜토리얼을 담고 있습니다. 이 글을 통해 챗 플러그인을 어떻게 생성하는지 이해하고 새로운 기회를 찾아보는 즐거움을 누려보셨으면 좋겠습니다.

> 글 링크: https://bit.ly/3oQXBNt

Medium

자바스크립트로 첫 ChatGPT 플러그인 만들기

자바스크립트에서 할당과 뮤테이션의 차이에 대한 탐구 원문 : https://www.joshwcomeau.com/javascript/the-const-deception/ 자바스크립트에서 const 키워드는 상수를 선언하는 데 사용됩니다. 상수는 종종 "변경할 수 없는 변수"로 생각됩니다. 그런데, 이상하게도 const를 사용하여 객체 를 생성하면 자유롭게 변경할 수 있습니다. 어떻게 person 변수를 변경할 수 있었을까요? 저는 const 를 사용했는데

[번역] "const"의 속임수

오늘 소개해드릴 글은 라인플러스의 이강엽님이 번역해주신 글입니다. 자바스크립트로 개발을 하다보면 상수를 선언하기 위해 const를 많이 사용합니다. 상수는 “변경할 수 없는 변수” 라는 뜻으로 생각됩니다. 하지만 const를 이용해서 객체 혹은 배열을 선언하는 경우 해당 값을 자유롭게 변경할 수 있습니다. 이 글에서는 이러한 현상에 대해서 개념을 이해할 수 있도록 할당과 뮤테이션의 개념을 이용하여 설명합니다.

> 글 링크: https://velog.io/@lky5697/the-const-deception

Velog

"const"의 속임수

While there are many resources to help programmers write better code-such as books and static analyzers-there are few for writing better comments. While it's easy to measure the quantity of comments in a program, it's hard to measure the quality, and the 

Best practices for writing code comments

1. 코드 내용을 그대로 반복하는 (추가 정보가 없는) 주석은 적지 말라.
2. 좋은 주석은 불명확한 코드를 변명하지 않는다.
    - 주석으로 코드를 설명하지 말고 코드를 다시 써라.
3. 명확한 주석을 적을 수 없다면 코드에 문제가 있을 수 있다.
    - 코드가 어렵다고 주석으로 경고하지 말고 코드를 다시 써라.
4. 주석은 혼란을 야기하는 것이 아니라 해소해야 한다.
    - 주석을 보고 더 헷갈린다면 그 주석은 지워라.
5. 관용적이지 않은(unidiomatic) 코드는 주석으로 설명하라.
    - 불필요하거나 중복된다고 생각할 수 있는 코드, 이로 인해 다른 누군가가 "단순화"할 수도 있다고 생각되는 코드에는 주석을 달아 설명하는 것이 좋다.
6. 복사한 코드라면 원본 출처 링크를 주석에 포함하라.
    - 향후 코드를 읽을 동료가 전체 컨텍스트(어떤 문제, 해당 솔루션이 권장되는 이유 등)를 파악하는 데 도움이 될 수 있음.
7. 도움이 될만한 외부 참조 링크를 포함하라.
8. 코드를 수정할 때, 특히 버그를 수정할 때 주석을 추가하라.
9. 주석을 사용해 불완전한 구현을 표시하라.
    - 기술 부채를 측정하고 해결하는 데 도움이 됨.

https://stackoverflow.blog/2021/12/23/best-practices-for-writing-code-comments/

Stack Overflow Blog

좋은 주석을 적는 방법

프로그래밍은 음악이나 미술과 같기 때문이다. 속성을 말하는 것이 아니라 범위를 말하는 것이다.

음악을 배운다고 해 보자. 음악을 하려면 무엇을 어떻게 배워야 할까? 음악 그 자체를 먼저 배우려는 사람은 없을 것이다. 피아노를 배우든, 기타를 배우든 혹은 노래를 하든 악기를 하나 선택하고, 기본 음계와 악보 보는 법, 그리고 소리내는 법을 배운 뒤 짧은 곡을 연습하는 것이 일반적일 것이다.

프로그래밍도 마찬가지다. 프로그래밍 언어를 하나 선택하고, 기본 문법과 실행 방법을 배운 뒤 작은 프로그램을 선택하여 따라 만들어보는 것이 가장 일반적인 방법이다.

또한, 음악과 악기의 종류가 셀 수 없이 많은 것 처럼, 프로그래밍도 마찬가지로 셀 수 없이 많은 프로그래밍 언어와 종류가 있다.

음악을 하려면 기간이 얼마나 걸릴까? 알 수 없다. 악기를 배우려면 얼마나 걸릴까? 악기마다 다르겠지만 보통 기초를 배우는 데 3개월, 기초적인 곡을 들을만하게 연주하는데 6개월~1년, 취미 공연을 할 수 있을 정도라면 2~3년 이상, 전공자가 되기 위해선 최소한 4~5년 가량을 매일 연습했을 것이다.

그것도 음악의 모든 범주가 아니라 하나의 악기를 다루는데만.

프로그래밍도 비슷하다. 프로그래밍을 잘 하려면 얼마나 걸릴까? 알 수 없다. 프로그래밍 언어를 배우는 데 있어서는, 언어 하나의 기초를 배우는데 3개월, 기초적인 프로그램을 제대로 만드는데에는 6개월~1년, 취미로 원하는 것를 뭐든 만들 수 있을 정도는 2~3년, 그리고 전문적인 프로그래머로 인정 받으려면 4~5년 이상 매일 프로그래밍을 해야한다.

그리고 악기 하나를 능숙하게 다룰 수 있게 되면 다른 악기를 배우는 것이 수월해진다. 프로그래밍도 마찬가지다.

즉, 악기를 연주하는 것에 대해서는 오래 걸린다는 것을 이해하고, 의심 없이 악보를 보고 따라하며 연습을 하고, 난이도를 높여가며 다양한 곡들을 연습하고 연주하며 실력을 늘려가지만, 프로그래밍을 배우는 것은 그렇게 생각하지 않으니 어렵게 느껴지는 것이다.

물론 이유는 있다. 악기 연주와는 달리 프로그래밍은 그 과정이 거의 눈에 보이지 않고, 결과 또한 드러나는 것이 전부가 아니기 때문에 기대와 과정의 괴리가 있어서 더 어렵게 느끼는 것 같다.

음악이나 프로그래밍 뿐이 아니라 세상 누구의 일도 어렵지 않은 것이 없다. 그리고 프로그래밍이 특별히 어려운 것도 아니다. 그냥 단기간에 배우려니 어려운 것이다.

프로그래밍은 왜 어려울까?

정리하게 된 배경 TMI~ API를 사용하게 되면 많이 다루게 되는 데이터 형식 중 하나가 바로 json이다. 개발중인 서비스에서도 연계된 타 서비스의 데이터를 API로 받아오게 되는데, 대용량일 시 json 문자열을 Entity 객체로 파싱하며 성능 이슈가 있는 듯하여 현재 사용중인 라이브러리와 그 외에 대중적으로 사용되는 라이브러리의 성능 차이를 검토하게 되었다.

[Java] Json을 Java 객체로 변환하는 방법(Gson, Jackson, JSON-SIMPLE)

웹 서비스를 개발할 때, 대다수의 개발자가 마주치게 되는 것이 JSON 입니다. API의 개념이 도입되면서 클라이언트와 서버는 JSON 포멧으로 데이터를 주고받는게 일반적이며, 시스템 간 서버끼리 데이터를 주고 받을 때도 API 형식으로 데이터를 넘겨주는 경우가 있습니다.

이때, 백엔드에서는 Java Entity를 JSON 문자열로 변환하거나 JSON 문자열을 Java Entity로 편하게 변환하기 위해 라이브러리를 사용하는데, 대표적으로 Jackson, GSON, JSON-SIMPLE이 있습니다. 세 개의 라이브러리 중 어떤 라이브러리를 사용해야 할까요?

단순히 코드 짜기 편한 라이브러리를 선택한다면, 성능 상 이슈가 발생할 수 있습니다. 본인이 서비스하는 시스템의 특성에 따라 라이브러리를 선택할 것을 권장합니다. 간략하게 장단점을 정리해봤습니다. 보시고 시스템 환경에 맞는 라이브러리를 선택하시길 바랍니다.

▪️ Jacskon
  - 대용량 데이터일수록 성능 향상
  - Spring Framework 내장 (어노테이션 지원)
  - Serialize/Deserialize 커스텀 용이 (상속 지원)
  - 소스코드 작성 간단함

▪️ GSON
  - 저용량 데이터에서 성능 무난
  - 대용량 데이터일수록 성능 하락
  - Serialize/Deserialize 커스텀 용이 (상속 지원)
  - 소스코드 작성 간단함

▪️ JSON-SIMPE
  - 데이터 용량에 따른 성능 차이 미세함 (저용량/대용량 모두 다루는 환경에 적합)
  - Deserialize 커스텀 불편
  - 소스코드 작성 불편함

실제 저희 서비스 환경 조건에서 각 라이브러리 별 JSON Parser를 구현해 성능 비교를 해본 결과, Jackson이 성능이 월등하게 우세하여 기존 GSON으로 되어 있는 코드를 Jackson을 사용하도록 수정했습니다. 실제 구현 방법과 성능 비교 결과는 제 블로그에 정리해뒀으니 관심이 있으시면 참고하시길 바랍니다.

Jackson vs GSON vs JSON-SIMPLE

code-review #코드리뷰 | 안녕하세요. 이번에 테크리드로 승진(?)하게 된 5년차 개발자입니다. 작은 스타트업에 있다보니 생각보다 빠르게 테크리드 역할을 맡게 되었습니다. 이제 제가 코드리...

코드 리뷰를 받는 입장에서 해야 하는 입장이 되었는데 다른 분들은 리뷰를 어떤 식으로 하는지 궁금합니다.

요약
1. 로직을 이해하기 쉽도록 구현했는지를 위주로 코드리뷰합니다.
2. 코드 작성자는 확신이 없는 부분에 대해서 사전에 설명하는 코멘트를 남겨두면 좋습니다.
3. 코드 리뷰어는 자신의 코멘트가 필수적으로 반영되어야 하는지, 선택적으로 반영하면 좋은 것인지 명시하면 좋습니다.
4. 구글 등 다른 코드리뷰 문화도 참고하시면 좋습니다.

경험상 사람마다 코드리뷰에서 주로 보는 부분이 다르겠지만, 저는 로직을 주로 봅니다. 구현하고자 하는 것에 비해서 복잡하게 되어있지는 않은지, 맥락을 알아야지만 이해할 수 있도록 구현되어 있지는 않은지 점검하는 편이에요. 그래서 사실 코드를 읽다가 이해하기 어렵다 싶으면 그때부터 로직에 개선점이 있는지 주의 깊게 봅니다. 코드 스타일 등 린터나 포매터로 자동화할 수 있는 부분은 크게 신경 쓰지 않는 편이에요(대부분 CI에서 잡히고, 새로운 린터 규칙이 필요하면 추가하면 됩니다).

한편, 코드리뷰를 하다 보면, 리뷰가 올라오기까지의 시간과, 리뷰를 반영했을 때 그걸 확인하고 승인하는데 까지 걸리는 시간이 오래 걸리기 마련입니다. 일종의 핑퐁이지요. 이 핑퐁을 줄이기 위한 방법으로 저는 선제적 코멘트를 사용했습니다. 로직을 최대한 이해하기 쉽게 짜려고 노력했지만, 더 이상 개선할 수 없었을 때, 그렇다고 주석을 남기기도 애매할 때는 github, bitbucket의 코드 인라인 코멘트로 왜 이렇게 짰는지, 무엇을 고민하고 있는지에 대해 적어둡니다. 그러면 리뷰어가 왜 이렇게 짜셨나요? 라고 묻고, 그에 대해 답하면서 생기는 핑퐁이 줄어듭니다. 

마지막으로, 코드 작성자의 입장에서는 리뷰어의 코멘트가 필수적으로 반영되어야 하는지, 아니면 반영되면 좋은 것인지 구분이 애매할 수 있습니다. 그래서 리뷰어가 필수/선택 여부를 명확하게 표시해주는 게 좋다고 생각합니다. 

https://google.github.io/eng-practices/review/ 구글의 코드리뷰 가이드 문서와 거 문서에 링크된 다른 글을 읽어보셔도 도움이 될 거 같습니다.

코드리뷰는 어떤 식으로 해야 할까?

지금 돌이켜 생각하면 부끄러운 일이지만, 처음 테스트 코드를 마주했을 때 든 생각은 '왜 귀찮은 테스트 코드를 만들어야 하는 걸까?'였습니다. 물론 지금은 테스트 코드의 중요성을 깨달아 열렬한 팬이 되었고, 이를 제 사회 생존을 위한 필수 장치로 여기며 함께하고자 노력하고 있습니다. 요즘은 대부분의 개발 과정에서 테스트 코드 작성을 실천하며 더 나은 결과물을 만들고 있습니다.

테스트 코드는 왜 만들까? | 요즘IT

요즘 최대의 관심사는 단언컨대 "테스트 코드"입니다. 혹자는 테스트 코드를 작성하면 시간이 부족해진다는 이유로 기피하곤 합니다. 저 역시 그랬으니 그 마음을 전혀 이해 못하는 건 아닙니다. 하지만 프로그램을 만들수록 테스트의 중요성은 점점 증가했던 것 같고 특히 "테스트 코드"는 코드 품질의 향상이나 리팩토링(혹은 코드를 수정하는 행위)를 할 때 보다 안전하고 자신 있게 할 수 있게 되어 유지 보수 차원에서 꼭 필요한 존재라고 생각합니다. 조금 과장하여 개발 프로세스 중에 필수라고 생각이 들기도 합니다. 
물론, 테스트 코드가 군대에서 다치면 의무대에서 줬던 빨간약 같은 만병통치약이라는 소리는 아닙니다. 테스트 코드가 모든 버그를 방지할 수 있는 것도 아니죠. 하지만 테스트 코드가 가져다주는 장점은 분명하기 때문에 고려를 해봐도 좋다고 생각합니다. 
그렇다면 우리는 왜 테스트 코드를 작성하게 될까요? 이번 글을 통해 테스트 코드 작성에 대한 각자의 생각을 정립하는 기회가 되었으면 좋겠습니다.
https://yozm.wishket.com/magazine/detail/1964/

Wishket

테스트 코드는 왜 만들까?

Are you a Java programmer with 1-3 years of experience? Congratulations, you have passed the beginner level and now it's time to showcase your skills in interviews. To help you prepare for your next...

🕊️ 주니어 자바 개발자를 위한 100가지 질문 (2)

I care a lot about the tools I use. Especially when they aren't free. Some tools are too good to keep to myself. I have to share them! Here's what I've spent my money on in 2022-23 that has genuinely improved my life as a software engineer.

The 5 paid subscriptions I actually use in 2023 as a software engineer

넘쳐나는 구독 서비스 중 개발자가 자주 사용하게 되는 서비스는 무엇일까요?

1️⃣ 깃허브 코파일럿

코드를 작성하면 코파일럿이 다음에 작성할 코드를 예상하고 추천해준다. 코파일럿 사용후 생산성이 약 30% 증가했다. 

2️⃣ Kagi: 구글보다 나은 서치 엔진

Kagi에서 검색하면 구글기나 빙보다 더 정확한 검색
결과가 뜬다. 지속적으로 정확한 검색 결과는 자신이 제어하는 검색 개인화에 의해 더욱 강화된다. Kagi에게 스택 오버플로 또는 미디엄 사이트의 결과에 더 높은 가중치를 부여할 수 있고 결과를 보고 싶지 않은 사이트도 차단하도록 설정할 수 있다. 

https://kagi.com

3️⃣ 미드저니: AI 이미지 생성

백엔드 엔지니어가 포토샵으로 이미지 생성할 일도 없고 잘하지 못할 수 있다. 기술 아티클글 작성할 때 도움되는 이미지를 미드저니를 사용해서 생성한다. 

https://www.midjourney.com/

4️⃣ Scribd

인기 있는 전자책이 모여있는 온라인 라이브러리다. 출퇴근할 때나 여행 다닐 때 오디오북을 들으면 좋다. 

5️⃣ 미디엄

같은 직종에 종사하는 사람들로부터 배울 수 있는 블로깅 플렛폼. 

👉 보너스: Excalidraw

화이트보드 대신 온리인으로 도형을 그리며 설계할 때 도음되는 도구다.

https://excalidraw.com

개발자가 자주 사용하게 되는 구독 서비스 5가지

최근 한 기업의 소프트웨어 개발팀이 서버리스 아키텍처 프로젝트를 버리고 모놀리스를 도입해서 클라우드 인프라 비용을 90% 절감했다는 내용의 블로그 글을 올리며 뜨거운 논란을 불러일으켰다. 더구나 이 글은 다른 누구도 아닌 아마존 프라임 비디오의 선임 소프트웨어 개발 엔지니어 마신 콜니가 쓴 글이었다. 아마존은 클라우드 서비스 시장의 리더임은 말할 것도 없고 서버리스 컴퓨팅을 앞장서서 지지하는 대표적인 기업이다.

아마존 프라임 비디오의 '서버리스 vs. 모놀리스' 논란에서 얻는 6가지 교훈

아마존 프라임 비디오는 서버리스 아키텍처를 버리고 모놀리스를 선택했다. 그리고 클라우드 인프라 비용을 90% 절감했다.

언젠가부터 MSA, 서버리스 안하면 쿨하지 못한게 되었다. 이 흐름탓인지 부트캠프에서 몇 주간 진행하는 프로젝트에도 MSA로 서버를 구성한다. 정말 말리고 싶었지만 아무리 말해도 자기가 고생해봐야 이게 아닌걸 알지 않나.

각 팀과 회사가 가진 자원은 모두 다르다! 그러니 너무 부끄러워 마시라!

ITWorld Korea

모놀리스는 부끄러운 아키텍처인가?

Create FAST, Connect ALL - 급변하는 비즈니스 환경, 디지털 콘텐츠 관리를 위한 가장 파워풀한 도구 마케터, 기획자, 개발자, 디자이너를 위한 새로운 솔루션! Memex

미믹스 - Memex

안녕하세요. 현직 프론트엔드 개발자라서 관리자 페이지 만들때마다 귀찮아서 Strapi같은 외국CMS 써보다가 TF팀을 꾸려서 한국판 CMS 만들어보았습니다.

https://memexdata.io/

어쩌다가 만들었는지 자세한 내용은 "우리가 미믹스를 만든 이유" (https://memexdata.io/blog/d7c48d9122db4441800e21a3b106005a) 글을 봐주시면 감사하겠습니다.

백엔드와 서버 없이 관리자 만들고 API연동할 수 있는 기능이 있어서 저같은 프론트 / 앱개발자에게 도움이 될것 같습니다.

무료로 쓰실 수 있고 기존에 파이어베이스나 워드프레스 말고 가볍게 개발해보실분은 써보시면 좋을것 같습니다. 무료이니 만큼 개발자분들, 특히 서버하기 귀찮거나 버거운 프론트엔드 개발자분들에게 조금이나마 도움이 되면 좋겠습니다.

아래 스펙갖고 개발했습니다.
- React (18) + Redux
- Spring Boot + MariaDB + MongoDB + Redis
- UI: AntDesign / Tailwindcss
- 인프라: AWS + Vercel

궁금하신점은 댓글이나 채널톡에 문의 남겨주세요.

관리자 페이지 만들지 마세요. 프론트만 개발해보세요.

10% 비용으로 10배의 효과를 만드는 방법에 대해 알고 계신 분들은 안보셔도 괜찮아요.

🚀 오길비 부회장. 10% 비용으로 10배의 효과를 만드는 방법

✅ 3,000,000회 이상의 조회수를 기록한 TED의 인기 영상

- 오길비 그룹의 부회장이자 마케팅 전문가인 로리 서덜랜드(Rory Sutherland)는 18분이라는 짧은 시간 안에 제가 가지고 있던 일에 대한 관점을 완전히 바꿔버렸어요. 개인적으로 너무 감명 깊어서 군대에서 20번 넘게 돌려봤던 기억이 있네요. 업로드된 지 10년이 넘은 TED 영상이지만 구독자분들께 꼭 소개해 드리고 싶어서 이번 콘텐츠로 선정하게 되었어요. 시간이 되시는 분들은 원본 영상도 함께 보시는 걸 추천드립니다!

✅ 원본 글 정리 (프로덕트랩의 주관적인 해석 포함)

[멋진 철학자. A Fucking Philosopher.]

- 여기 있는 것은 전자 담배입니다. 1~2년 전에 발명된 이래로 저에게 말할 수 없는 행복을 안겨주었죠. 그 이유는 다음과 같습니다. 영국에서 공공장소에서의 흡연이 금지된 이후로 저는 더 이상 파티를 즐길 수 없었습니다. 파티에서 와인 잔을 들고 사람들과 이야기를 나누다 보면 때로는 혼자 조용히 서서 생각에 잠기고 싶을 때가 있습니다. 하지만 담배도 없이 혼자 창밖을 바라보고 있으면 반사회적이고 친구도 없는 멍청이처럼 보이기 마련입니다. 담배와 함께라면 당신은 멋진 철학자처럼 보일 수 있습니다.

[그리스에 대출을 해준 멍청한 은행들에 대한 구제 금융]

- 사물을 재정의하는 것의 중요성은 아무리 강조해도 지나치지 않습니다. 똑같은 일이라고 해도 그 일을 어떻게 바라보는가에 따라 기분이 좋아질 수도 나빠질 수도 있습니다. 고전적인 경제학의 문제 중 하나는 지나치게 현실에 집착한다는 점입니다. 하지만 실제로는 현실만큼 그 현실을 어떻게 바라보는지가 중요합니다. 같은 일을 두고 '그리스에 대한 구제 금융'이라고 말할 수도 있고, '그리스에 대출을 해준 멍청한 은행들에 대한 구제 금융'이라고 할 수도 있습니다. 사실 이 둘은 실제로는 같은 이야기입니다. 

[심리적인 접근보다 공학적인 접근이 우선시 되었던 이유]

- 인식은 우리의 생각과 행동에 엄청난 영향을 미친다고 생각합니다. 하지만 2002년 노벨 경제학상을 수상한 심리학자, 대니얼 카너먼(Daniel Kahneman) 이전에는 이를 설명할 수 있는 훌륭한 방법이 없었습니다. 하지만 기술 공학 분야는 그렇지 않았습니다. 자신들의 논리를 설명할 수 있는 훌륭한 방법들이 다수 존재했습니다. 이로 인해 우리는 심리적인 해결책보다는 공학적인 해결책에 집중하게 되었습니다.

[심리적인 접근의 효용성]

- 심리적인 해결책이 얼마나 효과적인지 말씀드리겠습니다. 혹시 파리와 런던 간의 이동 시간을 약 40분 단축하기 위해 무려 600만 파운드를 투자한 유로스타를 아시나요? 투자한 돈의 0.01%를 열차에 Wi-Fi를 설치하기 위해 사용했다면 기차에 탑승한 승객들의 즐거움을 훨씬 더 향상시킬 수 있었을 것입니다. 만약 투자한 돈의 10%를 세계 최고의 남녀 슈퍼모델들을 고용해 탑승한 모든 승객들에게 고급 와인을 무료로 나눠줬다면 어땠을까요? 여전히 500만 파운드가 넘는 돈이 남아있었을 것이고, 사람들은 오히려 이동 시간을 늘려달라고 요청했을 것입니다.

[창의적이고 감성적인 아이디어 VS 이성적이고 수치화된 아이디어]

- 저는 창의적이고 감성적인 아이디어를 대하는 방식과 이성적이고 수치화된 아이디어를 대하는 방식 간에 불균형과 비대칭이 존재한다고 생각합니다. 창의적인 아이디어는 이성적인 사람들의 검토를 거쳐 승인됩니다. 그것이 틀리다고 생각하지는 않습니다. 하지만 그 반대의 경우, 이성적이고 수치화된 아이디어는 그 자체로 승인됩니다. "숫자는 모두 맞는 것 같지만, 이 아이디어를 발표하기 전에 크리에이티브 한 사람들에게 보여줘서 더 나은 것을 생각해낼 수 있는지 알아볼게요."라고 말하지 않습니다.

[의사 결정을 할 때 고려해야 하는 3가지 요소]

- 저는 의사 결정을 할 때, 기술 / 경제 / 심리적인 요소가 모두 고려되어야 한다고 생각합니다. 어느 한 가지를 우선시하는 것이 아니라 이 세 가지를 모두 동등하게 고려하여, 가능한 그 중간 지점에 있는 해결책을 찾아야 합니다. 

[심리적 통찰력을 기반으로 검색창에 집중한 구글]

- 실제로 훌륭한 비즈니스를 보면 거의 항상 3가지 요소를 모두 고려한 것을 볼 수 있습니다. 구글은 기술적으로도 훌륭하지만, 한 가지 일만 잘하는 기업이 그 일과 다른 일을 동시에 하는 기업보다 그 일을 더 잘한다고 믿는다는 훌륭한 심리적 통찰력을 기반으로 만들어졌습니다. 이는 "목표 희석"이라는 심리적 현상입니다. 구글은 다른 포털 사이트들과 다르게 검색창에만 집중하는 방식으로 사람들의 이러한 심리를 훌륭하게 이용했습니다.

[음식을 요리하는 것과 바닥을 청소하는 것]

- 오스트리아의 경제학자인 폰 미제스는 경제학은 심리학의 하위 집합에 불과하다고 이야기했습니다. 그는 경제학을 "희소성이 있다는 조건 안에서 인간의 심리를 연구하는 학문"이라고 표현했습니다. 폰 미제스는 인간의 심리에 따른 인지의 가치를 다른 종류의 가치와 절대적으로 동등한 것으로 취급해야 한다는 사실을 가장 잘 설명한 경제학자였습니다. 폰 미제스는 식당에서 음식을 요리함으로써 창출하는 가치와 바닥을 청소 함으로써 창출하는 가치가 동일한 가치라고 말합니다. 결국 두 가치 가치 모두 우리가 음식을 즐길 수 있도록 만드는 것이기 때문입니다.

[인식이 모든 것이다]

유명 브랜드의 진통제는 유명하지 않은 브랜드의 진통제보다 더 효과적입니다. 성분이 같더라도 실제로 더 많은 통증을 감소시킵니다. 인식은 그 자체만으로도 정말 실질적인 효과가 있습니다. 

✅ 팀원들과 이런 이야기를 나눴어요.

- 제품 팀에게 데이터의 중요성을 말하는 글들은 너무 쉽게 찾아볼 수 있어요. 하지만 인간의 심리를 활용한 크리에이티브 한 아이디어의 중요성에 대해 말하는 글들은 찾아보기가 어렵죠. 팀원분들과 함께 잠시 데이터는 내려놓고 기존에 고민하고 있던 문제들에 대해 완전히 새로운 방식으로 접근해 보는 시간을 가졌어요. 창의적인 접근 방법이 필요하다면 회의 전에 팀원 분들과 이렇게 한번 말해보세요. '인식이 모든 것이다'

==

💛 카카오톡 오픈 채팅방이 만들어졌어요

- PRODUCT LAB의 새 글이 올라올 때마다 알려드려요.
- 프로덕트를 만드는 사람들이라면 읽어볼 만한 콘텐츠들을 보내드려요.
- 오픈 채팅방 비밀번호 ➡️ productt
- 오픈 채팅방 참여하기 ➡️ https://open.kakao.com/o/gwg3tB7e

===

🙏 PRODUCT LAB은 사실.

동료들은 다 아는 정보, 나만 모르지 않게 만들어주는 일일일이라는 서비스를 만들고 있어요.
아래 초대 링크를 통해 회원가입하시면 추첨을 통해 스타벅스 쿠폰을 보내드리는 이벤트를 진행하고 있으니 많은 참여 부탁드립니다!

- 초대 링크 ➡️ https://oneoneone.kr/gift?refferal_code=57fb5e04
- 일일일 바로가기 링크 ➡️ https://oneoneone.kr/

==

원본 글 : https://maily.so/productlab/posts/3a7d4267

10% 비용으로 10배의 효과를 만드는 방법

라이프컬러링: 나의 속도를 이해하면서 만드는 단단한 루틴의 힘

퇴근 후 공부, 5시 기상 후 수영이 가능하던 제가 어느 순간 집에만 오면 잠들기 바쁘고 눈뜨면 출근시간인 삶을 살고 있습니다. 이러지말자 이러지말자 생각 하지만 뭔가 시작하는일이 너무 어려웠어요. 습관에 관한 책을 읽어봐도 그때 뿐 실천이 안되더라구요… 작은 것 부터 루틴을 만들어 봐야겠습니다. 제 루틴이 자리 잡힐때 까지 포기하지 않고 피드백 해 보겠습니다!

댓글 0