2024 FEConf 현장 영상을 준비했어요! 이번 행사에는 당근 부스 운영진으로 참여했어요. 다른 후원사 부스를 체험하면서 경품도 받고 네트워킹 부스도 즐기고 왔어요. 제가 스트레스와 불안감을 관리하는 방법은 영상 후반부에 나와요! 재미있게 보셨다면 좋아요와 댓글로 응원해주세요 😊 다음 영상으로 또 찾아올게요!

개발자가 스트레스와 불안감을 동시에 잡는 방법 | 2024 FEConf 탐방기

"스트레스를 푸는 취미가 있으신가요?"

2024 FEConf는 발표 세션과 후원사 부스를 비롯해 아이 돌봄 공간, 네트워킹 부스까지 마련되어 즐길 거리가 가득했습니다.

네트워킹 부스에선 스트레스를 푸는 취미가 있냐는 질문을 받았습니다. 저는 '글쓰기'가 스트레스를 푸는 취미라고 답했습니다.

처음에는 글쓰기가 스트레스를 받는 일이라고 생각했는데 가만 생각해 보니 스트레스를 줄여주는 활동이라는 걸 깨닫게 됐습니다. 자세한 내용은 첨부한 영상을 통해 확인해 주세요.

여러분은 어떤가요? 어떤 방식으로 스트레스를 풀고 계신가요?

https://youtu.be/ug1nLShB5DA?si=XN_Rww49HjeDw_7u

"스트레스를 푸는 취미가 있으신가요?" 2024 FEConf는 발표 세션과 후원사 부스를 비롯해 아이 돌봄 공간, 네트워킹 부스까지 마련되어 즐길 거리가 가득했습니다. 네트워킹 부스에선 스트레스를 푸는 취미가 있냐는 질문을 받았습니다. 저는 '글쓰기'가 스트레스를 푸는 취미라고 답했습니다. 처음에는 글쓰기가 스트레스를 받는 일이라고 생각했는데 가만 생각해 보니 스트레스를 줄여주는 활동이라는 걸 깨닫게 됐습니다. 자세한 내용은 첨부한 영상을 통해 확인해 주세요. 여러분은 어떤가요? 어떤 방식으로 스트레스를 풀고 계신가요? https://youtu.be/ug1nLShB5DA?si=XN_Rww49HjeDw_7u

www.youtube.com

개발자의 스트레스 해소법

CSS는 마침내 align-content를 디폴트 레이아웃에 추가하여 단 한 줄의 CSS 속성으로 수직 정렬이 가능해짐지원 버전 Chrome 123, Firefox 125, Safari: 17.4현재는 기본 레이아웃(flow)에서 align-content가 동작하지 않으므로 flexbox 나 grid로 전환해야함2024년 드디어 브라우저들이 Flow 레이아

CSS, 2024년에 드디어 "세로 중앙 정렬"이 추가됨 | GeekNews

CSS에서 드디어 세로 중앙 정렬 기능이 추가 되었습니다. 기존의 가로 중앙 정렬은 손쉽게 되었지만 세로는 중앙 정렬 기능이 별도로 없었기에,
display: flex + align-items: center
같은 다소 복잡한 방법을 사용했어야 했는데요.

이제 단 한 줄의 CSS 속성
align-content: center
으로 수직 정렬이 가능해졌습니다.
이 속성으로 추가적인 래퍼(wrapper)나 복잡한 설정 없이도 컨텐츠를 수직 정렬할 수 있게 되었습니다.
이 속성은
Chrome 123, Safari: 17.4
부터 지원합니다.

이렇게 꼭 필요한 기능이 왜 이제서야 구현되었는지는 의문이지만, 이제라도 구현이 되어서 다행이네요. 수직정렬을 구현할때 적극적으로 활용하시기를 추천드립니다.

https://news.hada.io/topic?id=16586&utm_source=slack&utm_medium=bot&utm_campaign=T0244AU37S5

CSS에서 드디어 세로 중앙 정렬 기능이 추가 되었습니다. 기존의 가로 중앙 정렬은 손쉽게 되었지만 세로는 중앙 정렬 기능이 별도로 없었기에, <code >display: flex + align-items: center</code>같은 다소 복잡한 방법을 사용했어야 했는데요. 이제 단 한 줄의 CSS 속성 <code >align-content: center</code> 으로 수직 정렬이 가능해졌습니다.이 속성으로 추가적인 래퍼(wrapper)나 복잡한 설정 없이도 컨텐츠를 수직 정렬할 수 있게 되었습니다.이 속성은 <code >Chrome 123, Safari: 17.4</code>부터 지원합니다. 이렇게 꼭 필요한 기능이 왜 이제서야 구현되었는지는 의문이지만, 이제라도 구현이 되어서 다행이네요. 수직정렬을 구현할때 적극적으로 활용하시기를 추천드립니다. https://news.hada.io/topic?id=16586&amp;utm_source=slack&amp;utm_medium=bot&amp;utm_campaign=T0244AU37S5

GeekNews

드디어 추가된 CSS의 '세로 중앙 정렬' 기능

제2회 계약관리팀 해커톤 이야기 | 안녕하세요. 모두싸인 계약관리팀의 루디와 조니입니다! 지난 5월 저희 팀에서 진행한 해커톤 이야기를 들려드리고 싶어서 글을 쓰게 되었습니다.  모두싸인의 제품그룹은 크게 3개의 팀으로 나누어져 있는데요. 모두싸인이 SaaS로서 동작하기 위한 플랫폼으로서의 가치를 다루는 'SaaS 플랫폼팀' 전자계약을 전송/체결하는 가치를 다루는 '계약체결팀' 계약서를 작성

모두싸인 제품팀이 해커톤으로 고객경험을 끌어올리는 방법

모두싸인 제품팀이 진행한 해커톤에 관한 글입니다. 글에서는 다음과 같은 내용이 나와요!
이 중 가장 재미있는 부분은 기능 고도화를 위해서 해커톤을 했다는 점입니다.

무언가 개발하다보면 사무실 앞 계단처럼 어쩌면 누구도 관심을 안주는 곳이 생기기도 하죠. 이런 곳을 살필 수 있는 회사라는 점에서 모두싸인 멋지네요!

 * 해커톤 개최: 모두싸인 계약관리팀이 두 번째 해커톤을 개최하여 대량전송 기능을 고도화
 * 준비 과정: 2개월 동안 8번의 회의를 통해 굿즈 제작, 주제 선정, 기술적 논의 등을 진행
 * 개발 결과: 대량전송 기능의 UI/UX를 개선하고, 브라우저에서 직접 데이터를 설정할 수 있는 에디터 기능을 추가
 * 성과: 내부 구성원과 고객들로부터 긍정적인 반응을 얻었으며, 팀의 결속력과 소통 능력을 향상

https://brunch.co.kr/@modusign/77

모두싸인 제품팀이 진행한 해커톤에 관한 글입니다. 글에서는 다음과 같은 내용이 나와요!이 중 가장 재미있는 부분은 기능 고도화를 위해서 해커톤을 했다는 점입니다. 무언가 개발하다보면 사무실 앞 계단처럼 어쩌면 누구도 관심을 안주는 곳이 생기기도 하죠. 이런 곳을 살필 수 있는 회사라는 점에서 모두싸인 멋지네요! <ul ><li>해커톤 개최: 모두싸인 계약관리팀이 두 번째 해커톤을 개최하여 대량전송 기능을 고도화</li><li>준비 과정: 2개월 동안 8번의 회의를 통해 굿즈 제작, 주제 선정, 기술적 논의 등을 진행</li><li>개발 결과: 대량전송 기능의 UI/UX를 개선하고, 브라우저에서 직접 데이터를 설정할 수 있는 에디터 기능을 추가</li><li>성과: 내부 구성원과 고객들로부터 긍정적인 반응을 얻었으며, 팀의 결속력과 소통 능력을 향상</li></ul> https://brunch.co.kr/@modusign/77

Brunch Story

고객경험을 끌어올리기 위한 해커톤을 하는 회사가 있다?!

최근에 흥미로운 개발 용어를 알게 되었는데요. 바로 '버스팩터(Bus Factor)' 입니다. 버스팩터란 소프트웨어 개발 업계에서 프로젝트의 지속가능성과 리스크를 측정하는 지표인데요. 이 용어는 "만약 핵심 개발자가 갑자기 버스에 치여 프로젝트를 떠나게 된다면 어떻게 될까?"라는 다소 극단적인 가정에서 유래했습니다.

버스팩터는 아래와 같은 특성이 있습니다.
 1. 낮은 버스팩터 (1~2 명):
    * 프로젝트가 높은 리스크에 노출됨
    * 소수의 핵심 인력에 과도하게 의존
    * 지식 편중으로 인한 병목 현상 발생 가능
 2. 높은 버스팩터:
    * 프로젝트의 지속가능성과 안정성 향상
    * 지식의 균형 있는 분배
    * 팀 전체의 역량 강화

따라서 버스팩터가 너무 낮다면 아래와 같은 개선 전략을 고려해 볼 수 있습니다.
 1. 지식 공유 강화:
    * 정기적인 기술 공유 세션 개최
    * 내부 위키나 문서화 시스템 구축
 2. 페어 프로그래밍 도입:
    * 두 명의 개발자가 한 작업을 공동으로 수행
    * 실시간 코드 리뷰와 지식 전파 효과
 3. 교차 훈련(Cross-training):
    * 팀원들이 서로 다른 영역의 업무를 학습하고 경험
    * 다기능 팀(Cross-functional team) 구성
 4. 문서화 개선:
    * 코드, 아키텍처, 프로세스에 대한 상세 문서 작성
    * 신규 입사자를 위한 온보딩 문서 준비

버스팩터를 개선하기 위한 노력은 단기적으로는 약간의 비용과 시간이 소요될 수 있지만, 장기적으로 볼 때 프로젝트의 안정성과 팀의 생산성을 크게 향상시킬 수 있습니다.

개발자, 프로젝트 관리자, 그리고 기술 리더들은 버스팩터의 개념을 이해하고 이를 개선하기 위한 전략을 지속적으로 실행해야 합니다. 이를 통해 더 탄력적이고 지속 가능한 소프트웨어 개발 환경을 구축할 수 있습니다.

최근에 흥미로운 개발 용어를 알게 되었는데요. 바로 '버스팩터(Bus Factor)' 입니다. 버스팩터란 소프트웨어 개발 업계에서 프로젝트의 지속가능성과 리스크를 측정하는 지표인데요. 이 용어는 "만약 핵심 개발자가 갑자기 버스에 치여 프로젝트를 떠나게 된다면 어떻게 될까?"라는 다소 극단적인 가정에서 유래했습니다. 버스팩터는 아래와 같은 특성이 있습니다.<ol ><li>낮은 버스팩터 (1~2 명):<ul ><li>프로젝트가 높은 리스크에 노출됨</li><li>소수의 핵심 인력에 과도하게 의존</li><li>지식 편중으로 인한 병목 현상 발생 가능</li></ul></li><li>높은 버스팩터:<ul ><li>프로젝트의 지속가능성과 안정성 향상</li><li>지식의 균형 있는 분배</li><li>팀 전체의 역량 강화</li></ul></li></ol> 따라서 버스팩터가 너무 낮다면 아래와 같은 개선 전략을 고려해 볼 수 있습니다.<ol ><li>지식 공유 강화:<ul ><li>정기적인 기술 공유 세션 개최</li><li>내부 위키나 문서화 시스템 구축</li></ul></li><li>페어 프로그래밍 도입:<ul ><li>두 명의 개발자가 한 작업을 공동으로 수행</li><li>실시간 코드 리뷰와 지식 전파 효과</li></ul></li><li>교차 훈련(Cross-training):<ul ><li>팀원들이 서로 다른 영역의 업무를 학습하고 경험</li><li>다기능 팀(Cross-functional team) 구성</li></ul></li><li>문서화 개선:<ul ><li>코드, 아키텍처, 프로세스에 대한 상세 문서 작성</li><li>신규 입사자를 위한 온보딩 문서 준비</li></ul></li></ol> 버스팩터를 개선하기 위한 노력은 단기적으로는 약간의 비용과 시간이 소요될 수 있지만, 장기적으로 볼 때 프로젝트의 안정성과 팀의 생산성을 크게 향상시킬 수 있습니다. 개발자, 프로젝트 관리자, 그리고 기술 리더들은 버스팩터의 개념을 이해하고 이를 개선하기 위한 전략을 지속적으로 실행해야 합니다. 이를 통해 더 탄력적이고 지속 가능한 소프트웨어 개발 환경을 구축할 수 있습니다.

핵심 개발자가 떠난다면? 버스팩터로 알아보는 프로젝트 지속가능성

내가 실리콘밸리로 우연찮게 넘어가게 된 때는 만 31살이 되었을 때였다. 그 전까지 한번도 미국에서 살 꺼라 생각하지 않았기에 영어 회화 공부는 해본 적이 없었다. 미국에 넘어가 작은 스타트업에서 일하면서 보통 오전 10시전에 출근해서 새벽 1시 정도까지 일하고 퇴근하는 힘든 나날이었지만 집에 가면 와이프와 프렌즈 받아쓰기와 따라하기를 하며 나름 공부를 꾸준히 했는데 그렇다고 금방 늘지는 않았고 발음은 사실 고칠 수 있는 것이 아니었다.

하지만 깨달은 것이 하나가 있었는데 말하는 것 보다 더 중요한 것은 듣기 능력이란 점이었다. 내가 계속 한국에 살았다면 다른 사람이 하는 말은 그렇게 집중해서 듣지 않았을 텐데 영어로 이야기하다보니 일단 내가 하고 싶은 말을 하기 보다는 다른 사람이 하는 말을 먼저 이해하려는 노력을 할 수 밖에 없었고, 그게 의도했던 것은 아니지만 의사소통 능력을 키우는데 커다란 도움이 되었다. 즉 내 목적을 관철하기 위해 상대의 이야기를 듣기보다는 상대가 하는 말을 이해하려는 노력이 어쩌다 보니 의사소통 능력을 키우는데 도움이 되었다는 것이다.

다음은 현란한 말로 승부를 볼 수가 없다보니 내가 전달하고자 하는 것이 무엇인지 집중하는 습관을 갖게 되었고 말이 많이 하는 것보다는 명확하게 하는 습관이 생겼다. 또한 말만 중요한 것이 아니라 말을 하는 톤과 바디 랭귀지가 사실은 말 만큼 중요하다는 점도 알게 되었다.

언어란 결국 사람들간의 의사 소통이다. 내가 나만의 이득을 이야기하는 것이 아니라 상대를 이해하려고 하고 공동의 이익을 만들려 하는 사람인가가 중요하다. 개발자로서 사실 영어는 처음에 그렇게 중요하지 않지만 레벨이 올라갈수록 중요해지며 이는 현란하게 발음을 하고 그러는 것이 아닌 어눌하고 문법이 틀려도 본인의 의견을 명확하게 표현할 수 있으면 된다. 그보다 더 중요한 것은 긍정적인 태도를 갖는 팀플레이어로 결과를 내는 사람이 되어야 한다는 점이다. 난 영어를 못해서 일을 잘 못해라고 하며 영어의 미숙함 뒤에 숨는 사람들을 실리콘밸리에 가끔 보게 되는데 그 단계를 벗어나는 간절함이 먼저 필요하다.

내가 실리콘밸리로 우연찮게 넘어가게 된 때는 만 31살이 되었을 때였다. 그 전까지 한번도 미국에서 살 꺼라 생각하지 않았기에 영어 회화 공부는 해본 적이 없었다. 미국에 넘어가 작은 스타트업에서 일하면서 보통 오전 10시전에 출근해서 새벽 1시 정도까지 일하고 퇴근하는 힘든 나날이었지만 집에 가면 와이프와 프렌즈 받아쓰기와 따라하기를 하며 나름 공부를 꾸준히 했는데 그렇다고 금방 늘지는 않았고 발음은 사실 고칠 수 있는 것이 아니었다. 하지만 깨달은 것이 하나가 있었는데 말하는 것 보다 더 중요한 것은 듣기 능력이란 점이었다. 내가 계속 한국에 살았다면 다른 사람이 하는 말은 그렇게 집중해서 듣지 않았을 텐데 영어로 이야기하다보니 일단 내가 하고 싶은 말을 하기 보다는 다른 사람이 하는 말을 먼저 이해하려는 노력을 할 수 밖에 없었고, 그게 의도했던 것은 아니지만 의사소통 능력을 키우는데 커다란 도움이 되었다. 즉 내 목적을 관철하기 위해 상대의 이야기를 듣기보다는 상대가 하는 말을 이해하려는 노력이 어쩌다 보니 의사소통 능력을 키우는데 도움이 되었다는 것이다. 다음은 현란한 말로 승부를 볼 수가 없다보니 내가 전달하고자 하는 것이 무엇인지 집중하는 습관을 갖게 되었고 말이 많이 하는 것보다는 명확하게 하는 습관이 생겼다. 또한 말만 중요한 것이 아니라 말을 하는 톤과 바디 랭귀지가 사실은 말 만큼 중요하다는 점도 알게 되었다. 언어란 결국 사람들간의 의사 소통이다. 내가 나만의 이득을 이야기하는 것이 아니라 상대를 이해하려고 하고 공동의 이익을 만들려 하는 사람인가가 중요하다. 개발자로서 사실 영어는 처음에 그렇게 중요하지 않지만 레벨이 올라갈수록 중요해지며 이는 현란하게 발음을 하고 그러는 것이 아닌 어눌하고 문법이 틀려도 본인의 의견을 명확하게 표현할 수 있으면 된다. 그보다 더 중요한 것은 긍정적인 태도를 갖는 팀플레이어로 결과를 내는 사람이 되어야 한다는 점이다. 난 영어를 못해서 일을 잘 못해라고 하며 영어의 미숙함 뒤에 숨는 사람들을 실리콘밸리에 가끔 보게 되는데 그 단계를 벗어나는 간절함이 먼저 필요하다.

(실리콘밸리에서 일할 때) 영어를 못할 때의 장점

이기는 게임에서 경험하는 게임으로!무엇이 우리를 게임으로 이끄는가?「하얀쥐」 작가와 함께 게임 속 숨겨진 심리학 코드에서 해답을 찾아라!게임 관련주는 갖고 있지만 게임은 모르는 사람. 게임에 수백 만 원을 썼지만 스스로도 왜 게임에 돈을 쓰고 있는지 이유를 모...

우리는 왜 게임을 하는가? - 예스24

다들 게임 좋아하시나요?

저는 주변에서 한다고 하면 같이 따라하는 그저 친구따라 게임하는 스타일인데요. 그러다보니 게임의 역사나 스토리 짜임에 대해서는 깊이 알지 못하고 그저 "재밌으니까 하는거 아닌가?" 정도로 알고 있었는데요. 이 책을 읽으면서 훨씬 더 흥미진진한 분야구나!를 느꼈습니다.

게임 인앱 결제를 위해 완전 비싼 아이템을 먼저 제시하고 진짜 팔고 싶은 상품을 조금 더 싸게 해서 더 이득인 것 처럼 마케팅 하는 "앵커링", 플레이 타임을 금전적으로 계산하게 하여 과금 행위를 긍정적으로 만드는 방법 등 과 같은 마케팅과 게임 경제학. 너무 높은 난이도로인해 열 받음에도 불구하고 끝까지 플레이하게 만드는 게임 구성과 스토리 기획 등.

알고보면 이렇게 재미있게 플레이하게 만들기 위해 정말 많은 고민과 연구, 그리고 역사가 있는 종합 예술이라는 걸 알 수 있었습니다!!

꼭 게임을 만드는 사람이 아니더라도 게임 플레이 그 자체를 좋아하는 사람들에게도 "마자마자!!" 모먼트와 함께 더 게임을 즐길 수 있는 상식을 키워줄 수 있을 것 같습니다 :))

https://m.yes24.com/Goods/Detail/132617063

다들 게임 좋아하시나요? 저는 주변에서 한다고 하면 같이 따라하는 그저 친구따라 게임하는 스타일인데요. 그러다보니 게임의 역사나 스토리 짜임에 대해서는 깊이 알지 못하고 그저 "재밌으니까 하는거 아닌가?" 정도로 알고 있었는데요. 이 책을 읽으면서 훨씬 더 흥미진진한 분야구나!를 느꼈습니다. 게임 인앱 결제를 위해 완전 비싼 아이템을 먼저 제시하고 진짜 팔고 싶은 상품을 조금 더 싸게 해서 더 이득인 것 처럼 마케팅 하는 "앵커링", 플레이 타임을 금전적으로 계산하게 하여 과금 행위를 긍정적으로 만드는 방법 등 과 같은 마케팅과 게임 경제학. 너무 높은 난이도로인해 열 받음에도 불구하고 끝까지 플레이하게 만드는 게임 구성과 스토리 기획 등. 알고보면 이렇게 재미있게 플레이하게 만들기 위해 정말 많은 고민과 연구, 그리고 역사가 있는 종합 예술이라는 걸 알 수 있었습니다!! 꼭 게임을 만드는 사람이 아니더라도 게임 플레이 그 자체를 좋아하는 사람들에게도 "마자마자!!" 모먼트와 함께 더 게임을 즐길 수 있는 상식을 키워줄 수 있을 것 같습니다 :)) https://m.yes24.com/Goods/Detail/132617063

예스24

[책] 우리는 왜 게임을 하는가?

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

[우아한테크세미나] 생성AI로 똑똑하게 일하는 법 - YouTube

우아한테크세미나의 '생성 AI로 더 똑똑하게 일하는 법' 영상 다시보기가 공개되었습니다. ChatGPT와 Claude3 같은 AI 도구를 실제로 활용하고 있는 입장에서, 재미있게 시청했는데요. 주요 내용을 정리해 보았습니다.
1. 생성형 AI와 함께 성장하기
 * Chain of Thought (CoT) 프롬프팅 기법 활용
   * AI에게 단순한 답변이 아닌, 구조화된 사고 과정을 요청합니다.
   * 무질서한 정보 대신 논리적인 추론 과정을 통해 정확한 결과를 얻는 데 도움이 됩니다.
 * 1.2 전문가 페르소나 활용
   * AI에게 특정 분야의 전문가 역할을 부여합니다.
   * 이 방법을 통해 해당 전문가의 사고 모델을 기반으로 한 고품질의 답변을 얻을 수 있습니다.
   * 단순한 AI 사용을 넘어, 목표 달성에 최적화된 '가상 전문가'를 활용하는 것입니다.
2. 로컬 LLM(Large Language Model) 활용하기
 * 2.1 데이터 보안 강화
   * 기존의 브라우저 기반 AI 서비스는 데이터 유출 위험이 있습니다.
   * 로컬 LLM을 사용하면 이러한 보안 우려를 해소하고 안전하게 AI를 활용할 수 있습니다.
 * 2.2 브라우저 확장 프로그램 개발
   * PDF 다운로드 없이 브라우저에서 직접 문서를 분석하고 요약하는 기능을 구현할 수 있습니다.
3. 개발자와 AI의 시너지
개발자의 핵심 역량은 문제 해결과 논리적 사고 과정 구축입니다. 이러한 맥락에서 AI는 탁월한 파트너가 될 수 있습니다.
 * AI의 강점인 추론 능력을 적극 활용합니다.
 * 개발 과정 중 각 단계마다 테스트 케이스를 작성하고, CoT를 적용하여 품질을 높입니다.
 * AI에게 명시적으로 사고 과정을 요청하여, 더 깊이 있는 인사이트를 얻을 수 있습니다.

결론적으로, 생성 AI는 개발자의 능력을 증폭시키는 강력한 도구입니다. AI의 장점을 이해하고 적절히 활용함으로써, 더 효율적이고 일할 수 있습니다.

https://www.youtube.com/live/v2icwh-nyl4

우아한테크세미나의 '생성 AI로 더 똑똑하게 일하는 법' 영상 다시보기가 공개되었습니다. ChatGPT와 Claude3 같은 AI 도구를 실제로 활용하고 있는 입장에서, 재미있게 시청했는데요. 주요 내용을 정리해 보았습니다.1. 생성형 AI와 함께 성장하기<ul ><li>Chain of Thought (CoT) 프롬프팅 기법 활용<ul ><li>AI에게 단순한 답변이 아닌, 구조화된 사고 과정을 요청합니다.</li><li>무질서한 정보 대신 논리적인 추론 과정을 통해 정확한 결과를 얻는 데 도움이 됩니다.</li></ul></li><li>1.2 전문가 페르소나 활용<ul ><li>AI에게 특정 분야의 전문가 역할을 부여합니다.</li><li>이 방법을 통해 해당 전문가의 사고 모델을 기반으로 한 고품질의 답변을 얻을 수 있습니다.</li><li>단순한 AI 사용을 넘어, 목표 달성에 최적화된 '가상 전문가'를 활용하는 것입니다.</li></ul></li></ul>2. 로컬 LLM(Large Language Model) 활용하기<ul ><li>2.1 데이터 보안 강화<ul ><li>기존의 브라우저 기반 AI 서비스는 데이터 유출 위험이 있습니다.</li><li>로컬 LLM을 사용하면 이러한 보안 우려를 해소하고 안전하게 AI를 활용할 수 있습니다.</li></ul></li><li>2.2 브라우저 확장 프로그램 개발<ul ><li>PDF 다운로드 없이 브라우저에서 직접 문서를 분석하고 요약하는 기능을 구현할 수 있습니다.</li></ul></li></ul>3. 개발자와 AI의 시너지개발자의 핵심 역량은 문제 해결과 논리적 사고 과정 구축입니다. 이러한 맥락에서 AI는 탁월한 파트너가 될 수 있습니다.<ul ><li>AI의 강점인 추론 능력을 적극 활용합니다.</li><li>개발 과정 중 각 단계마다 테스트 케이스를 작성하고, CoT를 적용하여 품질을 높입니다.</li><li>AI에게 명시적으로 사고 과정을 요청하여, 더 깊이 있는 인사이트를 얻을 수 있습니다.</li></ul> 결론적으로, 생성 AI는 개발자의 능력을 증폭시키는 강력한 도구입니다. AI의 장점을 이해하고 적절히 활용함으로써, 더 효율적이고 일할 수 있습니다. https://www.youtube.com/live/v2icwh-nyl4

생성 AI로 똑똑하게 일하는 법

당근이 성장하며 얻은 경험과 통찰을 나누며, 함께 더 나은 미래를 그려가요.

2024 당근 테크 밋업

10월 7일, 일정을 비워두세요! 당근 테크 밋업이 찾아옵니다 🥳

-

3,600만 사용자의 마음을 사로잡은 하이퍼로컬 서비스, 당근을 만드는 엔지니어들의 생생한 이야기가 궁금하지 않으세요? ‘프론트엔드’, ‘서버’, ‘데이터/머신러닝’, ‘플랫폼’ 4개의 트랙별로 7개씩, 총 28개의 흥미로운 세션이 여러분들을 기다리고 있어요. 새로운 인연과의 네트워킹으로도 이어질 수 있는 특별한 모임, 당근 테크 밋업에 참여해 보세요!

📅 일시: 2024년 10월 7일 11:00 ~ 17:00
📍 장소: 코엑스 컨퍼런스룸(남) 3F, 307호 / 308호 / 317호 / 318호

https://tech-meetup.daangn.com/

10월 7일, 일정을 비워두세요! 당근 테크 밋업이 찾아옵니다 🥳 - 3,600만 사용자의 마음을 사로잡은 하이퍼로컬 서비스, 당근을 만드는 엔지니어들의 생생한 이야기가 궁금하지 않으세요? ‘프론트엔드’, ‘서버’, ‘데이터/머신러닝’, ‘플랫폼’ 4개의 트랙별로 7개씩, 총 28개의 흥미로운 세션이 여러분들을 기다리고 있어요. 새로운 인연과의 네트워킹으로도 이어질 수 있는 특별한 모임, 당근 테크 밋업에 참여해 보세요! 📅&nbsp;일시: 2024년 10월 7일 11:00 ~ 17:00 📍&nbsp;장소: 코엑스 컨퍼런스룸(남) 3F, 307호 / 308호 / 317호 / 318호 https://tech-meetup.daangn.com/

Daangn

`인간의 생존을 위협하고 있는 건 AI가 아니라 인간 자신이다!”2034년 미래 예측부터 인간의 욕망까지기술과 철학을 넘나드는 인공지능 특강AI 산업의 최전선에서 일해온 저자의 가장 객관적인 AI 안내서. 인공지능을 둘러싼 근거 없는 낙관, 지나친 비관이 넘치...

AI 트루스 - 예스24

한빛미디어로부터 재밌는 책을 후원받아 리뷰 공유해봅니다!

여러분들에게 AI는 어떤 기술이며, 여러분의 일상과 미래를 바꾸고 있나요?

모델, 기술 이 모든게 너무나도 빠르게 변화하고 있는 시기라, 어쩌면 그 안에 너무 빠져들어 어느 방향으로 가고 있는지 얼마나 빨리가고 있는지 신경쓰지 못하고 있었던 것 같습니다. AI 관련하여서는 항상 어떻게 내 생활에 활용할까, 이걸로 어떻게 재미나게 놀아볼 수 있을까, 어떤 주식이 오를까(?)에 대해서는 이야기도 하고 생각도 많이 해봤지만, 이 책을 읽고 많이 부끄러워졌네요.

AI가 우리의 미래 모습을 바꿀꺼라 생각하면서도 그에 앞서 윤리적 교육, 우리가 진짜 주목해야하는 것들 그리고 우리가 마주할 미래에 대해서는 깊이 생각 못해봤던 것 같습니다. 다른 AI 책들이 빠르게 변화하는 트렌드를 다루고 있는 반면, 이 책은 급속히 변하는 기술 속에서 우리가 진정으로 집중해야 할 본질에 대한 통찰을 보여주고 있습니다.

과거 AI 연구의 역사에서부터 현재까지의 이야기 그리고 미래에 대한 상상을 다양한 각도로 고민해 볼 수 있는 책입니다. 책의 처음 집필 방향이 개발자를 대체하는 코딩 AI이기 때문에 중반부에서는 코딩 이야기가 좀 나오지만, 전반적으로는 지식 산업 안에서 종사하고 있는 누구나 알아야하는 그리고 생각해봐야하는 인사이트들을 많이 담고 있어 IT업계 모두에게 추천드립니다. :)) 후반부는 법률, 금융, 의료, 제조, 교육 등등 다양한 산업분야를 다 다루고 있습니다.

이번 추석 연휴, 마음의 풍족함과 더불어 생각의 깊이도 더할 수 있는 AI트루스 독서 추천합니다!

https://www.yes24.com/Product/Goods/131926558

한빛미디어로부터 재밌는 책을 후원받아 리뷰 공유해봅니다! 여러분들에게 AI는 어떤 기술이며, 여러분의 일상과 미래를 바꾸고 있나요? 모델, 기술 이 모든게 너무나도 빠르게 변화하고 있는 시기라, 어쩌면 그 안에 너무 빠져들어 어느 방향으로 가고 있는지 얼마나 빨리가고 있는지 신경쓰지 못하고 있었던 것 같습니다. AI 관련하여서는 항상 어떻게 내 생활에 활용할까, 이걸로 어떻게 재미나게 놀아볼 수 있을까, 어떤 주식이 오를까(?)에 대해서는 이야기도 하고 생각도 많이 해봤지만, 이 책을 읽고 많이 부끄러워졌네요. AI가 우리의 미래 모습을 바꿀꺼라 생각하면서도 그에 앞서 윤리적 교육, 우리가 진짜 주목해야하는 것들 그리고 우리가 마주할 미래에 대해서는 깊이 생각 못해봤던 것 같습니다. 다른 AI 책들이 빠르게 변화하는 트렌드를 다루고 있는 반면, 이 책은 급속히 변하는 기술 속에서 우리가 진정으로 집중해야 할 본질에 대한 통찰을 보여주고 있습니다. 과거 AI 연구의 역사에서부터 현재까지의 이야기 그리고 미래에 대한 상상을 다양한 각도로 고민해 볼 수 있는 책입니다. 책의 처음 집필 방향이 개발자를 대체하는 코딩 AI이기 때문에 중반부에서는 코딩 이야기가 좀 나오지만, 전반적으로는 지식 산업 안에서 종사하고 있는 누구나 알아야하는 그리고 생각해봐야하는 인사이트들을 많이 담고 있어 IT업계 모두에게 추천드립니다. :)) 후반부는 법률, 금융, 의료, 제조, 교육 등등 다양한 산업분야를 다 다루고 있습니다. 이번 추석 연휴, 마음의 풍족함과 더불어 생각의 깊이도 더할 수 있는 AI트루스 독서 추천합니다! https://www.yes24.com/Product/Goods/131926558

[책] AI 트루스

Why I’m excited about the new Temporal API in JavaScript: finally, easy and accurate date handling with time zones using ZonedDateTime. Say goodbye to the headaches of traditional Date objects.

JS Dates Are About to Be Fixed | TimeTime

JavaScript Date 객체의 대안으로 제안되어 현재 stage 3에 있는 Temporal 객체에 대한 글입니다.

JavaScript의 표준인 ECMAScript를 만드는 TC39의 프로세스에는 stage가 0~4까지 있습니다. stage 3은 특별한 이유가 없으면 스펙은 확정되었으므로 구현을 하도록 권장되는 단계이고 이단계를 거치면 stage 4로 가서 표준이 될 준비를 하게 됩니다.

JavaScript에서 Date 객체는 기능이 충분치 않아서 보통은 날짜 관련 라이브러리를 가져다가 쓰는게 일반적인데 Temporal은 이를 대체하기 위해서 제안된 객체입니다.

이 글에서는 보통 앱을 구현할 때 타임스탬프나 ISO 스트링을 사용하면서 충분하다고 느끼는데 실제로는 UTC로만 표시하는 것은 정보의 누락이 있기 때문에 충분치 않다고 얘기합니다. 예시로 든게 다른 나라에 가서 카드 결제를 했을 때 나중에 한국에 돌아와서 보면 카드 시간이 새벽으로 찍히게 되는데 이는 UTC를 현지 시각으로 변환해서 보여주기 때문에 발생하는 문제로 사용자 입장에서 헷갈리는 문제입니다. 대부분의 서비스가 이렇게 해서 익숙하기도 하면서도 저도 사실상 사용자 경험이 아주 좋진 않다고 생각하긴 합니다.

Temporal의 ZonedDateTime을 쓰면 기존 시간을 표시하는 스트링뒤에 추가로 타임존과 캘린더 확장을 추가해서 해당 시간의 실제 타임존과 다양한 국가의 캘린더에서 명확하게 표시할 수 있도록 지원하고 있습니다.

그외에도 시간을 계산하는 API나 날짜 비교를 할 수 있는 API도 있어서 간단한 시간 계산에는 굳이 날짜 바리으버리를 가져다 쓰지 않아도 될 것 같습니다.

https://docs.timetime.in/blog/js-dates-finally-fixed/

JavaScript Date 객체의 대안으로 제안되어 현재 stage 3에 있는 Temporal 객체에 대한 글입니다. JavaScript의 표준인 ECMAScript를 만드는 TC39의 프로세스에는 stage가 0~4까지 있습니다. stage 3은 특별한 이유가 없으면 스펙은 확정되었으므로 구현을 하도록 권장되는 단계이고 이단계를 거치면 stage 4로 가서 표준이 될 준비를 하게 됩니다. JavaScript에서 Date 객체는 기능이 충분치 않아서 보통은 날짜 관련 라이브러리를 가져다가 쓰는게 일반적인데 Temporal은 이를 대체하기 위해서 제안된 객체입니다. 이 글에서는 보통 앱을 구현할 때 타임스탬프나 ISO 스트링을 사용하면서 충분하다고 느끼는데 실제로는 UTC로만 표시하는 것은 정보의 누락이 있기 때문에 충분치 않다고 얘기합니다. 예시로 든게 다른 나라에 가서 카드 결제를 했을 때 나중에 한국에 돌아와서 보면 카드 시간이 새벽으로 찍히게 되는데 이는 UTC를 현지 시각으로 변환해서 보여주기 때문에 발생하는 문제로 사용자 입장에서 헷갈리는 문제입니다. 대부분의 서비스가 이렇게 해서 익숙하기도 하면서도 저도 사실상 사용자 경험이 아주 좋진 않다고 생각하긴 합니다. Temporal의 ZonedDateTime을 쓰면 기존 시간을 표시하는 스트링뒤에 추가로 타임존과 캘린더 확장을 추가해서 해당 시간의 실제 타임존과 다양한 국가의 캘린더에서 명확하게 표시할 수 있도록 지원하고 있습니다. 그외에도 시간을 계산하는 API나 날짜 비교를 할 수 있는 API도 있어서 간단한 시간 계산에는 굳이 날짜 바리으버리를 가져다 쓰지 않아도 될 것 같습니다. https://docs.timetime.in/blog/js-dates-finally-fixed/

docs.timetime.in

Have you noticed that Git is so integral to working with code that people hardly ever include it in their tech stack or on their CV at all? The assumption is you know it already, or at least enough...

The guide to Git I never had.

개발자로서 우리의 일상은 코드를 읽고, 작성하고, 검토하는 데 집중되어 있습니다. Git은 우리가 사용하는 도구 중 가장 중요한 것 중 하나라고 할 수 있습니다. Git의 기능과 특징을 마스터하는 것은 개발자로서 자신에게 할 수 있는 최고의 투자 중 하나입니다.
 
브랜치 (Branches)
Git 저장소에는 "main" 또는 "master"(deprecated)라는 메인 개발 라인이 있으며, 여기서 여러 브랜치가 분기됩니다. 이 브랜치들은 동시에 여러 기능이나 수정을 병행하여 작업할 수 있도록 해줍니다.

커밋 (Commits)
Git 커밋은 업데이트된 코드를 묶어 특정 시점의 프로젝트 코드를 캡처합니다. 각 커밋은 이전 커밋 이후로 이루어진 변경사항을 기록하며, 프로젝트 개발의 전체적인 역사를 구축합니다.

커밋을 참조할 때는 일반적으로 고유한 암호화 해시 값을 사용합니다.
git show abc123def456789

이 명령어는 해당 해시 값을 가진 커밋의 상세 정보를 보여줍니다.
 
태그 (Tags)
Git 태그는 Git 역사 내에서 주요 이정표를 나타내며, 일반적으로 릴리스, 버전, 또는 중요한 커밋을 표시합니다. 이러한 태그는 프로젝트의 여정에서 특정 시점을 나타내는 데 매우 유용합니다.

헤드 (HEAD)
현재 체크아웃된 브랜치의 가장 최신 커밋은 HEAD에 의해 표시되며, 저장소 내의 모든 참조를 가리킬 수 있는 포인터 역할을 합니다. 특정 브랜치에 있을 때, HEAD는 해당 브랜치의 최신 커밋을 가리킵니다. 가끔 HEAD는 브랜치의 끝이 아닌 특정 커밋을 직접 가리킬 수도 있습니다.
 
스테이지 (Stages)
Git 단계를 이해하는 것은 Git 워크플로우를 이해하는 데 매우 중요합니다. 단계는 파일에 대한 변경사항이 커밋되기 전에 발생하는 논리적 전환을 나타냅니다. Git 단계를 더 자세히 살펴봅시다:

 * 작업 디렉토리 (Working directory) 👷: 작업 디렉토리는 프로젝트 파일을 수정하고 생성하는 곳입니다. 로컬 머신에서 파일의 현재 상태를 나타냅니다.
 * 스테이징 영역 (Staging area) 🚉: 스테이징 영역은 변경사항을 커밋하기 전에 준비하는 대기 영역 또는 사전 커밋 구역입니다.
 * 로컬 저장소 (Local repository) 🗄️: 로컬 저장소는 Git이 커밋된 변경사항을 영구히 저장하는 곳입니다. 프로젝트의 역사를 검토하고, 이전 상태로 되돌리며, 동일한 코드베이스에서 다른 사람들과 협업할 수 있게 해줍니다.
 * 원격 저장소 (Remote repository) 🛫: 원격 저장소는 중앙 서버(예: GitHub, GitLab, Bitbucket)에 위치하며, 프로젝트를 공유하고 다른 사람들과 협업할 수 있는 곳입니다.
 
Git 시작하기
어디서부터 시작해야 할지 고민이라면, Git에서는 작업 공간(workspace)에서 시작해야 합니다. 기존의 저장소(repository)를 포크(fork)하거나 클론(clone)하여 그 작업 공간의 복사본을 가질 수 있습니다. 만약 완전히 새롭게 로컬 폴더에서 시작하고자 한다면, 해당 폴더를 Git 저장소로 만들기 위해 git init 명령어를 사용해야 합니다. 다음 단계로는 자격 증명 설정을 반드시 잊지 말아야 합니다.

브랜치 작업
로컬에서 작업할 때는 현재 어떤 브랜치에 있는지 아는 것이 중요합니다. 다음 명령어들이 유용합니다:
# Will show the changes in the local repository
git branch 
# Or create a branch directly with
git branch feature-branch-name

브랜치 간 전환을 위해서는:
git switch

또한, 브랜치 간 전환뿐만 아니라 다음과 같이 할 수도 있습니다:
git checkout 
# A shortcut to switch to a branch that is yet to be created with the -b flag 
git checkout -b feature-branch-name

저장소의 상태를 확인하려면 다음을 사용하십시오:
git status

현재 브랜치를 항상 명확하게 보기 위해서는 터미널에 브랜치를 표시하는 것이 좋습니다. 이를 도와주는 여러 터미널 애드온이 있습니다.

커밋 작업
커밋을 작업할 때, git commit -m을 사용하여 변경 사항을 기록하고, git amend를 사용하여 가장 최근의 커밋을 수정하며, 커밋 메시지 규칙을 지키는 것이 중요합니다.
git commit -m "의미 있는 메시지"

마지막 커밋에 변경 사항이 있을 때는 새 커밋을 만들지 않고 --amend 플래그를 사용하여 가장 최근 커밋을 수정할 수 있습니다:
# 변경사항을 추가
git add .
git commit --amend

이 명령어는 기본 텍스트 편집기를 열어 필요하면 커밋 메시지를 수정할 수 있게 합니다.
git push origin your_branch --force

기본적으로 자주 커밋하는 것이 더 좋습니다. 이는 진행 상황을 잃거나 스테이징되지 않은 변경사항을 실수로 리셋하는 것을 방지합니다. 이후에 여러 커밋을 합치거나 인터랙티브 리베이스(interactive rebase)를 통해 히스토리를 재작성할 수 있습니다.
 
git log를 사용하여 최근 커밋부터 과거로 거슬러 올라가는 순서로 커밋 목록을 확인할 수 있습니다.
 

번역: [https://ducktopia.tistory.com/132]
원문:

개발자로서 우리의 일상은 코드를 읽고, 작성하고, 검토하는 데 집중되어 있습니다. Git은 우리가 사용하는 도구 중 가장 중요한 것 중 하나라고 할 수 있습니다. Git의 기능과 특징을 마스터하는 것은 개발자로서 자신에게 할 수 있는 최고의 투자 중 하나입니다.&nbsp;브랜치 (Branches)Git 저장소에는 "main" 또는 "master"(deprecated)라는 메인 개발 라인이 있으며, 여기서 여러 브랜치가 분기됩니다. 이 브랜치들은 동시에 여러 기능이나 수정을 병행하여 작업할 수 있도록 해줍니다. 커밋 (Commits)Git 커밋은 업데이트된 코드를 묶어 특정 시점의 프로젝트 코드를 캡처합니다. 각 커밋은 이전 커밋 이후로 이루어진 변경사항을 기록하며, 프로젝트 개발의 전체적인 역사를 구축합니다. 커밋을 참조할 때는 일반적으로 고유한 암호화 해시 값을 사용합니다.<pre ><code class="language-bash">git show abc123def456789</code></pre>이 명령어는 해당 해시 값을 가진 커밋의 상세 정보를 보여줍니다.&nbsp;태그 (Tags)Git 태그는 Git 역사 내에서 주요 이정표를 나타내며, 일반적으로 릴리스, 버전, 또는 중요한 커밋을 표시합니다. 이러한 태그는 프로젝트의 여정에서 특정 시점을 나타내는 데 매우 유용합니다. 헤드 (HEAD)현재 체크아웃된 브랜치의 가장 최신 커밋은 HEAD에 의해 표시되며, 저장소 내의 모든 참조를 가리킬 수 있는 포인터 역할을 합니다. 특정 브랜치에 있을 때, HEAD는 해당 브랜치의 최신 커밋을 가리킵니다. 가끔 HEAD는 브랜치의 끝이 아닌 특정 커밋을 직접 가리킬 수도 있습니다.&nbsp;스테이지 (Stages)Git 단계를 이해하는 것은 Git 워크플로우를 이해하는 데 매우 중요합니다. 단계는 파일에 대한 변경사항이 커밋되기 전에 발생하는 논리적 전환을 나타냅니다. Git 단계를 더 자세히 살펴봅시다: <ul ><li>작업 디렉토리 (Working directory) 👷: 작업 디렉토리는 프로젝트 파일을 수정하고 생성하는 곳입니다. 로컬 머신에서 파일의 현재 상태를 나타냅니다.</li><li>스테이징 영역 (Staging area) 🚉: 스테이징 영역은 변경사항을 커밋하기 전에 준비하는 대기 영역 또는 사전 커밋 구역입니다.</li><li>로컬 저장소 (Local repository) 🗄️: 로컬 저장소는 Git이 커밋된 변경사항을 영구히 저장하는 곳입니다. 프로젝트의 역사를 검토하고, 이전 상태로 되돌리며, 동일한 코드베이스에서 다른 사람들과 협업할 수 있게 해줍니다.</li><li>원격 저장소 (Remote repository) 🛫: 원격 저장소는 중앙 서버(예: GitHub, GitLab, Bitbucket)에 위치하며, 프로젝트를 공유하고 다른 사람들과 협업할 수 있는 곳입니다.</li></ul>&nbsp;Git 시작하기어디서부터 시작해야 할지 고민이라면, Git에서는 작업 공간(workspace)에서 시작해야 합니다. 기존의 저장소(repository)를 포크(fork)하거나 클론(clone)하여 그 작업 공간의 복사본을 가질 수 있습니다. 만약 완전히 새롭게 로컬 폴더에서 시작하고자 한다면, 해당 폴더를 Git 저장소로 만들기 위해 git init 명령어를 사용해야 합니다. 다음 단계로는 자격 증명 설정을 반드시 잊지 말아야 합니다. 브랜치 작업로컬에서 작업할 때는 현재 어떤 브랜치에 있는지 아는 것이 중요합니다. 다음 명령어들이 유용합니다:<pre ><code class="language-bash"># Will show the changes in the local repository
git branch 
# Or create a branch directly with
git branch feature-branch-name</code></pre>브랜치 간 전환을 위해서는:<pre ><code class="language-bash">git switch</code></pre>또한, 브랜치 간 전환뿐만 아니라 다음과 같이 할 수도 있습니다:<pre ><code class="language-bash">git checkout 
# A shortcut to switch to a branch that is yet to be created with the -b flag 
git checkout -b feature-branch-name</code></pre>저장소의 상태를 확인하려면 다음을 사용하십시오:<pre ><code class="language-bash">git status</code></pre>현재 브랜치를 항상 명확하게 보기 위해서는 터미널에 브랜치를 표시하는 것이 좋습니다. 이를 도와주는 여러 터미널 애드온이 있습니다. 커밋 작업커밋을 작업할 때, git commit -m을 사용하여 변경 사항을 기록하고, git amend를 사용하여 가장 최근의 커밋을 수정하며, 커밋 메시지 규칙을 지키는 것이 중요합니다.<pre ><code class="language-bash">git commit -m "의미 있는 메시지"</code></pre>마지막 커밋에 변경 사항이 있을 때는 새 커밋을 만들지 않고 --amend 플래그를 사용하여 가장 최근 커밋을 수정할 수 있습니다:<pre ><code class="language-bash"># 변경사항을 추가
git add .
git commit --amend</code></pre>이 명령어는 기본 텍스트 편집기를 열어 필요하면 커밋 메시지를 수정할 수 있게 합니다.<pre ><code class="language-bash">git push origin your_branch --force</code></pre>기본적으로 자주 커밋하는 것이 더 좋습니다. 이는 진행 상황을 잃거나 스테이징되지 않은 변경사항을 실수로 리셋하는 것을 방지합니다. 이후에 여러 커밋을 합치거나 인터랙티브 리베이스(interactive rebase)를 통해 히스토리를 재작성할 수 있습니다.&nbsp;git log를 사용하여 최근 커밋부터 과거로 거슬러 올라가는 순서로 커밋 목록을 확인할 수 있습니다.&nbsp; 번역: [https://ducktopia.tistory.com/132]원문:

Medium

🕊️ [Medium] 내가 원했던, Git 가이드 (1)

카카오페이에서 프론트엔드 개발을 하며 스켈레톤 UI와 사용자 경험 향상에 대해 고민한 내용을 공유합니다.

무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요? | 카카오페이 기술 블로그

웹사이트에서 데이터를 불러올 때, 흔히 '스켈레톤 화면'이라는 로딩 표시를 사용합니다. 하지만 이게 항상 최선의 선택은 아니라는 흥미로운 블로그 글이 있어 공유드립니다.

세계적인 UX리서치 그룹 닐슨 노먼은 1초 미만이 소요되는 항목의 경우 애니메이션을 사용하면 오히려 주의가 산만해진다고 합니다. 이유는 사용자 입장에서는 너무 짧은 시간 이기에 화면에서 어떤 일이 발생했는지 따라갈 수 없기 때문인데요.

스켈레톤 화면의 효과
 1. 빠른 로딩 (100ms 미만):
    * 스켈레톤이 너무 빨리 사라져 화면이 '덜그럭거리는' 느낌을 줍니다.
    * 결론: 이런 경우 스켈레톤을 보여주지 않는 것이 더 깔끔합니다.
 2. 느린 로딩 (300ms 이상):
    * 스켈레톤 화면이 유용하게 작용합니다.
    * 사용자에게 '무언가 로딩 중'이라는 시각적 피드백을 제공합니다.

카카오페이의 해결책: 지연된 스켈레톤
카카오페이는 이 문제를 Suspense와 DeferredComponent라는 유틸리티 컴포넌트로 아래와 같이 해결했습니다. 200ms 까지는 빈 화면을 보여주고 이후에는 스켈레톤을 표시하는 방식인데요.
 * 작동 방식:
   * 0-200ms: 빈 화면 표시
   * 200ms 이후:
     * 데이터 로딩 완료 시 → 즉시 데이터 표시
     * 데이터 로딩 중 → 스켈레톤 표시
 * 예시:
   * 100ms 응답: 200ms 후 바로 데이터 표시 (스켈레톤 없음)
   * 400ms 응답: 200ms 후 스켈레톤 표시, 400ms에 데이터 표시

또한 성능 모니터링 도구(Firebase)를 활용하여 실제 API 응답 시간을 분석하여 대부분의 응답시간이 200ms이내임을 확인하고, 위와 같은 전략으로 '덜그럭거림'이 없는 부드러운 경험을 제공했습니다.

따라서 무조건 스켈레톤을 보여주는것보다는 사용자의 환경과 데이터를 분석하여 선택적으로 스켈레톤을 보여주는 것이 더 나을 수 있습니다. 이렇게 사용자 경험에 대한 연구들을 통해 인사이트를 얻고 데이터를 활용한 가설 및 검증 과정을 통해 더 좋은 사용자 경험을 제공할 수 있습니다.

https://tech.kakaopay.com/post/skeleton-ui-idea/

웹사이트에서 데이터를 불러올 때, 흔히 '스켈레톤 화면'이라는 로딩 표시를 사용합니다. 하지만 이게 항상 최선의 선택은 아니라는 흥미로운 블로그 글이 있어 공유드립니다. 세계적인 UX리서치 그룹 닐슨 노먼은 1초 미만이 소요되는 항목의 경우 애니메이션을 사용하면 오히려 주의가 산만해진다고 합니다. 이유는 사용자 입장에서는 너무 짧은 시간 이기에 화면에서 어떤 일이 발생했는지 따라갈 수 없기 때문인데요. 스켈레톤 화면의 효과<ol ><li>빠른 로딩 (100ms 미만):<ul ><li>스켈레톤이 너무 빨리 사라져 화면이 '덜그럭거리는' 느낌을 줍니다.</li><li>결론: 이런 경우 스켈레톤을 보여주지 않는 것이 더 깔끔합니다.</li></ul></li><li>느린 로딩 (300ms 이상):<ul ><li>스켈레톤 화면이 유용하게 작용합니다.</li><li>사용자에게 '무언가 로딩 중'이라는 시각적 피드백을 제공합니다.</li></ul></li></ol> 카카오페이의 해결책: 지연된 스켈레톤카카오페이는 이 문제를 Suspense와 DeferredComponent라는 유틸리티 컴포넌트로 아래와 같이 해결했습니다. 200ms 까지는 빈 화면을 보여주고 이후에는 스켈레톤을 표시하는 방식인데요.<ul ><li>작동 방식:<ul ><li>0-200ms: 빈 화면 표시</li><li>200ms 이후:<ul ><li>데이터 로딩 완료 시 → 즉시 데이터 표시</li><li>데이터 로딩 중 → 스켈레톤 표시</li></ul></li></ul></li><li>예시:<ul ><li>100ms 응답: 200ms 후 바로 데이터 표시 (스켈레톤 없음)</li><li>400ms 응답: 200ms 후 스켈레톤 표시, 400ms에 데이터 표시</li></ul></li></ul> 또한 성능 모니터링 도구(Firebase)를 활용하여 실제 API 응답 시간을 분석하여 대부분의 응답시간이 200ms이내임을 확인하고, 위와 같은 전략으로 '덜그럭거림'이 없는 부드러운 경험을 제공했습니다. 따라서 무조건 스켈레톤을 보여주는것보다는 사용자의 환경과 데이터를 분석하여 선택적으로 스켈레톤을 보여주는 것이 더 나을 수 있습니다. 이렇게 사용자 경험에 대한 연구들을 통해 인사이트를 얻고 데이터를 활용한 가설 및 검증 과정을 통해 더 좋은 사용자 경험을 제공할 수 있습니다. https://tech.kakaopay.com/post/skeleton-ui-idea/

Kakaopay

스켈레톤 화면: 언제나 좋은 선택일까요?

소프트웨어 개발의 80% 이상은 트러블 슈팅이다. 어쩌면 90% 이상? 그런데 이 트러블 슈팅은 컴퓨터 과학/공학의 기초가 없으면 해결하기가 어렵다.

기초 공부는 알겠다. 그럼 이 트러블 슈팅은 어떻게 배워야하나? 이제는 너무 쉽다.

AI(LLM)에게 개발을 시킨다. 거의 무조건 문제가 생기거나 완벽히 원하는대로 나오지 않는다. 어렵거나 새로운 문제일수록 그렇다. 이걸 해결해보는 과정을 많이 거쳐보면 된다.

AI에게 개발을 시킨다 -> 문제가 생긴다 & 문제를 만든다 -> 문제를 해결한다.

이 방식을 통하면 개발의 많은 과정을 이해하고 익힐 수 있다. 다만, 개발을 시키는 것도 뭘 알아야 시킬 수 있다. (서울대 강의에 썼던 방식이다)

부가적인 효과로 대화를 통해 목적을 달성해가는 스킬을 익힐 수 있고, AI의 결과가 틀릴 수 있다는 것이 몸에 새겨지므로, 늘 의심하고 확인하는 습관을 가질 수 있다.

소프트웨어 개발의 80% 이상은 트러블 슈팅이다. 어쩌면 90% 이상? 그런데 이 트러블 슈팅은 컴퓨터 과학/공학의 기초가 없으면 해결하기가 어렵다. 기초 공부는 알겠다. 그럼 이 트러블 슈팅은 어떻게 배워야하나? 이제는 너무 쉽다. AI(LLM)에게 개발을 시킨다. 거의 무조건 문제가 생기거나 완벽히 원하는대로 나오지 않는다. 어렵거나 새로운 문제일수록 그렇다. 이걸 해결해보는 과정을 많이 거쳐보면 된다. AI에게 개발을 시킨다 -&gt; 문제가 생긴다 &amp; 문제를 만든다 -&gt; 문제를 해결한다. 이 방식을 통하면 개발의 많은 과정을 이해하고 익힐 수 있다. 다만, 개발을 시키는 것도 뭘 알아야 시킬 수 있다. (서울대 강의에 썼던 방식이다) 부가적인 효과로 대화를 통해 목적을 달성해가는 스킬을 익힐 수 있고, AI의 결과가 틀릴 수 있다는 것이 몸에 새겨지므로, 늘 의심하고 확인하는 습관을 가질 수 있다.

소프트웨어 개발의 80% 이상은 트러블 슈팅이다. 어쩌면 90% 

결국은 가독성이 높은 코드가 좋은 코드다. 그래야 나도 나중에 쉽게 다시 기억을 되살릴 수 있고, 다른 사람들이 쉽게 이해하고 내가 그만두거나 다른 일로 넘어갈 때 유지보수가 쉬워진다.

단 코드를 작성할 때 본인이 하는 맡은 업무를 명확히 이해하는 것이 중요하다 ("문제 정의"). 그래야 맡은 일에서 정말 중요한 것들 중심으로 구현을 할 수 있기 때문이다. 문제의 복잡도와 들어가는 시간에는 다른 모든 것들처럼 보통 20:80 법칙이 적용된다. 마지막 20%를 해결하는데 보통 80%의 시간을 쓰게 되기에 20%를 단순하게 해결할 방법을 생각해보는 것이 필요하며 의사 소통을 통해 문제 정의를 잘 한다면 이 부분이 쉬워진다. 내 생각을 정리해보자면

 * 가독성이 높은 단순한 코드를 작성하자 (The simpler the better). 그래야 코드 리뷰부터 시작해서 모든 것이 쉬워진다. 불필요하게 복잡한 코드를 작성하면 본인도 나중에 다시 이해하려면 고생한다.
 * 모듈화 등을 통해 유지보수가 쉬운 코드를 작성하는 것이다. 예를 들어 비슷한 코드가 게으름이나 시간 압박으로 인해 하드코드 형태로 여기저기 흩어져 있다고 하면 유지보수에 큰 어려움을 겪게 될 가능성이 높다.
 * 문제 정의를 잘하는 것이 가장 중요하며 선행되어야 한다. 하지만 주의할 점은 처음 만드는 거라면 요구 조건이 시간을 두고 바뀔 가능성이 높기에 유연하게 만들고 너무 빠르게 최적화하지 않을 필요가 있다.
 * 마지막 20%를 해결하는데 들어가는 노력이 80%임을 인지하고 이 20%의 해결방법을 단순하게 할 방법을 찾아보자.

요약하자면 "읽기 쉽고 유지보수가 쉬운 코드를 작성해서 다른 사람들과의 협업이 쉽도록 만들자"

결국은 가독성이 높은 코드가 좋은 코드다. 그래야 나도 나중에 쉽게 다시 기억을 되살릴 수 있고, 다른 사람들이 쉽게 이해하고 내가 그만두거나 다른 일로 넘어갈 때 유지보수가 쉬워진다. 단 코드를 작성할 때 본인이 하는 맡은 업무를 명확히 이해하는 것이 중요하다 ("문제 정의"). 그래야 맡은 일에서 정말 중요한 것들 중심으로 구현을 할 수 있기 때문이다. 문제의 복잡도와 들어가는 시간에는 다른 모든 것들처럼 보통 20:80 법칙이 적용된다. 마지막 20%를 해결하는데 보통 80%의 시간을 쓰게 되기에 20%를 단순하게 해결할 방법을 생각해보는 것이 필요하며 의사 소통을 통해 문제 정의를 잘 한다면 이 부분이 쉬워진다. 내 생각을 정리해보자면 <ul ><li>가독성이 높은 단순한 코드를 작성하자 (The simpler the better). 그래야 코드 리뷰부터 시작해서 모든 것이 쉬워진다. 불필요하게 복잡한 코드를 작성하면 본인도 나중에 다시 이해하려면 고생한다.</li><li>모듈화 등을 통해 유지보수가 쉬운 코드를 작성하는 것이다. 예를 들어 비슷한 코드가 게으름이나 시간 압박으로 인해 하드코드 형태로 여기저기 흩어져 있다고 하면 유지보수에 큰 어려움을 겪게 될 가능성이 높다.</li><li>문제 정의를 잘하는 것이 가장 중요하며 선행되어야 한다. 하지만 주의할 점은 처음 만드는 거라면 요구 조건이 시간을 두고 바뀔 가능성이 높기에 유연하게 만들고 너무 빠르게 최적화하지 않을 필요가 있다.</li><li>마지막 20%를 해결하는데 들어가는 노력이 80%임을 인지하고 이 20%의 해결방법을 단순하게 할 방법을 찾아보자.</li></ul> 요약하자면 "읽기 쉽고 유지보수가 쉬운 코드를 작성해서 다른 사람들과의 협업이 쉽도록 만들자"

좋은 코드란?

2018년 작성해 오래된 아티컬이긴하지만
그때 고민해본 실제 동작하는 MSA 아키텍트의 프레임을 공유해봅니다.

https://wiki.webnori.com/plugins/servlet/mobile?contentId=16646192#content/view/16646192

2018년 작성해 오래된 아티컬이긴하지만그때 고민해본 실제 동작하는 MSA 아키텍트의 프레임을 공유해봅니다. https://wiki.webnori.com/plugins/servlet/mobile?contentId=16646192#content/view/16646192

MSA with Spring

Java developers tend to use 'java.util.UUID#randomUUID()' API, to generate a UUID (Universally Unique Identifier) number (i.e., 'b8bbcbed-ca07-490c-8711-5118ee0af2f9'). Under certain circumstances...

Java UUID generation - Performance impact

﻿
랜덤으로 유니크한 문자열을 만들기 위해 Java.util.UUID#randomUUID() 라는 메서드를 사용해 보신 적이 있으실 겁니다. 이 글에서는 해당 메서드로 인해 시스템이 느려졌던 사례를 공유합니다.
글의 설명에 따르면, 내부 운영체제에서 entropy를 사용하여 고유번호를 생성한다고 하는데 이는 다양한 시스템의 상태 (마우스 움직임, 하드웨어 팬 소음의 변화, 장치 드라이버의 소음 변화 등)을 활용한다고 하는데요. 이때 운영체제에 이 entropy가 부족할 경우 난수 생성 속도가 느려지고 이는 애플리케이션에 영향을 준다고 합니다. 글에 나와있는 스레드 덤프 리포트를 보면 상당히 흥미로운데요.
무심코 사용하던 코드에서도 결함이 생기는 경우가 종종 있으니 특히나 외부 라이브러리를 사용할 때는 한 번쯤은 추상화되어있는 인터페이스 내부에서 어떤 식으로 돌아가는지 살펴보는 것 또한 중요해 보입니다.

https://medium.com/@RamLakshmanan/java-uuid-generation-performance-impact-cec888b7d9b8

﻿랜덤으로 유니크한 문자열을 만들기 위해 Java.util.UUID#randomUUID() 라는 메서드를 사용해 보신 적이 있으실 겁니다. 이 글에서는 해당 메서드로 인해 시스템이 느려졌던 사례를 공유합니다.글의 설명에 따르면, 내부 운영체제에서 entropy를 사용하여 고유번호를 생성한다고 하는데 이는 다양한 시스템의 상태 (마우스 움직임, 하드웨어 팬 소음의 변화, 장치 드라이버의 소음 변화 등)을 활용한다고 하는데요. 이때 운영체제에 이 entropy가 부족할 경우 난수 생성 속도가 느려지고 이는 애플리케이션에 영향을 준다고 합니다. 글에 나와있는 스레드 덤프 리포트를 보면 상당히 흥미로운데요.무심코 사용하던 코드에서도 결함이 생기는 경우가 종종 있으니 특히나 외부 라이브러리를 사용할 때는 한 번쯤은 추상화되어있는 인터페이스 내부에서 어떤 식으로 돌아가는지 살펴보는 것 또한 중요해 보입니다. https://medium.com/@RamLakshmanan/java-uuid-generation-performance-impact-cec888b7d9b8

Java UUID generation-Performance imp

토스와 애플의 조직문화인 DRI는 무엇일까? DRI를 효과적으로 도입하기 위해 꼭 알아야 할 3가지 요소(결정, 실행, 책임)에 대해 알아보겠습니다. | HR 인사이트

DRI를 도입하기 위한 필수 요소 3가지 - 진짜 나를 빛나게, 스펙터 Specter

애플은 DRI 문화를 도입한 대표적인 사례로 잘알려져있고, 국내에서는 토스가 DRI를 성공적으로 도입한 기업으로 많이 언급되고 있습니다.
DRI 조직문화 관련해서 상세하게 적힌 글이 있어 내용을 공유드립니다.

🏃🏻‍♀️ 그래서 이거 누가 담당하실 건가요?
업무를 진행하다보면 여러 사람의 손을 거쳐야 할 때가 있습니다. 이런 문제는 회사가 여러 사람이 모여 있는 '팀'이기에 발생하고, 특히 다양한 부서에서 함께 프로젝트를 진행하다 보면 의견을 공유하는 과정이 길어지기 마련입니다.
이 과정에서 누가 결정을 내릴 것인지 명확하지 않다면 의견이 엇갈리게 되고, 프로젝트는 지연될 수 밖에 없습니다. 그러다 각자 다른 업무때문에 바빠지면 '다른 누군가가 하겠지' 라는 생각에 누구도 책임을 지지 않으려는 분위기가 형성되면서 실패로 끝날 가능성이 높아집니다.
이러한 문제를 해결하기위해 DRI(Directly Responsible Individual) 개념을 도입한 회사들이 있습니다.

💁‍♂️ DRI란
특정 업무나 프로젝트의 전 과정을 책임지는 개인 (최종의사결정권자)을 의미합니다.
프로젝트의 주요한 결정과 실행, 그리고 최종 결과까지의 책임을 한 사람이 담당하도록 하여 의사결정 과정을 단순화하고, 책임 소재를 명확히 하기위해 도입된 개념입니다.
DRI의 핵심은 한 명의 책임자에게 모든 권한을 위임한다는점입니다.

📈 DRI 도입 이후 직원들에게 일어난 변화
 * 활발한 의사소통: 프로젝트의 권한을 갖는 사람이 업무의 실행 및 결과까지 책임지면서, 업무의 성공여부가 온전히 자신에게 달려있음을 인지하게 되었습니다. 더 나은 결정을 하기위해 더 많은 사람들의 의견에 귀를 기울이고, 팀원들과 활발히 소통하게 되었습니다.
 * 전체 성과 향상: DRI를 통해 모든 구성원이 자신이 맡은 업무와 목표를 더욱 명확하게 이해하게 되었고, 상호 협력할 수 있는 환경이 조성되었습니다. 또한 구체적인 목표를 설정과 함께 책임감이 강화되면서 불필요한 업무에 시간을 낭비하지 않고 더 효율적으로 일할 수 있게 되었습니다.

🏄🏻‍♂️ DRI를 구성하는 요소
 * 결정: DRI는 프로젝트에서 주요한 결정을 내리는 역할을 합니다. 최선의 합리적인 결정을 내리기 위해 정보를 수집하고 분석하며, 필요한 모든 자원을 고려해야 합니다.
 * 실행: DRI는 결정된 사항을 실행하는 것 또한 본인의 주도 하에 진행됩니다. 이 단계에서 자원을 효과적으로 관리하고, 인력을 적절히 배치하며 프로젝트가 계획대로 진행될 수 있도록 모든 과정에 관여합니다.
 * 책임: DRI는 결과가 좋든 나쁘든 그에 따른 모든 책임을 집니다. 결과가 무조건 성공적이어야 한다는 것에 초점을 두는 것이 아닌, 맡고 있는 프로젝트의 처음부터 끝까지 누락된 것은 없는지 살피고, 레슨런을 통해 실패에서 성공을, 성공에서 더 큰 성공을 이루어내기 위해 고민하는 것이 필요합니다.

🎁 DRI 조직 문화를 만들기 위한 필수사항
 * 신뢰와 피드백: DRI는 조직 내 사람들의 의견을 경청하고, 합리적으로 설득할 수 있어야합니다. 피드백을 주고 받을 때에도 신뢰를 바탕으로 '공동의 목표를 달성하기 위해 협력하는 과정'이라는 것을 인지할 수 있어야 합니다.
 * 수평적 의사소통: 팀원들의 다양한 시각이 결합될 때 더 나은 의사결정과 혁신적인 해결책이 도출됩니다. 수평적 의사소통은 또한 팀원들이 서로의 강점과 약점을 이해하고 협력할 수 있는 기회를 제공합니다.
 * DRI형 리더십을 가진 직책자: 프로젝트의 성공 여부는 DRI 개인의 역량과 자질에 의해 크게 좌우됩니다. 기업에 DRI문화를 효과적으로 도입하는 방법은 DRI형 리더십이 있는 직책자가 조직 전체에 퍼뜨리는 것입니다.

애플은 DRI 문화를 도입한 대표적인 사례로 잘알려져있고, 국내에서는 토스가 DRI를 성공적으로 도입한 기업으로 많이 언급되고 있습니다.DRI 조직문화 관련해서 상세하게 적힌 글이 있어 내용을 공유드립니다. 🏃🏻‍♀️ 그래서 이거 누가 담당하실 건가요?업무를 진행하다보면 여러 사람의 손을 거쳐야 할 때가 있습니다. 이런 문제는 회사가 여러 사람이 모여 있는 '팀'이기에 발생하고, 특히 다양한 부서에서 함께 프로젝트를 진행하다 보면 의견을 공유하는 과정이 길어지기 마련입니다.이 과정에서 누가 결정을 내릴 것인지 명확하지 않다면 의견이 엇갈리게 되고, 프로젝트는 지연될 수 밖에 없습니다. 그러다 각자 다른 업무때문에 바빠지면 '다른 누군가가 하겠지' 라는 생각에 누구도 책임을 지지 않으려는 분위기가 형성되면서 실패로 끝날 가능성이 높아집니다.이러한 문제를 해결하기위해 DRI(Directly Responsible Individual) 개념을 도입한 회사들이 있습니다. 💁‍♂️ DRI란특정 업무나 프로젝트의 전 과정을 책임지는 개인 (최종의사결정권자)을 의미합니다.프로젝트의 주요한 결정과 실행, 그리고 최종 결과까지의 책임을 한 사람이 담당하도록 하여 의사결정 과정을 단순화하고, 책임 소재를 명확히 하기위해 도입된 개념입니다.DRI의 핵심은 한 명의 책임자에게 모든 권한을 위임한다는점입니다. 📈 DRI 도입 이후 직원들에게 일어난 변화<ul ><li>활발한 의사소통: 프로젝트의 권한을 갖는 사람이 업무의 실행 및 결과까지 책임지면서, 업무의 성공여부가 온전히 자신에게 달려있음을 인지하게 되었습니다. 더 나은 결정을 하기위해 더 많은 사람들의 의견에 귀를 기울이고, 팀원들과 활발히 소통하게 되었습니다. </li><li>전체 성과 향상: DRI를 통해 모든 구성원이 자신이 맡은 업무와 목표를 더욱 명확하게 이해하게 되었고, 상호 협력할 수 있는 환경이 조성되었습니다. 또한 구체적인 목표를 설정과 함께 책임감이 강화되면서 불필요한 업무에 시간을 낭비하지 않고 더 효율적으로 일할 수 있게 되었습니다.</li></ul> 🏄🏻‍♂️ DRI를 구성하는 요소<ul ><li>결정: DRI는 프로젝트에서 주요한 결정을 내리는 역할을 합니다. 최선의 합리적인 결정을 내리기 위해 정보를 수집하고 분석하며, 필요한 모든 자원을 고려해야 합니다.</li><li>실행: DRI는 결정된 사항을 실행하는 것 또한 본인의 주도 하에 진행됩니다. 이 단계에서 자원을 효과적으로 관리하고, 인력을 적절히 배치하며 프로젝트가 계획대로 진행될 수 있도록 모든 과정에 관여합니다. </li><li>책임: DRI는 결과가 좋든 나쁘든 그에 따른 모든 책임을 집니다. 결과가 무조건 성공적이어야 한다는 것에 초점을 두는 것이 아닌, 맡고 있는 프로젝트의 처음부터 끝까지 누락된 것은 없는지 살피고, 레슨런을 통해 실패에서 성공을, 성공에서 더 큰 성공을 이루어내기 위해 고민하는 것이 필요합니다.</li></ul> 🎁 DRI 조직 문화를 만들기 위한 필수사항<ul ><li>신뢰와 피드백: DRI는 조직 내 사람들의 의견을 경청하고, 합리적으로 설득할 수 있어야합니다. 피드백을 주고 받을 때에도 신뢰를 바탕으로 '공동의 목표를 달성하기 위해 협력하는 과정'이라는 것을 인지할 수 있어야 합니다.</li><li>수평적 의사소통: 팀원들의 다양한 시각이 결합될 때 더 나은 의사결정과 혁신적인 해결책이 도출됩니다. 수평적 의사소통은 또한 팀원들이 서로의 강점과 약점을 이해하고 협력할 수 있는 기회를 제공합니다. </li><li>DRI형 리더십을 가진 직책자: 프로젝트의 성공 여부는 DRI 개인의 역량과 자질에 의해 크게 좌우됩니다. 기업에 DRI문화를 효과적으로 도입하는 방법은 DRI형 리더십이 있는 직책자가 조직 전체에 퍼뜨리는 것입니다. </li></ul>

Specter

토스와 애플 조직문화 DRI

01 . 황정민 배우님의 동생이자 유명한 영화음악 감독이기도 한 황상준 감독님이 얼마 전 유퀴즈에 출연하셔서 이런 말씀을 하셨습니다.
"우리 같은 사람들은 기회가 있을 때 잘하는 게 아니라 늘 잘해야 한다."
그리고 공교롭게 얼마 지나지 않아 출연한 차승원 배우님은 또 이런 이야기를 풀어 놓았죠.
"경쟁력이라는 것도 사실 50점 이하면 안 된다. 필요한 여러 자질들에서 최소한 50점은 되어야 그때부터 의미가 생긴다."

02 . 두 분의 이야기를 종합해 보자면 이렇게 요약할 수 있을 겁니다. '적어도 자신의 성과를 다른 사람에게 선보이고 이를 통해 수익을 창출하는 사람이라면, 늘 꾸준히 잘해야 하며 그 퀄리티는 일반적인 기준을 우회해야 한다'라고 말입니다.
그리고 이렇게 정리하고 나니 살짝 오싹해지기도 합니다. 꼭 배우나 제작자가 아니더라도 우리 같은 회사원들 역시도 똑같은 기준을 적용받고 사는 존재들이라는 게 더욱 명확해지니 말입니다.

03 . 물론 그들도, 우리도 수많은 실패를 합니다. 연예인들이라고 매번 히트작을 낼 수는 없는 것처럼 회사에서 하는 공동 업무나 개인적으로 일구는 사업 혹은 과제들 역시 성공보단 실패의 확률이 훨씬 크기 때문이죠. 그래서 가끔은 '세상은 참 가혹한 환경인데도 사람들은 이 가혹함을 인생이라고 정의하며 살고 있구나'하는 생각이 들 때도 있습니다.

04 . 하지만 '잘한다'는 기준에 대해 조금만 생각해 보면 내부로부터의 평가와 외부로부터의 평가가 각각 존재한다는 사실을 발견할 수 있습니다. 대중이나 소비자처럼 우리가 선보이는 결과물을 평가해 줄 집단이 있나 하면, 반대로 그 결과물까지 어떻게 도달했나를 평가해 줄 내부의 동료들과 관계자들이 있으니 말이죠. 전자가 결과의 평가라면 후자는 과정의 평가라고도 볼 수 있겠네요.

05 . 그리고 이 지점에서 또 하나의 고민이 고개를 듭니다. 그럼 우리는 이 각각의 평가단(?)을 어떻게 관리해야 하며, '잘한다'는 기준을 들이밀었을 땐 이 두 평가단으로부터 어떤 평가를 끌어내는 것이 '잘한다'의 의미인 것인지 알쏭달쏭함이 꼬리를 물고 이어지기 때문입니다. 성과는 기가 막히게 뽑아내지만 그 누구에게도 환영받지 못하는 캐릭터가 있고, 성실한 태도와 모자람 없는 실력을 갖췄음에도 유독 성과로 이어지는 그 연결고리가 약한 사람이 있으니까요, 아마 지금 여러분의 머릿속에도 몇몇 사람들이 마치 O, X 게임을 하듯 편을 나눠 양쪽에 선 모습이 그려질 겁니다.

06 . 누가 더 낫다, 아니다를 평가할 수 없다는 건 여러분도 잘 아실 겁니다. 이건 애초에 두부 자르듯 정확하게 가를 수 없는 문제고 파고 내려가다 보면 결국 개인의 스타일과 선호의 문제로 이어질 가능성이 크기 때문입니다.
다만 만약 누군가 제게 '이런 모든 상황을 감안했을 때 늘, 꾸준히, 기본 이상 잘한다는 건 어떤 의미일까요?'라고 묻는다면 저는 이렇게 대답할 것도 같습니다.
"50 이상을 유지하기 위해서는 나만의 기준이 있어야 하고, 늘 꾸준히 잘하기 위해서는 나만의 방법이 있어야 한다"라고 말입니다.

07 . 이에 대해 황상준 감독님과 차승원 배우님은 각각 이런 말을 들려주셨습니다.
"매일 아침 일어나서 정해진 시간에 음악을 만든다. 그게 꾸준히 잘할 수 있게 해주는 것 같다"라는 말과 "우리 같은 직업은 경쟁력 있는 실력, 경쟁력 있는 가격, 경쟁력 있는 인품, 경쟁력 있는 외형이 필요한데 그중 두 가지만 적절히 조합돼도 괜찮게 인정을 받는다. 나는 경쟁력 있는 가격과 인품이 나를 유지하는 방법이다."라는 말이었죠.

08 . 제 생각도 마찬가지입니다. 일단 대부분 스스로 전문성을 가진 분야는 시간이 지남에 따라 점점 실력이 늘어나고 통찰력 또한 깊어질 거라 생각하지만 꼭 그런 것만은 아닙니다. 당장 어제 통용되던 문법이 오늘은 전혀 통하지 않는 시대가 작금의 현실이고, 어느 분야를 막론하고 늘 나보다 더 나은 사람, 더 경험이 많은 사람은 존재하는 법이니 그들을 뛰어넘을 미친 듯한 경쟁력이 없는 이상 적어도 기본 이상을 해낼 수 있는 나만의 기준 하나쯤은 가지고 있어야 합니다. 그래야 새로운 세상이 다가오고 더 잘하는 사람이 등장해도 '내가 지금 무엇을 더 하고, 덜 해야 하나'를 판단할 수 있기 때문이죠.

09 . 더불어 꾸준히 잘하기 위해서는 내 역량을 풀어내는 나만의 방법이 있어야 합니다. 잘하고 싶은 마음이 굴뚝같아도, 언젠가 쌓이고 쌓인 역량이 '팡'하고 터지는 대기만성의 그날을 기약한다고 해도, 누군가의 평가를 받아야 하는 존재들은 일단 눈앞의 있는 것들을 비교적 잘 해내야 합니다. 때문에 내가 나를 잘 이해해야 하고, 내가 나를 잘 활용할 수 있는 힘을 기르지 않고는 꾸준한 퀄리티를 유지하기는 힘듭니다. 시간이 지날수록 나에 대한 정보들이 나에게 잘 유입되고 처리되도록 하는 것이 엄청난 경쟁력이 되는 이유죠.

10 . 말은 이렇게 했지만 꾸준히, 일정 이상 잘한다는 건 정말정말 어려운 일입니다. 그럼에도 이런 이야기를 글로 한 번 풀어본 가장 중요한 이유는 세상 모두가 내 사정을 속속들이 이해해 주진 않는다는 것이고, 한 번 삐끗하는 것만으로도 다시 기회가 주어지지 않는 꽤 쌀쌀맞은 로직이 동작하는 게 현실이기 때문입니다. 그러니 어쩌겠습니까. 달콤한 말로 위로해 줄 수 없는 순간이라면 덤덤하게 삼켜내기를 택해야 할 때도 있는 거죠. 그래도 한가지 희망적인 것은 이런 고민을 하고 사는 것과 하지 않고 사는 것부터 이미 조금씩 차이를 보이기 시작한다는 겁니다. 그런 의미에서 우리는 늘, 꾸준히, 일정 이상 잘하는 방법을 향해 안테나 정도는 세운 셈인지도 모르겠네요.

01 . 황정민 배우님의 동생이자 유명한 영화음악 감독이기도 한 황상준 감독님이 얼마 전 유퀴즈에 출연하셔서 이런 말씀을 하셨습니다. "우리 같은 사람들은 기회가 있을 때 잘하는 게 아니라 늘 잘해야 한다." 그리고 공교롭게 얼마 지나지 않아 출연한 차승원 배우님은 또 이런 이야기를 풀어 놓았죠. "경쟁력이라는 것도 사실 50점 이하면 안 된다. 필요한 여러 자질들에서 최소한 50점은 되어야 그때부터 의미가 생긴다." 02 . 두 분의 이야기를 종합해 보자면 이렇게 요약할 수 있을 겁니다. '적어도 자신의 성과를 다른 사람에게 선보이고 이를 통해 수익을 창출하는 사람이라면, 늘 꾸준히 잘해야 하며 그 퀄리티는 일반적인 기준을 우회해야 한다'라고 말입니다. 그리고 이렇게 정리하고 나니 살짝 오싹해지기도 합니다. 꼭 배우나 제작자가 아니더라도 우리 같은 회사원들 역시도 똑같은 기준을 적용받고 사는 존재들이라는 게 더욱 명확해지니 말입니다. 03 . 물론 그들도, 우리도 수많은 실패를 합니다. 연예인들이라고 매번 히트작을 낼 수는 없는 것처럼 회사에서 하는 공동 업무나 개인적으로 일구는 사업 혹은 과제들 역시 성공보단 실패의 확률이 훨씬 크기 때문이죠. 그래서 가끔은 '세상은 참 가혹한 환경인데도 사람들은 이 가혹함을 인생이라고 정의하며 살고 있구나'하는 생각이 들 때도 있습니다. 04 . 하지만 '잘한다'는 기준에 대해 조금만 생각해 보면 내부로부터의 평가와 외부로부터의 평가가 각각 존재한다는 사실을 발견할 수 있습니다. 대중이나 소비자처럼 우리가 선보이는 결과물을 평가해 줄 집단이 있나 하면, 반대로 그 결과물까지 어떻게 도달했나를 평가해 줄 내부의 동료들과 관계자들이 있으니 말이죠. 전자가 결과의 평가라면 후자는 과정의 평가라고도 볼 수 있겠네요. 05 . 그리고 이 지점에서 또 하나의 고민이 고개를 듭니다. 그럼 우리는 이 각각의 평가단(?)을 어떻게 관리해야 하며, '잘한다'는 기준을 들이밀었을 땐 이 두 평가단으로부터 어떤 평가를 끌어내는 것이 '잘한다'의 의미인 것인지 알쏭달쏭함이 꼬리를 물고 이어지기 때문입니다. 성과는 기가 막히게 뽑아내지만 그 누구에게도 환영받지 못하는 캐릭터가 있고, 성실한 태도와 모자람 없는 실력을 갖췄음에도 유독 성과로 이어지는 그 연결고리가 약한 사람이 있으니까요, 아마 지금 여러분의 머릿속에도 몇몇 사람들이 마치 O, X 게임을 하듯 편을 나눠 양쪽에 선 모습이 그려질 겁니다. 06 . 누가 더 낫다, 아니다를 평가할 수 없다는 건 여러분도 잘 아실 겁니다. 이건 애초에 두부 자르듯 정확하게 가를 수 없는 문제고 파고 내려가다 보면 결국 개인의 스타일과 선호의 문제로 이어질 가능성이 크기 때문입니다. 다만 만약 누군가 제게 '이런 모든 상황을 감안했을 때 늘, 꾸준히, 기본 이상 잘한다는 건 어떤 의미일까요?'라고 묻는다면 저는 이렇게 대답할 것도 같습니다. "50 이상을 유지하기 위해서는 나만의 기준이 있어야 하고, 늘 꾸준히 잘하기 위해서는 나만의 방법이 있어야 한다"라고 말입니다. 07 . 이에 대해 황상준 감독님과 차승원 배우님은 각각 이런 말을 들려주셨습니다. "매일 아침 일어나서 정해진 시간에 음악을 만든다. 그게 꾸준히 잘할 수 있게 해주는 것 같다"라는 말과 "우리 같은 직업은 경쟁력 있는 실력, 경쟁력 있는 가격, 경쟁력 있는 인품, 경쟁력 있는 외형이 필요한데 그중 두 가지만 적절히 조합돼도 괜찮게 인정을 받는다. 나는 경쟁력 있는 가격과 인품이 나를 유지하는 방법이다."라는 말이었죠. 08 . 제 생각도 마찬가지입니다. 일단 대부분 스스로 전문성을 가진 분야는 시간이 지남에 따라 점점 실력이 늘어나고 통찰력 또한 깊어질 거라 생각하지만 꼭 그런 것만은 아닙니다. 당장 어제 통용되던 문법이 오늘은 전혀 통하지 않는 시대가 작금의 현실이고, 어느 분야를 막론하고 늘 나보다 더 나은 사람, 더 경험이 많은 사람은 존재하는 법이니 그들을 뛰어넘을 미친 듯한 경쟁력이 없는 이상 적어도 기본 이상을 해낼 수 있는 나만의 기준 하나쯤은 가지고 있어야 합니다. 그래야 새로운 세상이 다가오고 더 잘하는 사람이 등장해도 '내가 지금 무엇을 더 하고, 덜 해야 하나'를 판단할 수 있기 때문이죠. 09 . 더불어 꾸준히 잘하기 위해서는 내 역량을 풀어내는 나만의 방법이 있어야 합니다. 잘하고 싶은 마음이 굴뚝같아도, 언젠가 쌓이고 쌓인 역량이 '팡'하고 터지는 대기만성의 그날을 기약한다고 해도, 누군가의 평가를 받아야 하는 존재들은 일단 눈앞의 있는 것들을 비교적 잘 해내야 합니다. 때문에 내가 나를 잘 이해해야 하고, 내가 나를 잘 활용할 수 있는 힘을 기르지 않고는 꾸준한 퀄리티를 유지하기는 힘듭니다. 시간이 지날수록 나에 대한 정보들이 나에게 잘 유입되고 처리되도록 하는 것이 엄청난 경쟁력이 되는 이유죠. 10 . 말은 이렇게 했지만 꾸준히, 일정 이상 잘한다는 건 정말정말 어려운 일입니다. 그럼에도 이런 이야기를 글로 한 번 풀어본 가장 중요한 이유는 세상 모두가 내 사정을 속속들이 이해해 주진 않는다는 것이고, 한 번 삐끗하는 것만으로도 다시 기회가 주어지지 않는 꽤 쌀쌀맞은 로직이 동작하는 게 현실이기 때문입니다. 그러니 어쩌겠습니까. 달콤한 말로 위로해 줄 수 없는 순간이라면 덤덤하게 삼켜내기를 택해야 할 때도 있는 거죠. 그래도 한가지 희망적인 것은 이런 고민을 하고 사는 것과 하지 않고 사는 것부터 이미 조금씩 차이를 보이기 시작한다는 겁니다. 그런 의미에서 우리는 늘, 꾸준히, 일정 이상 잘하는 방법을 향해 안테나 정도는 세운 셈인지도 모르겠네요.

늘, 꾸준히, 일정 기준 이상으로 '잘하기'

An overview of Go syntax and features. Contribute to a8m/golang-cheat-sheet development by creating an account on GitHub.

GitHub - a8m/golang-cheat-sheet: An overview of Go syntax and features.

Golang을 한번 훓었는데 까먹었거나,
책한권 보는 것은 귀찮으신 분은 이거 참고하시면 될 것 같습니다.
목차가 아주 알차네요~

- Basic Syntax (기본 문법)
- Operators (연산자)
- Declarations (선언)
- Functions (함수)
- Built-in Types (내장 타입)
- Type Conversions (타입 변환)
- Packages (패키지)
- Control structures (제어 구조)
- Arrays, Slices, Ranges (배열, 슬라이스, 범위)
- Maps (맵)
- Structs (구조체)
- Pointers (포인터)
- Interfaces (인터페이스)
- Embedding (임베딩)
- Errors (오류 처리)
- Concurrency (동시성)
- Printing (출력)
- Reflection (리플렉션)
- Snippets (코드 스니펫)

https://github.com/a8m/golang-cheat-sheet/tree/master

Golang을 한번 훓었는데 까먹었거나,책한권 보는 것은 귀찮으신 분은 이거 참고하시면 될 것 같습니다.목차가 아주 알차네요~ - Basic Syntax (기본 문법)- Operators (연산자)- Declarations (선언)- Functions (함수)- Built-in Types (내장 타입)- Type Conversions (타입 변환)- Packages (패키지)- Control structures (제어 구조)- Arrays, Slices, Ranges (배열, 슬라이스, 범위)- Maps (맵)- Structs (구조체)- Pointers (포인터)- Interfaces (인터페이스)- Embedding (임베딩)- Errors (오류 처리)- Concurrency (동시성)- Printing (출력)- Reflection (리플렉션)- Snippets (코드 스니펫) https://github.com/a8m/golang-cheat-sheet/tree/master

GitHub

Golang 치트 시트

1
스티브 잡스는 매일 아침 거울 앞에서 스스로에게 물었다. 오늘이 내 삶의 마지막 날이라면, 지금 이 일을 계속할 거냐고.

2
모멘토 모리. 죽음을 기억하라. 죽음은 인간이 만든 최고의 발명품이다. 그 누구도 예외 없다. 사람은 모두 죽는다. 사람의 시간은 유한하다.

3
그럼에도 우리는 시간을 무한한 자원처럼 다룬다. 눈에 보이지 않기 때문이다. 한 시간, 하루, 한 달. 보이지 않는 시간을 단위로 개념화했다. 그럼에도 시간은 잘 와닿지 않는다.

4
우선순위는 보이지 시간에 대한 결정이다. 한정된 시간을 어디에 쓸 것인가. 사람의 삶과 마찬가지로 기업에게도 가장 중요하다.

5
텅 빈 투명한 통이 있다. 여기 다양한 크기의 돌멩이를 담는다. 통은 시간이다. 돌멩이는 우리가 시간을 쓰는 일이다.

6
돌의 크기는 저마다 다르다. 크기는 중요도와 비례한다고 하자. 어떤 걸 먼저 담아야 같은 통에 가장 많은 돌을 채울 수 있을까? 쉽다. 큰 돌을 먼저 담은 다음, 나머지 공간을 작은 돌로 채운다. 가장 밀도가 높다. 시간을 효율적으로 쓴 셈이다.

7
순서를 거꾸로 한다면 어떻게 될까? 작은 돌들을 먼저 채운다. 나중에 큰 돌을 담아본다. 몇 개 들어가지 않는다. 많은 작은 돌들이 이미 꽉 차버렸으니까. 큰일이다. 그래도 돌멩이는 쏟고 다시 담으면 된다. 하지만, 써버린 시간은 되돌릴 수 없다.

8
부와 성공을 이룬 사람은 돈으로 최대한 시간을 산다. 중요하지 않은 결정은 시간을 안 쓴다. 매일 같은 옷을 입고, 같은 식단을 먹는다.

9
기업도 마찬가지다. 기업의 시간은 구성원의 시간이다. 구성원의 수만큼 시간이 있는 셈이다.

10
기업의 시간을 늘리는 방법은 두 가지다. 채용을 해서 구성원의 수를 늘리면 된다. 빠르게 시간을 늘릴 수 있다. 하지만 감당해야 할 대가가 매우 크다. 되돌리기 어려운 결정이다.

11
다른 방법은 시간 사용을 효율화하는 것이다. 높은 역량이 있는 사람을 채용한다. 성과를 내는 과정을 효율화한다.

12
'어떤 일을 할 시간이 없다'라는 말은 사실 '그 일은 우선순위에 없다'라는 말과 같다. 최악은 내가 가진 돌멩이에 우선순위가 없는 것이다. 이 돌, 저 돌 건드리다 결국 하나도 제대로 해내지 못한다. 흐지부지 시간은 계속 흐른다.

13
모래시계처럼 우리의 남은 시간을 눈으로 볼 수 있다면 얼마나 좋을까. 조금은 더 효율적으로 살 수 있지 않을까.

14
시각은 뇌가 다루는 감각의 90%를 차지한다. 그래서 우리는 눈에 안 보이는 걸 덜 중요하게 여긴다.

15
시간, 결정, 건강, 관계. 살면서 점점 더 중요한 것들은 눈에 보이지 않는다는 것을 깨닫는다. 무의식의 흐름대로 살다가도 문득문득 멈춰서 다시 챙겨 본다. 나는 지금 보이지 않는 것들을 잘 챙겨가고 있을까.

1 스티브 잡스는 매일 아침 거울 앞에서 스스로에게 물었다. 오늘이 내 삶의 마지막 날이라면, 지금 이 일을 계속할 거냐고. ​ ​2 모멘토 모리. 죽음을 기억하라. 죽음은 인간이 만든 최고의 발명품이다. 그 누구도 예외 없다. 사람은 모두 죽는다. 사람의 시간은 유한하다. ​ ​3 그럼에도 우리는 시간을 무한한 자원처럼 다룬다. 눈에 보이지 않기 때문이다. 한 시간, 하루, 한 달. 보이지 않는 시간을 단위로 개념화했다. 그럼에도 시간은 잘 와닿지 않는다. ​ ​4 우선순위는 보이지 시간에 대한 결정이다. 한정된 시간을 어디에 쓸 것인가. 사람의 삶과 마찬가지로 기업에게도 가장 중요하다. ​ ​5 텅 빈 투명한 통이 있다. 여기 다양한 크기의 돌멩이를 담는다. 통은 시간이다. 돌멩이는 우리가 시간을 쓰는 일이다. ​ ​6 돌의 크기는 저마다 다르다. 크기는 중요도와 비례한다고 하자. 어떤 걸 먼저 담아야 같은 통에 가장 많은 돌을 채울 수 있을까? 쉽다. 큰 돌을 먼저 담은 다음, 나머지 공간을 작은 돌로 채운다. 가장 밀도가 높다. 시간을 효율적으로 쓴 셈이다. ​7 순서를 거꾸로 한다면 어떻게 될까? 작은 돌들을 먼저 채운다. 나중에 큰 돌을 담아본다. 몇 개 들어가지 않는다. 많은 작은 돌들이 이미 꽉 차버렸으니까. 큰일이다. 그래도 돌멩이는 쏟고 다시 담으면 된다. 하지만, 써버린 시간은 되돌릴 수 없다. ​8 부와 성공을 이룬 사람은 돈으로 최대한 시간을 산다. 중요하지 않은 결정은 시간을 안 쓴다. 매일 같은 옷을 입고, 같은 식단을 먹는다. ​ ​9 기업도 마찬가지다. 기업의 시간은 구성원의 시간이다. 구성원의 수만큼 시간이 있는 셈이다. ​ ​10 기업의 시간을 늘리는 방법은 두 가지다. 채용을 해서 구성원의 수를 늘리면 된다. 빠르게 시간을 늘릴 수 있다. 하지만 감당해야 할 대가가 매우 크다. 되돌리기 어려운 결정이다. ​ ​11 다른 방법은 시간 사용을 효율화하는 것이다. 높은 역량이 있는 사람을 채용한다. 성과를 내는 과정을 효율화한다. ​ ​12 '어떤 일을 할 시간이 없다'라는 말은 사실 '그 일은 우선순위에 없다'라는 말과 같다. 최악은 내가 가진 돌멩이에 우선순위가 없는 것이다. 이 돌, 저 돌 건드리다 결국 하나도 제대로 해내지 못한다. 흐지부지 시간은 계속 흐른다. ​ ​13 모래시계처럼 우리의 남은 시간을 눈으로 볼 수 있다면 얼마나 좋을까. 조금은 더 효율적으로 살 수 있지 않을까. ​ ​14 시각은 뇌가 다루는 감각의 90%를 차지한다. 그래서 우리는 눈에 안 보이는 걸 덜 중요하게 여긴다. ​ ​15 시간, 결정, 건강, 관계. 살면서 점점 더 중요한 것들은 눈에 보이지 않는다는 것을 깨닫는다. 무의식의 흐름대로 살다가도 문득문득 멈춰서 다시 챙겨 본다. 나는 지금 보이지 않는 것들을 잘 챙겨가고 있을까.

< 죽음을 기억하라. 중요한 것들은 눈에 보이지 않는다 >

리액트 v19 릴리스가 임박한 현재, Suspense는 아직 최적기에 사용할 준비가 되지 않았습니다. API와 내부가 아직 불완전해 보입니다. 지금부터 함께 Suspense 지원 라이브러리를 만들어서 사용해 봅시다!

[번역] Suspense를 지원하는 라이브러리를 직접 구축하며 Suspense 학습하기

오늘 소개해드릴 글은 이스트소프트의 김태현님이 번역해주신 글입니다.

현재 리액트 18버전에서는 Suspense와 ErrorBoundary가 fetch와 같은 비동기 처리를 지원하지 않습니다. 그래서 fetch와 함께 사용 시 해당 기능을 활용하기위해 tanstack-query 또는 SWR과 같은 라이브러리를 많이 사용할 것으로 예상되는데요.

저 또한 현업에서 이런 라이브러리의 동작 방식에 대해 궁금한 점이 많고 왜 Suspense에선 fetch를 지원하지 않는지에 대해 궁금하던 중, 이글을 통해 궁금증을 해소할 수 있었습니다!

이번 글은 Promise의 각 상태를 이해하고 캐싱 처리를 직접 구축하며, Suspense와 ErrorBoundary를 지원하는 비동기 처리를 구현해 보는 것을 목표로 합니다. 라이브러리를 사용하지 않고 하나씩 구축해 보면서 공부해 보고 싶으신 분들은 이번 기회에 이 글을 통해서 한번 시도해 보시는 것을 추천해 드립니다 :)

> 글 링크: https://velog.io/@tap_kim/react-learn-suspense

오늘 소개해드릴 글은 이스트소프트의 김태현님이 번역해주신 글입니다. 현재 리액트 18버전에서는 Suspense와 ErrorBoundary가 fetch와 같은 비동기 처리를 지원하지 않습니다. 그래서 fetch와 함께 사용 시 해당 기능을 활용하기위해 tanstack-query 또는 SWR과 같은 라이브러리를 많이 사용할 것으로 예상되는데요. 저 또한 현업에서 이런 라이브러리의 동작 방식에 대해 궁금한 점이 많고 왜 Suspense에선 fetch를 지원하지 않는지에 대해 궁금하던 중, 이글을 통해 궁금증을 해소할 수 있었습니다! 이번 글은 Promise의 각 상태를 이해하고 캐싱 처리를 직접 구축하며, Suspense와 ErrorBoundary를 지원하는 비동기 처리를 구현해 보는 것을 목표로 합니다. 라이브러리를 사용하지 않고 하나씩 구축해 보면서 공부해 보고 싶으신 분들은 이번 기회에 이 글을 통해서 한번 시도해 보시는 것을 추천해 드립니다 :) &gt; 글 링크: https://velog.io/@tap_kim/react-learn-suspense

velog.io

프론트엔드 개발자

정다빈

스타트업 개발자

전지원

미리캔버스 프론트엔드 개발자

김재훈

문제해결에 도움되는 기술들을 좋아합니다.
미리캔버스 웹&앱을 개발중이며, 프롬프트 엔지니어링에 관심있습니다 :)

Suspense를 지원하는 라이브러리를 직접 구축하며 학습하기

Official Account를 개발하고 있습니다.

프런트엔드 개발자

프론트엔드 업무 인턴십을 수행했습니다. React를 이용해 설문조사 폼을 만드는 과제를 수행했습니다. 

프런트엔드 인턴쉽

TOAST UI 오픈소스 메인테이닝 업무를 수행했습니다.

JSP 기반의 환경에서 웹 페이지 퍼블리싱 업무를 주로 수행했습니다. jQuery와 HTML, CSS를 사용해 개발했습니다.

퍼블리셔 및 프런트엔드 개발자

컴퓨터 정보공학과

한정(Jung Han)

블로그

링크드인

프런트엔드 기술에 관심이 많고 공유하는것을 좋아합니다.
효율적이게 일하는 것을 중요하게 여기며 팀에 도움이 되는 활동에 관심이 많습니다. 
요즘은 Korean FE Article이란 프런트엔드 아티클 번역 활동을 운영하고 있습니다.
#개발자 #프론트엔드

Suspense를 지원하는 라이브러리를 직접 구축하며 학습하기

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필