깃허브의 CI 서비스인 GitHub Actions를 사용하여 자바스크립트 프로젝트의 지속 통합(Continuous Integration)을 위한 워크플로우를 구성하는 방법에 대해서 알아보겠습니다. 또한 자바스크립트 프로젝트에서 GitHub Actions 셋업이 용이하도록 깃허브에서 제공하는 Setup Node 액션에 대해서도 살펴보겠습니다.

GitHub Actions 자바스크립트 셋업 | 달레의 GitHub

GitHub Actions에서 하나의 작업(job)은 순차적으로 실행되는 여러 단계(step)로 모델링이 되는데요. 이 단계는 단순한 커맨드(command)나 스크립트(script)가 될 수도 있고 액션(action)이라고 하는 좀 더 복잡한 명령 단위일 수도 있습니다.

이번 시간에는 GitHub Actions에서 작업(Job)의 근간이 되는 단계(step)에 대해서 좀 더 깊이 다뤄보도록 하겠습니다.

📺 동영상: https://youtu.be/8JM8ItAW1No
📝 포스팅: https://www.daleseo.com/github-actions-steps/
🧑‍💻 실습 저장소: https://github.com/DaleSchool/github-actions-steps

깃허브의 CI 도구인 GitHub Actions에 대해 공부하고 계시다면 아래 게시물도 함께 참고하시면 도움이 될 것 같습니다.

📕 GitHub Actions의 소개와 핵심 개념: https://careerly.co.kr/comments/87570
📗 GitHub Actions 첫 워크플로우 생성해보기: https://careerly.co.kr/comments/89206
📘 GitHub Actions의 체크아웃 액션으로 코드 내려받기: https://careerly.co.kr/comments/89589
📙 GitHub Actions의 캐시 액션으로 패키지 설치 최적화하기: https://careerly.co.kr/comments/90024
📓 GitHub Actions 자바스크립트 셋업: https://careerly.co.kr/comments/90868

YouTube

GitHub Actions 단계(step) 고급 설정

1. 정보가 필요하다고 느끼신적은 얼마나 있으신가요?
2. 필요한 정보만 제공해주는 사이트를 필요하다고 느끼신 적은 얼마나 있으신가요?
3. ‘문제해결'이 왜 필요하세요?
4. ‘문제해결'을 위해 반복하는 행위가 하루에 몇번이나 되시나요?
5. 무엇 때문에 ‘문제해결'이 필요하신가요?
6. 어떤 상황에서 사용하시나요?
7. 문제 해결을 위해 현재는 어떻게 해결하고 계신가요?
8. 위 방법 말고 다른 방법에는 무엇이 있나요?
<우리의 제품을 보여준 후>
1. 무엇을 해결하기 위해 사용하시겠어요?
2. 몇 번이나 사용하시겠어요?

유저 인터뷰 질문리스트

Share your videos with friends, family, and the world

Devoxx Belgium 2023

다양한 테크 주제로 매년 흥미로운 발표들이 많은 Devoxx 2023 컨퍼런스가 드디어 시작되었습니다.  Josh Long의 AOT with Spring Boot 3, GitHub Copilot 이야기 등 재밌어 보이는 제목들이 많네요! 

https://www.youtube.com/playlist?list=PLRsbF2sD7JVoSl0q9XTZ_RKlucdQL5sBp

Devoxx Belguim 2023

We analyzed Brawl Stars' removing loot boxes before and after the box-removing update. But the real question was left unanswered: how would this affect the revenue? We look deeper in this update.

Why Removing Loot Boxes in Brawl Stars Failed - Deconstructor of Fun

2022년 12월 슈퍼셀의 브롤스타즈는 중요한 결정을 합니다.
바로 확률에 기반한 상자를 제거하고, 직접 구매 시스템을 도입하는 결정이였습니다.

실제로 많은 게임에서 사용 중인 확률 상자는 과도한 현질 유도로 비판을 받았고, 슈퍼셀은 조금 과감하게 이를 삭제하는 실험을 함으로써, 게임계의 새로운 도전을 내비쳤습니다.

그에 따른 사업적 결과는 실패에 가깝다고 할 수 있습니다.
- 상자를 제거하고, 5개월동안 수익이 14%감소했습니다.
- 전체적인 모바일 다운로드 수가 약 13% 감소했습니다.
- 다운로드당 수익 또한 감소했습니다.

허나, 개인적인 의견으로는 게임 업계에 미래 관점에서는 조금은 성공이지 않나 싶습니다. 
최근 기업에서 추구하는 ESG경영처럼, 확률 상자가 없는 게임으로 1년간 라이브를 유지하며 지속가능성을 보여주었습니다. 아쉽게도 현재의 국내 게임 업계는 가챠, 확률 상자를 이용해 돈을 버는 것에 매우 익숙합니다. 하지만 이러한 가챠 방식은 유저들을 지치게 했고, 현재 모바일 게임 개발사나 국내 빅 게임 회사들의 매출도 지속적으로 감소하고 있는 중입니다. 이게 가챠박스 때문이라고 하긴 어렵지만, 가챠박스라는 틀안에서 비슷한 게임과 비슷한 형태의 결제 유도만 나오는 것이 영향을 주었다고 생각합니다. 
 이 관점에서 슈퍼셀의 브롤스타즈가 제시한 가챠 박스가 없는 게임이 가야하는 길은 배울점이 참 많은것 같습니다. 앞으로의 지속가능한 게임 개발방식을 고민하게 될 뿐만 아니라 가챠가 아닌 수단으로 돈을 버는 방법에 대해서 고민해보게 되는 것까지도요. 우리도 새로운 길을 찾아가야할 시점이 아닌가 싶습니다.

Deconstructor of Fun

확률 상자를 제거한 브롤스타즈는 진짜 실패한걸까?

Whether you are a student in school or a dreamer working towards your goal, doing life alone is hard. I've watched a lot of life lesson videos in my 20s and wanted to share this for those looking to avoid "mistakes". Here are 5 things I wish I knew earlie

5 Mistakes I Made That You Can Avoid

열심히 하는데 왜 결과가 다르지 않을까요? 결과가 좋지만 왜 미친 듯이 열심히 하지 않는 친구와 결과가 비슷할까요? 

민사고를 졸업한 후 UC Berkeley에서 경제학을 공부하고 아이비리그에서 MBA를 수료한 친구의 조언이 담긴 영상을 봤습니다. 엔지니어가 공감할 수 있는 포인트가 많아서 영상 내용을 간단하게 정리한 후 개발자의 관점으로 제 생각도 함께 공유합니다. 

1️⃣ 스펙을 쌓기 위해 무조건 다 열심히 하는 것

> 목표를 먼저 정하고, 그 목표에 도달하는 데 도움 되는 것을 우선으로 해야 한다. 민사고 학생이었을 당시 목표 없이 농구, 오케스트라, 토론 팀 등등 여러 가지 교외 활동을 많이 했다. 대학 지원서를 쓰려고 그동안 쌓아온 스펙을 보고 자신을 대표할 수 있는 공통 분모를 찾을 수 없었다. 그저 이것 저것 막 하고 있었다는 걸 느꼈다.

👩🏻‍💻 개발자도 실력 향상을 위해 여러 가지 학습 코스를 들어 보는 것과 비슷한 것 같습니다. 예전 포스팅에서 뭘 공부해야 할지는 모르겠고 뒤처지기 싫어서 이것 저것 배우는 것에 관해 이야기했었습니다. 열심히 배운 건 많은데 정작 내 일과 성장에 필요한 스킬을 얻지 않았다고 느꼈을 때가 있었어요. 지금 다시 시작한다면 목표를 정확하게 세우고 필요한 공부부터 할 것 같아요.

그리고 개발자는 평생 학습해야 하는 것 같아요. 다른 직종도 비슷하겠지만 기술 트렌드가 빠르게 변화하는 개발은 더욱더 학습하는 걸 습관으로 만들어야 하는 것 같아요. 여러 가지 다 하려고 하면 결국 번아웃와서 오래하지 못합니다. 번아웃을 예방하려면 목표에 도달하는 데 도움 되는 것에 집중해야 한다는 걸 느꼈습니다.

2️⃣ 남의 말에 흔들리는 것

> 자신의 가치는 내 스스로 정한다. 다른 사람의 말보다 스스로 나 자신을 어떻게 생각하는지가 더 중요하다.  예시로 MBA를 지원할 당시 멘토가 자신이 지원하려고 한 탑 MBA 프로그램에 합격할 수 없을 것 같다고 말한 것을 알게 되었다. 다른 사람이 내가 합격할 실력이 안 된다고 평가한 것에 상처받았지만, 결국에는 그들의 의견과 생각이 틀렸다는 것을 증명했다. 스스로 자신을 되돌아보는 습관을 갖고 일기에 자신감이 부족한 점을 적어봤다. 

👩🏻‍💻 많은 개발자가 경력에 상관없이 가면 증후군(Imposter Syndrome)에 시달리는 것 같아요. "나는 알고리즘을 잘 모르니까, LeetCode 문제를 30분 안에 못 푸니까, 나는 이 서비스를 구현한 적이 없으니까..."와 같이 실력이 부족하다는 생각을 많이 하는 것 같습니다(그리고 그런 피드백을 받기도 합니다). 이런 생각이 동기부여가 되기도 하지만 오히려 좌절하고 포기하게 되는 경우가 더 많은 것 같아요. 부족한 점을 상기시키는 것보다, "난 할 수 있다"라는 긍정적인 생각을 하고 미래를 그려보는 데 에너지를 쏟는 게 도움 되었던 것 같아요.

3️⃣ 이기적인 사람이 되는 것

> 인간관계에 시간을 쏟지 않고 "내가 잘 나가면 사람들은 자연스럽게 따라오게 된다"라는 오만한 생각을 가진 것을 후회한다. 스펙을 쌓기 위해 여러 가지를 하다 보니 후배나 친구들을 챙길 시간이 없었다. 오랜 시간 동안 투자하고 형성한 인간 관계는 후에 나에게 큰 도움을 줄 수 있고 나의 평판에 영향을 미친다. 

👩🏻‍💻 어차피 코딩은 보여줄 수 있는 결과물이니까 '내 코딩 업무만 잘하면 된다'라고 생각할 수도 있습니다. 지금 후회하는 건 주니어 시절 인간 관계 형성과 관련된 스킬(소프트 스킬)을 쌓고 배우는 데 시간 투자를 많이 하지 않은 것입니다. 시간이 지나면서 인간 관계 형성 및 관리 스킬이 기술 실력만큼 중요하다는 것을 배웠습니다. 대학 과제로 단순한 시스템이나 기능을 넣는 건 혼자 해내는 게 가능하지만 실무는 혼자 일하는 게 아니라 모든 사람과 함께 결과를 이루어 내야 합니다. 

4️⃣ 공부하는 것을 싫어하는 것

> "피할 수 없으면 즐겨라"라는 마음가짐을 가져야 한다. 학습하는 것을 마치 게임하는 것처럼 즐겁게 만들면 좋다. 배움은 평생 지속되며, 배운 것으로 결과물을 낸다. 

👩🏻‍💻 코딩 공부하다가 좌절했던 적이 있었는데 그 이유를 생각해 보니 한 번도 접하지 않은 어려운 주제를 한꺼번에 배우려고 했던 것 같아요. 대학생 때는 빠른 시일 내에 전공 공부를 마치고 졸업하기 위해 어쩔 수 없이 다양한 지식을 빨리 습득해야 했습니다. 이렇게 하니 수박 겉핥기식으로 배운 개념이 많았던 것 같아요. 하지만 직장인이 된 후 쉬운 주제부터 먼저 배우고 따라 해 봤습니다. 그 후 혼자 해보면서 성취감을 느끼며 배움에 흥미를 느끼기 시작했던 것 같아요.

코딩 테스트 문제 풀 때도 비슷한 것 같아요. 취업 준비할 때 자주 출제 되는 어려운 문제부터 풀었습니다. 문제를 못풀어서 좌절하게 되었고 알고리즘 문제 풀기를 더 피했던 것 같아요. 예전 취업 준비 포스팅에 언급했었는데,  쉬운 문제부터 풀어 보는 게 좋습니다. 예를 들면 당시 BFS/DFS 관련 문제를 푸는 게 Dynamic Programming/Backtracking 문제를 푸는 것보다 쉬웠어요. 관련 주제의 낮은 난이도 문제 중에 통과율이 높은 문제부터 풀어 봤어요. 통과율이 높다는 건 다른 사람도 쉽게 풀 수 있는 난이도가 낮은 문제입니다. 통과율이 높고 쉬운 문제는 저도 스스로 풀 수 있어서 자신감이 생기기 시작했어요. 이런식으로 연습하니까 좌절하기 보다는 성취감이 느껴지기 시작했습니다. 성취감을 느끼기 시작하니까 배움에 즐거움을 느끼기 시작했던 것 같아요.

👉 채널에 있는 시간 관리법이나 다른 유익한 정보가 많은 영상도 확인해 보세요!
 
https://youtu.be/0I0GPEyXlq0?si=rqmcwsh681rjRNYN

🪴 함께 읽으면 좋은 글

[개발자의 공부법] 뭘 공부해야 되지?
https://careerly.co.kr/comments/67013

학습 속도 끌어올려 취업하기
https://careerly.co.kr/comments/88930

롱런하는 개발자 마인드셋
https://careerly.co.kr/comments/88754

같이 일하고 싶은 엔지니어 되는 법
https://careerly.co.kr/comments/72550

15년 동안 꾸준히 개발 공부하는 비결은?
https://careerly.co.kr/comments/60794

성장형 개발자가 피해야 할 실수

Level up your coding skills. No more passive learning. Interactive in-browser environments keep you engaged and test your progress as you go.

Educative: Interactive Courses for Software Developers

최근 자주 사용하고 있는 기술, 개발 및 자기 계발 학습 자료를 모아서 공유합니다.

1️⃣ Educative.io

퀄리티가 상당히 높은 기술 관련 코스가 많은 것 같아요. 현재까지 코스 3개를 들었습니다. 책처럼 읽으면서 배우는 코스라 듣는 것보다 읽으면서 학습하는 걸 선호하는 분들에게 추천합니다. 주제를 깊이 파고들고 코드나 설계 예시가 많아서 잘 사용하는 것 같습니다. 최근에 Concurrency관련 코스를 듣고 있습니다.

https://www.educative.io/

2️⃣ Designing Data Intensive Applications

라지 스케일, 분산 시스템 관련 기본 개념을 쌓을 수 있는 책입니다. 유익해서 세 번째 다시 읽어 보고 있어요. 개념을 꽤 깊이 파고들어서 처음 읽었을 때는 '이해 못 해도 일단 읽기 속도부터 낸다'라는 마음가짐으로 읽었고, 다시 읽을 때는 이해하기 어려웠던 점을 이해했던 것 같아요. 최근 다시 세 번째로 읽을 때는 책에 참고된 부속 자료 중에 도움 될 것 같은 자료도 함께 읽고 있습니다.

https://www.oreilly.com/library/view/designing-data-intensive-applications/9781491903063/

3️⃣ fast.ai

AI에 관한 지식은 대학 전공 시절 AI수업을 들은 게 다고, 관련 직종이 아니라 꾸준히 학습하지 않았었습니다. 그래서 전공 수업 책을 다시 읽어 보거나 따로 코스를 듣기에는 시간이 너무 소요되고 그럴 필요는 없는 것 같아서 온라인 자료를 찾았습니다. 신문 읽기 식으로 가끔 생각날 때 시간 투자해서 읽어 보면 좋은 사이트인 것 같아요. 학습 코스도 제공하고 있어서 특정 개념을 학습하고 싶으신 분은 코스 탭을 확인해 보세요.

https://www.fast.ai/#category=courses

4️⃣ https://algorithm-visualizer.org/

알고리즘 이해를 돕기 위해 사용하는 도구. 예시 자바스크립트 코드랑 코드 실행을 눈으로 쉽게 보여 주기 위해 다이어그램이 함께 있어서 도움 되었던 것 같아요. 특히 Dynamic Programming 코드 이해력을 높이기 위해 가끔 사용해요.

5️⃣ https://tldr.tech

테크 트렌드를 뉴스레터로 받아서 읽어 보는 데 도움 되는 것 같아요. 뉴스레터에 있는 아티클 하나하나 다 읽어 보는 건 시간 없어서 못 하고 대충 뉴스레터에 내용을 요약해 줘서 그것만 읽기도 합니다. 관심 있는 주제는 원문도 함께 읽어 보기도 합니다.

6️⃣ 소프트 스킬

소프트 스킬 관련 영상은 팟 캐스트처럼 틀어 놓고 듣는데, 요즘은 아래 채널을 자주 이용합니다. 의사소통 스킬과 여러 가지 직장 생활에 도움 되는 정보가 많아서 종종 시청하고 있어요.

https://www.youtube.com/@DrGraceLee

7️⃣ 알고리즘, 자료 구조 무료 온라인 책

컴공 수업 때문에 알고리즘, 자료 구조 관련 책을 처음 읽어 본 이후 10년 이상 지났지만, 가끔 다시 읽어 봅니다. 최근에 무료 온라인 책을 찾아서 읽어 보고 있습니다. 영문으로 알고리즘, 자료 구조를 공부하고 싶은 분이나 해외 취업 준비 중인 분이라면 한 번 읽어 보는 걸 추천합니다.

https://www.kartikkapur.com/documents/DataStructuresAndAlgorithms.pdf

🪴 함께 읽으면 좋은 글

면접용 알고리즘, 자료 구조 CheatSheet 15개
https://careerly.co.kr/comments/89598

실력 향상을 위한 해외 유튜브 채널 10개
https://careerly.co.kr/comments/88786

성장형 개발자에게 필요한 학습법
https://careerly.co.kr/comments/87769

Educative

기술, 개발 학습 자료 7가지

안녕하세요. 리멤버 프로덕트 디자이너 김희경입니다. 명함관리 서비스로 시작해 구인구직 서비스와 직장인 커뮤니티 서비스, 데일리 뉴스 콘텐츠까지 직장인을 위한 다양한 서비스를 리멤버에서 제공해왔는데요. 이 모든 서비스를 한 화면에서 경험할 수 있는 새로운 화면을 신설하기에 앞서 사용성 테스트(Usability Test)를 진행했었어요. 새로운 피쳐가 배포되기 이전에 사용성 테스트를 진행하며 경험한 UT 설계와 모더레이팅 과정에서 느낀 인사이트를 공유드릴게

리멤버에서 UT(사용자 테스트)는 어떻게 진행하나요? - DRAMA&COMPANY

프로덕트 피쳐가 배포되기 이전에 사용성 테스트(UT) 를 진행한다면 더욱 유저에게 의미있는 프로덕트를 제공할 수 있게 되는데요.
리멤버에서 새로운 피쳐가 배포되기전에 사용성 테스트를 진행하며 경험한 UT 설계와 모더레이팅 과정에서 느낀 인사이트를 공유해주신 글이 있어 전달드립니다.

🏃‍♂️UT는 언제 진행하나요 ? 
사용성 테스트는 신규 기능을 기획하는 단계 또는 신규 기능을 런칭하기 전 실제 사용자에게 보여드리면서 우리 생각대로 사용하는지, 문제점은 없는지 검증하기 위해 진행합니다.
특히 첫 화면을 신규로 만드는 경우는, 기존 대비 사용자가 불편하게 느끼시는 부분은 없는지 사전에 확인하는 것이 중요합니다.

👁️ UT 설계
UT는 '설계가 80%다.' 라는 생각이 들 정도로 설계 과정이 매우 중요합니다.
UT 대상자는 누구를 어떤 과정으로 모집할 것인지, 인터뷰는 온라인으로 할 것인지, 오프라인으로 할 것인지, 인터뷰 관찰자는 어떤 방식으로 참여할지 등등 준비할 것이 생각보다 많습니다. 
- 인터뷰 대상자 선정: 사용자 행위에 영향을 미치는 조건을 리스트업 합니다.
- 인터뷰 대상 리크루팅: 우리가 선정한 대상자들에게 인터뷰 정보를 안내하고 모집합니다.
- 역할 분담: 인터뷰는 신규. 피처를 함께 기획했던 PO와 PD가 협업하여 진행
- Task 작성: UT를 통해 확인하고 싶은 내용을 중심으로 Task를 설계하고 성공 기준과 실패 기준을 정합니다. 
- 프로토타입 준비: 인터뷰에서 검증하고 싶은 가설을 확인할 수 있는 형태로 준비합니다.
- 리허설 진행: 실제 환경과 동일한 환경을 조성하고 사내에서 인터뷰 대상자를 1명을 선정 후 진행
- 인터뷰 환경 세팅: 오프라인 대면 인터뷰 일 경우 미팅룸, 카메라와 같은 사전 환경세팅이 필요합니다.

😎 UT 진행
저는 이번 사용성 테스트에서 UT 설계와 모더레이팅을 담당했습니다. 
모더레이팅 입장에서 인터뷰를 어떻게 진행하고 이 과정에서 유의해야 할 부분은 다음과 같습니다.
- 인터뷰 안내 및 사전 질문: 사전에 미리 인터뷰 방식에 대해 안내하지만 시작 직전 대상자에게 인터뷰 과정에 대해 다시 한번 안내합니다.
- 인터뷰 진행: 충분히 관찰해야 하고, 발견 부분 중심으로 질문하고, 역으로 제품에 대해 질문이 들어올 경우 대답해야 합니다. 
- 인터뷰 종료: 준비된 Task를 진행하며 인터뷰가 충분히 진행이 되었다고 판단되면 대상자에게 종료 안내를 합니다.
- 인터뷰 종료 후: 진행된 인터뷰에 부족한 부분이나 개선점은 없었는지 대해 정리합니다.

🏋️ UT 분석 및 인사이트 도출
인터뷰 종류 후 녹화본과 작성했던 관찰 문서를 토대로 UT 내용을 분석합니다.
- Task 달성 결과 지표 분석: Task 별로 사전에 정의한 성공 지표를 기준으로 대상자들이 얼마나 성공했는지, 공통적으로 보인 행동은 어떠했는지 내용을 작성하고 분석합니다.
- Key Findings: 관찰 문서를 토대로 공통적으로 발견된 현상들을 정리합니다.
- 인사이트 도출: 위의 내용을 조합하여 현재 피처에서 유지하는 부분과 개선이 필요한 부분을 파악합니다.

🕺🏻 UT 이후 어떤 부분이 개선되었는지?
UT를 통해 변경된 대표적인 예는 리멤버의 '오늘의 소식' 영역입니다.
리멤버는 매일 사용자가 가장 먼저 확인해야 할 소식을 가장 잘 보이는 곳에 안내함으로써 빠르게 소식을 확인하고 상세 내용에 접근할 수 있도록 의도했지만, 
실제 UT에서는 사용자가 해당 영역 자체를 인지하지 못하거나 광고로 인지하는 경우가 많았습니다.
이후 기존안과 해당 영역을 다른 콘텐츠와 동일한 형태로 제공하는 안으로 A/B 테스트를 진행했고, 기존보다 60% 더 많은 전환율이 일어나는 것을 확인했습니다.

DRAMA&COMPANY

리멤버에서 UT를 진행하는 방법

Docker 컨테이너 이미지를 빌드 내용을 담고 있는 텍스트 파일  구성  베이스 이미지 설정 : Ubuntu, CentOS 등 기본 운영 체제 및 환경 설정 패키지 및 라이브러리 설치 : 컨테이너 구동을 위한 패키지나 라이브러리, 어플리케이션 등을 설치.

Dockerfile

Dockerfile 사실 한번 만들어놓으면 계속 복붙복붙하게 되는데요. 혹시 더 개선점은 없을지 고민해 보신 적 있으신가요? 더 잘 쓸 수 있는 팁 10가지를 번역, 정리해보았습니다. 
1. `.dockerignore` 파일
2. `ADD` 보다는 `COPY`
3. Multi-stage builds
4. Multi-layers and caching
5. `ONBUILD` 명령어
6. `USER`로 유저 변경하기 
7. 컨테이너 health 체크하기 
8. `SHELL` 사용하기
9. 메타데이터 생성 
10. Dockerfile 빌드는 사실 그냥 tar 파일

https://jiyeonseo.github.io/digital-garden/notes/dockerfile/#tips

jiyeonseo.github.io

Dockerfile 더 잘 쓸 수 있는 10가지 방법

Introducing Cloudflare Fonts. Enhance privacy and performance for websites using Google Fonts by loading fonts from their own origin. Improve user privacy, enhance site performance, and simplify the process. No need for code changes. Simply enable Cloudfl

Cloudflare Fonts: enhancing website font privacy and speed

Cloudflare에서 재미있는 기능이 나왔네요. 보통 웹폰트를 사용할 때 Google Fonts를 이용해서 원하는 폰트를 사용하는 경우가 많은데 이를 Cloudflare 네트쿼크에서 캐싱해주는 기능입니다. 

Cloudflare가 캐싱해주기 때문에 Google 주소가 아니라 서비스 자체 도메인을 쓸 수 있다는 장점도 있지만 Google Fonts를 사용하면 폰트 파일을 바로 쓰지 않고 CSS 파일을 로딩하는 API 주소를 요청하면 CSS 파일을 받고 이 CSS 파일안에 포함된 폰트 파일을 다운받게 되기 때문에 네트워크 상으로는 총 8번의 추가 왕복을 해야합니다. 

대신 Cloudflare는 요청에 대한 응답을 줄 때 HTML을 바로 수정해서 HTML 내에 CSS 응답을 포함시켜서 바로 내려보내고 클라이언트는 CSS를 별도로 요청할 필요없이 바로 Clareflare에서 폰트파일을 다운받을 수 있으므로 8번의 왕복을 1번 왕복으로 바꿔주기 때문에 꽤 빨라집니다. 

Google Fonts를 사용할 때 이러한 부분때문에 고민되는 부분인데 Cloudflare에서 신선한 접근 방법으로 해결해주었습니다. 

https://blog.cloudflare.com/cloudflare-fonts-enhancing-website-privacy-speed/

The Cloudflare Blog

쓰기 단위 테스트는 소프트웨어 개발 프로세스의 중요한 부분입니다. 소스 코드의 개별 부분의 정확성을 확인하기 위해 단위 테스트 코드를 작성하는 프로세스입니다. 이 기사에서는 소프트웨어 개발에서 단위 테스트를 작성하면 얻을 수있는 중요한 이점을 살펴 보겠습니다.

✅ 소스 코드의 정확성 보장 : 단위 테스트는 개발 단계에서 바로 오류를 식별하고 수정하는 데 도움이됩니다. 코드의 각 개별 부분에 대한 단위 테스트를 작성하여 코드의 정확성을 테스트하고 예상대로 작동하는지 확인할 수 있습니다.

✅ 수리 및 업그레이드에 대한 신뢰와 유연성 향상 : 전체 단위 테스트 세트가있는 경우 변경, 오류 수정 또는 소스 코드 업그레이드가 더 안전 해집니다. 변경으로 인해 예기치 않은 결과가 발생하지 않도록 단위 테스트를 실행할 수 있습니다. 이는 프로젝트 관리 및 개발에 대한 신뢰와 유연성을 높이는 데 도움이됩니다.

✅ 테스트 시간을 줄이고 테스트 중에 오류를 줄입니다. 테스트 장치를 준비하면 전체 시스템을 테스트하는 시간이 단축됩니다. 소스 코드의 각 기능 또는 요소를 수동으로 테스트하는 대신 자동화 된 단위 테스트를 실행하여 결과를 테스트하고보고 할 수 있습니다. 이를 통해 테스트하는 동안 시간과 노력을 줄이고 감지되지 않은 오류 가능성을 줄일 수 있습니다.

✅ 재사용 및 유지 보수 지원 : Unit Test는 소스 코드의 각 개별 부분에 대해 자동 테스트 스위트를 작성합니다. 이를 통해 소스 코드의 일부 간의 종속성과 상호 작용을 명확하게 식별 할 수 있습니다. 변경 또는 유지 보수가있을 때 변경 사항이 소스 코드의 다른 부분에 영향을 미치지 않도록 장치 테스트를 다시 실행할 수 있습니다.

✅ 개발 팀의 협력 및 신뢰 정신 향상 : 단위 테스트 작성은 프로그래머의 책임 일뿐만 아니라 개발 팀 내에서 협업 및 커뮤니케이션을 촉진합니다. 각 팀원은 자신이 담당하는 소스 코드 부분에 대한 단위 테스트를 작성하여 전체 시스템의 정확성과 안정성을 보장 할 수 있습니다.

✅ 단위 테스트를 작성하는 것은 시간이 많이 걸리고 힘든 작업 일뿐만 아니라 소프트웨어의 품질과 지속 가능성에 대한 중요한 투자이기도합니다. 단위 테스트 작성의 이점은 개발 단계에 국한되지 않고 제품 유지 관리 및 확장 중에 가치를 확장하고 가져옵니다.

우리는 UT를 작성하기 위해 go-mock을 사용하고 있습니다. 👉github.com/golang/mock/gomock

모든 기사는 실제 작업에서 수행, 경험 및 사용한 후의 개인적인 견해입니다. 잘못된 정보와 혼란이있는 경우 모든 사람이 아래 의견에 의견을 제시 할 수 있기를 바랍니다.👇👇👇

쓰기 단위 테스트의 이점

쿠키 1부: HTTP로 설명하는 쿠키(cookie)

“쿠키는 클라이언트에 저장되고… 음,,, 보안에 좋지 않습니다.” 😅

개발자 면접을 볼 때 쿠키에 대해서 물어보면 가장 흔하게 들을 수 있는 대답인데요. 완전히 틀린 말은 아니지만 뭔가 알맹이가 빠진 느낌이 듭니다.

“그럼 보안을 위해서 쿠키는 안 쓰는 게 좋겠네요?”

라고 반문을 하면 오랫동안 웹 개발을 한 분들도 머뭇거리시는 경우가 많은데요. 아무래도 대부분의 서버 프레임워크에서 쿠키를 직접 다루지 않아도 되도록 추상화 잘 되어 있기 때문에 오히려 쿠키를 직접 다루거나 쿠키에 대해 깊이 생각해볼 기회가 많지 않아서 그런 것 같습니다.

사실 쿠키는 웹에서는 빼놓을 수 없는 핵심적인 기술이죠? 프런트 개발을 하든 백엔드 개발을 하든 웹 개발자로서 쿠키를 제대로 이해해두시면 두고두고 유용한 지식이 될 거라 생각합니다. 그래서 2개의 포스팅에 걸쳐서 쿠키를 기술적으로 깊게 파해쳐보려고 합니다. 🔪

첫 번째 포스팅에서는 쿠키가 어떻게 서버와 브라우저 간에 이동을 하는지, 그리고 쿠키의 유효 기간과 적용 범위를 설정하는 방법과, 쿠키의 한계와 대체 기술에 대해서도 살펴보겠습니다.

📝 포스팅: https://www.daleseo.com/http-cookies/

우리가 웹에서 쿠키를 사용할 수 밖에 없는 결정적인 이유인 세션 기반 사용자 인증에 대해서는 아래 두 번째 게시물을 참고 바랍니다.

🎵 쿠키 2부: 세션은 쿠키가 필요해: https://careerly.co.kr/comments/91233

Daleseo

쿠키 1부: HTTP로 설명하는 쿠키 🍪

이번 포스팅에선 아주 중요하지만 프로그래밍 교육 과정에서 크게 다루지 않는 보안 에 대해 이야기 해보려고 한다. 최근엔 프레임워크나 라이브러리 차원에서 잘 막아주기 때문에 큰 언급없이 넘어가는 경우가 많지만 소프트웨어 개발자는 꼭 보안 전문가가 아...

웹 개발을 위해 꼭 알아야하는 보안 공격

보안은 웹 개발에서 굉장히 중요한 분야 중 하나지만, 프로그래밍 교육이나 개인 포트폴리오로 프로젝트를 진행할 때 크게 다루지 않는걸 종종 보곤 했습니다.

아마도 요즘 사용하는 프레임워크나 라이브러리에서 대부분의 보안 공격이나 실수에 대해 방어할 수 있도록 구현이 잘 되어있기 때문이겠습니다만

웹 개발자 혹은 소프트웨어 개발자라면 보안 전문가 수준까진 아니더라도 기초적인 보안 공격에 대한 이해와 이를 방어할 수 있는 방법을 알아둠으로써 혹시나 발생할 수 있는 실수를 사전에 막을 수 있어야 합니다.

오늘은 알아두면 나중에 반드시 도움이 되는 보안 공격에 대해 잘 정리된 글이 있어 공유드립니다.
글에서 언급된 대표적인 보안 공격을 요약하자면 다음과 같습니다.

📌 SQL Injection
서버에서 실행되는 SQL을 악의적으로 이용하는 공격입니다. 
이름처럼 기존 SQL에 악의적인 SQL 구문을 삽입하여 데이터 탈취, 삭제 등을 할 수 있습니다.

📌 Cross-Site Scription (XSS)
웹 페이지에 악성 자바스크립트를 삽입하는 공격입니다. 
최근엔 SPA(Single-Page Application)로 배포되는 서비스가 많은데, 이렇게 배포되는 서비스 대부분이 인증 관리를 위해 토큰을 Cookie 혹은 localStorage 에 저장합니다. 
이때 XSS 방어 준비가 되어있지 않은 경우 자바스크립트를 통해 불특정 다수의 사용자 토큰을 손쉽게 탈취 할 수 있습니다.

📌 CSRF Attack
Cross-Site Request Forgery라고 부른다. 공격자가 서비스 사용자를 이용하여 요청을 보내는 공격을 말합니다.
예를 들어 네이버 로그인과 똑같은 화면을 제공하는 피싱 사이트를 사용자가 피싱 사이트인 것을 모르고 아이디와 비밀번호를 입력하고 로그인 버튼을 누른다면 피싱 사이트는 진짜 네이버 로그인 URL 에 요청할 수 있게 됩니다. 
만약 CSRF 에 대한 방어가 제대로 안되어 있다면 성공/실패 Response 가 내려올 것이고 이를 통해 해커는 성공한 계정 정보를 판단하여 탈취할 수 있습니다.

📌 Command Injection
쉘을 실행시키는 로직을 이용한 공격으로 시스템 권한이 탈취되는 것이나 마찬가지기 때문에 매우 치명적입니다.
각 언어마다 쉘 명령을 실행할 수 있는 API 가 존재하는데 이러한 API 를 해커가 호출할 수 있게 방어가 안되어있다면 치명적인 결과를 불러올 수 있다.

📌 File Upload Attack
공격 스크립트가 담긴 파일을 서버로 업로드하는 공격입니다. 
WebShell 이 가능한 코드가 담긴 파일을 업로드하고 해커가 URL을 통해 접근 가능해지면 Command Injection 과 같은 효과를 볼 수 있습니다.

📌 JavaScript Injection
브라우저에서 자바스크립트를 삽입시키는 공격입니다. 
브라우저에서 제공하는 Console 을 통해 Javascript 코드 조작이 가능하기 때문에 Client-Side 에 민감한 데이터를 넣어놨다면 해당 공격을 통해 탈취가 가능합니다.

📌 DDoS
꽤 유명한 보안 공격중 하나입니다.
Distributed Denial of Service 라고 부르는데, 직역하면 분산 서비스 거부 공격이라고 할 수 있습니다. 
이름처럼 분산된 시스템을 이용하여 서버에 비정상적으로 많은 트래픽을 보내 마비시키는 공격입니다.
공격자는 수 많은 PC 를 이용하여 서버에 트래픽을 보내는데 몰래 심어 놓은 좀비 PC 를 이용할 수도 있고 본인이 사용할 수 있는 PC 를 이용할 수도 있습니다. 
많은 트래픽이 발생하기 때문에 공격을 받는 서비스는 부하가 생겨 느려지거나 서버가 죽을 수 있습니다.

📌 Dictionary Attack
미리 데이터베이스에 등록해놓은 수많은 문자열을 암호로 대입하는 공격으로 Brute Force의 일종입니다.
"하나만 걸려라" 공격이라고도 볼 수 있는데 많은 웹 사이트에서 간단한 단어로 비밀번호를 등록하지 못하게 하는 이유기도 합니다.

📌 Rainbow Table
평문을 해시 함수로 만든 문자열을 모두 저장시켜 놓은 표를 가지고 탈취한 계정 데이터의 암호 원문을 알아내는 공격입니다.

각 보안 공격에 대한 대응 방법과 주의사항등은 공유드린 원문에 자세히 설명되어있으니 관심있으신 분들은 참고해주시면 좋겠습니다.

📚 원문
- https://kciter.so/posts/basic-web-hacking

📚 함께보면 좋은글
- 🔐 암호화의 종류: https://careerly.co.kr/comments/89377?utm_campaign=self-share

kciter.so

🔐 웹 개발을 위해 꼭 알아야하는 보안 공격

Swagger는 API 문서를 쉽고 자동으로 작성하는 데 도움이되는 강력한 도구입니다. 이 기사에서는 Swagger를 사용하여 프로젝트의 API 문서를 자동으로 생성하는 방법을 살펴 봅니다.

Swagger는 소프트웨어 개발 커뮤니티에서 널리 사용되는 개방형 표준화 된 API 개발 프레임 워크입니다. API를 자동으로 쉽게 작성, 설계 및 문서화하는 도구를 제공합니다. Swagger는 JSON 또는 YAML 파일을 사용하여 API를 설명하고 아름답고 이해하기 쉬운 API 문서를 생성합니다.

✌️Swagger를 사용하여 API 문서를 작성하는 방법:

✅ API 정의 : JSON 또는 YAML 파일을 사용하여 경로, HTTP 메소드, 매개 변수, 설명 및 기타 관련 요소를 지정하여 API를 정의 할 수 있습니다.

✅ API 문서 생성 : Swagger 도구를 사용하면 API 정의에서 API 문서를 자동으로 생성 할 수 있습니다. Swagger는 JSON 또는 YAML 파일에 정의 된 정보를 사용하여 API의 리소스, 메소드 및 매개 변수에 해당하는 API 문서 페이지를 생성합니다.

✅ API 문서 표시 : Swagger에서 생성 된 API 문서는 아름답고 친숙한 사용자 인터페이스를 통해 액세스 할 수 있습니다. 사용자는 API와 관련된 리소스, 메소드, 매개 변수 및 기타 정보를 쉽게 볼 수 있습니다.

✌️Swagger를 사용하여 API 문서를 만들면 다음과 같은 이점이 있습니다:

✅ 문서 생성 프로세스 자동화 : Swagger를 사용하면 API 정의에서 API 문서를 자동으로 생성하여 수동 작업을 줄이고 시간을 절약 할 수 있습니다.

✅ 읽고 이해하기 쉬운 문서를 작성하십시오. Swagger는 표준 형식, 명확한 구조로 API 문서를 작성하며 읽기 쉽습니다. 이를 통해 사용자는 API의 중요한 측면을 쉽게 파악할 수 있습니다.

✅ 상호 작용 성 및 테스트 가능성 향상 : Swagger에서 생성 된 API 문서는 사용자 인터페이스에서 직접 API를 테스트 할 수있는 기능을 제공합니다. 이것은 상호 작용 성을 높이고 테스트 시간을 줄이는 데 도움이됩니다.

✅ 소스 코드와 문서 동기화 : Swagger를 사용하면 API 문서를 소스 코드와 동기화 할 수 있습니다. 소스 코드가 변경되면 Swagger는 수동으로 수행하지 않고도 해당 문서를 자동으로 업데이트 할 수 있습니다.

✅ API 문서를 수동으로 작성하려면 많은 시간과 노력이 필요합니다. 그러나 Swagger를 사용하면이 프로세스가 자동화되어 아름답고 이해하기 쉬운 API 문서를 쉽게 만들 수 있습니다. Swagger를 사용하여 프로젝트에 대한 API 문서를 작성하고이 프로세스를 자동화하는 이점을 누리십시오.

Swagger 홈페이지 👉 https://swagger.io
Swagger Gin-Golang 👉 https://github.com/swaggo/gin-swagger

모든 기사는 실제 작업에서 수행, 경험 및 사용한 후의 개인적인 견해입니다. 잘못된 정보와 혼란이있는 경우 모든 사람이 아래 의견에 의견을 제시 할 수 있기를 바랍니다.👇👇👇

Swagger를 사용하여 API 문서 자동 생성

Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

Free for Developers

프리티어(free tiers)로 사용할 수 있는 소프트웨어(SaaS, PaaS, IaaS...) 등을 정리해둔 사이트입니다. 토이 프로젝트나 작은 프로젝트에서 활용하기 좋을 정보가 많네요!

https://free-for.dev

Free-for

📌 무료로 사용할 수 있는 개발 도구들

한빛미디어

한빛 MSA 시리즈의 하나로 깃헙 코파일럿 특강이 올라왔습니다! 

코파일럿이 무엇인지, 어떻게 사용할 수 있는지, 그리고 어떠한 자세로 우리가 AI 어시스턴트를 이용해야할지에 대해서 풀어보았습니다 :) 

https://www.hanbitn.com/product/msa2003-copilot/

https://www.hanbitn.com

코딩 친구 넘어 코딩 선생님으로, GitHub Copilot

번(Bun) 1.0이 출시되며 많은 관심을 받고 있습니다. 이 글은 번을 사용해서 간단한 리액트 SSR 프로젝트를 만들어 볼 수 있는 가이드입니다. 아직 번을 사용해 프로젝트를 만들어보지 못하셨다면 이 가이드를 천천히 따라와보세요:)

[번역] 번(Bun)과 리액트로 서버사이드 렌더링(SSR) 구현하기

오늘 소개해드릴 글은 라인플러스의 김은빈님이 번역해주신 글입니다. 최근 번(Bun) 1.0이 출시되며 많은 관심을 받고 있습니다. 이 글은 번을 사용해서 간단한 리액트 SSR 프로젝트를 만들어 볼 수 있는 가이드입니다. 이야기는 많이 들었지만 아직 번을 사용해 프로젝트를 만들어보지 못하셨다면, 혹은 이번 기회에 번에 대해 알아가고 싶으시다면 이 가이드를 천천히 따라와보셔도 좋을 것 같습니다:)

> 글 링크: https://velog.io/@eunbinn/server-side-rendering-ssr-with-bun-and-react

Velog

번(Bun)과 리액트로 서버사이드 렌더링(SSR) 구현하기

나 실리콘밸리를 가야겠다 (1)

안녕하세요 :)

글을 보면서 "와 정말 대단하다. 실행력 대박"이라는 말이 나온 글입니다

실리콘밸리를 가야겠다 생각하시고 실행하는 부분이 너무 인상적이였어요.

시리즈 글인데 모두 올라와서 링크 타시고 보시면 좋을 것 같아요

최근 본 글 중 실행력 제일 좋다고 생각한 글이에요

https://www.junsoor.com/silicon-valley-1

Junsoor

나 실리콘밸리를 가야겠다

ChatGPT 쓸 때 질문을 영어로 번역해 주고, 답변도 한글로 번역해 주는 번역기입니다.

프롬프트 지니: ChatGPT 자동 번역기

ChatGPT를 쓰다보면 불편한 점들이 몇가지 있는데 그런 부분들을 보완해주는
없어서는 안되는 필수 크롬 익스텐션을 3가지 소개합니다!

1/ 프롬프트 지니 : ChatGPT 자동 번역기 (필수!)

ChatGPT 입력창에 한글로 입력하면 자동으로 영문으로 전환해서 물어보고, 결과가 영어로 나오면 한글로 자동 번역해서 보여줍니다.

ChatGPT의 영문 학습량이 한글보다 많아서 더 정확한 결과를 얻으려면 영어로 프롬프트를 작성해야 할 경우가 많습니다. 

번역기를 왔다 갔다하면서 입력해야 하는 번거로움을 한방에 해결해주는 필수 익스텐션 입니다.

https://chrome.google.com/webstore/detail/프롬프트-지니-chatgpt-자동-번역기/lhkgpdljnlplgbkonflbhifackjhjmdj?hl=ko

2/ AIPRM : 원클릭 프롬프트

막상 ChatGPT를 열어서 원하는 결과를 얻으려면 프롬프트를 쓰는걸 시작하기 쉽지 않습니다. 너무 간단하게 물어보면 추상적인 답변이 나오고, 맥락을 설명 하면서 해야하는데 어떻게 효과적으로 물어봐야하는지 잘 떠오르지 않죠. 그리고 복잡하고, 구체적인 답변을 원한다면 빌드업에 많은 시간이 걸립니다.

AIPRM은 이런 프롬프트 작성의 문제를 해결해줍니다.

3600개 이상의 검증된 프롬프트를 활용해서 빠르게 원하는 질문을 만들고, 원하는 답변을 받을수 있도록 도와줍니다.

https://chrome.google.com/webstore/detail/aiprm-for-chatgpt/ojnbohmppadfgpejeebfnmnknjdlckgj?hl=ko

3/ WebChatGPT: 인터넷 액세스 가능한 ChatGPT

ChatGPT는 최신 데이터를 가지고 있지 않습니다. 

특정 시점 이전의 데이터만 학습해서 모델을 만들었고, 인터넷에 있는 정보를 실시간으로 반영하지 않습니다. 그래서 최신 정보를 물어보면 대답이 틀리거나, 모른다고 답변합니다.

WebChatGPT는 ChatGPT에게 인터넷에 접근가능하게 만들어 줍니다.

그 외에도 AIPRM 처럼 프롬프트 라이브러리를 제공하고, 검색 서비스옆에서 AI가 생성한 답변을 볼수 있게도 해줍니다.

https://chrome.google.com/webstore/detail/webchatgpt-chatgpt-with-i/lpfemeioodjbpieminkklglpmhlngfcn?hl=ko

Google

ChatGPT 사용할때 꼭 필요한 크롬 익스텐션 3가지

'따라 하기'보다는 '업의 본질'에 집중하기 : 네이버 블로그

1. 자신이 하고 있는 일의 본질이나 몸담고 있는 업의 본질을 이해하는 데는 꽤 많은 시간이 걸릴 수밖에 없다. 본질이라는 게 대충 몇 년 했다고 쉽게 알 수 있는 게 아니니까.

2. 그리고 업의 본질을 이해하기 위해선 초기 지나친 확장은 경계하는 것이 좋다. 확장하고 성장하는 것은 너무나 좋고 아름다운 일이지만, 자칫 잘못하면 이로 인해 늘어난 수많은 부수적인 일에 휩쓸려, 지금 내가 하고 있는 일의 본질이 무엇인지, 코어가 무엇인지에 대해 고민하는 것을 놓칠 수 있기 때문.

3. 그러다 보면 바쁜 업무 속에서 정신없이 지내기 마련인데, 정작 정말 중요한 일이 아니라 부수적인 일만 하다가 어느 순간 거품이 꺼져서 돌아보면 결국에는 아무것도 한 게 없는 꼴이 된달까?

4. 성장 중독이 난무하는 스타트업 씬에서 괜히 ‘(초기에는) 확장성 없는 일을 하라(Do thing that don't scale)’는 말이 나온 게 아닌 셈.

5. 지금 하고 있는 일의 본질이 무엇인지, 고객들이 우리 제품이나 회사에게 기대하는 바가 정확히 무엇인지를 이해하려면 성장보다는 본질에 대해 이해하는 시간을 가져야 하니까.

6. 그리고 정말 고객들이 원하는 것이 무엇인지, 지금 시대에 필요한 것이 무엇인지, 업의 본질이 무엇인지를 알고, 이를 구현할 실행력까지 가지고 있다면 성장은 당연히 일어나는 것 같고.

7. 다만, 여기서 정말 어려운 문제는 업의 본질이나 자신이 하는 일의 본질을 이해하는데, 그리고 고객이 정말로 원하는 것이 무엇인지를 온전히 이해하는데, 얼마의 시간이 걸릴지는 그 누구도 알 수 없다는 점이다. 10년이 걸릴지, 20년이 걸릴지, 아니면 평생이 걸릴지는 그 누구도 알 수 없으니까.

8. 그래서 사람들 중에는 업의 본질을 이해하는 데 자신의 시간과 자원을 베팅하기보다는, 지금 잘 되는 누군가를 따라 하는 일에 더 많은 시간과 자원을 베팅하는 경우가 많다.

9. 그렇게 요즘 인기 있다는 마케팅 방식을 쫓아다니고, 인기 있는 밈을 추종하며, 뭔가 그럴듯한 컨셉이 있으면 따라 하는데,

10. 물론 그렇게 해서 순간적으로 관심을 얻고, 인기를 얻는 경우는 의외로 많다. 추세와 트렌드가 가진 힘이 있으니까. 그래서 그게 콘텐츠 마케팅이든, 소셜 미디어 마케팅이든, 퍼스널 브랜딩이든, 관련한 강의를 하는 사람들 중에는 메시지의 형태는 다소 다를 수 있으나 대부분 뭔가를 보고 따라 하라는 얘기를 하는 경우가 많다.

11. 업의 본질이나 자신이 추구하는 가치의 본질이 무엇인지를 고민하고 실행하고 찾아가는 지루한 과정보다는 그게 훨씬 쉽고, 운이 좋으면 성과도 빨리 낼 수 있으니까.

12. 하지만 뭔가 잘 따라 한다고 해서 게임이 끝나는 경우는 거의 없다. 아무리 많은 관심을 얻고, 인기를 얻고, 매출을 잘 발생시켜도, 이를 유지하려면 결국에는 코어가 단단해야 하고, 끈기가 있어야 하며, 실패를 딛고 일어설 수 있어야 하는데,

13. 잘 되는 것만 따라 해서는 이 단계를 극복하지 못한다. 잘 된 것들은 너무 많아서 따라 하기 쉽고 따라 할 것도 많지만, 잘 안 되었을 때는 어떻게 해야 하는지를 참고할 수 있는 건 그리 많지 않으니까. 그땐 정말 진정성을 가지고, 공부를 하든, 사람을 찾아다니든 해야 하고, 뭐가 문제인지를 숙고해야 하는데,

14. 쉽게 따라 할 수 있는 것에 너무 익숙해지면, 어렵고 시간이 걸리는 해결책을 선택하기란 점점 어려워진달까?

15. 그래서 이런 사람들은 대체로 질문이 자기중심적인 경우가 많다. 자신의 문제를 해결할 답을 알려달라는 식이다. 특히 창작자나 콘텐츠 업계로 넘어오면, 이 질문들은 더욱 노골적으로 변한다. “썸원 님, 저는 어떤 콘텐츠를 만들어야 하죠? 어떻게 돈을 벌어야 하죠?”

16. 이런 질문을 받을 때면 대충 아무말을 하면서 넘기긴 하는데, 그렇다고 해서 이 질문들이 구린 질문이라는 점은 변하지 않는다.

17. 콘텐츠를 만드는 것이 업의 핵심인 창작자가 어떤 콘텐츠를 만들어야 하는지를 다른 사람에게 묻고, 사업을 하는 것이 업의 기본이 사업자가 돈을 어떻게 벌어야 하는지를 다른 사람에게 묻는다는 건 스스로 자신이 해야 할 일의 기본에 대해 별로 고민하지 않았다는 뜻이니까.

18. 과연 봉준호 감독이나 유명 감독들이 다음 작품을 뭘 해야 할지에 대해 다른 사람들에게 의견을 묻고 그걸 따를까? 그보다는 자신의 아이디어에 대한 다른 사람들의 반응을 보고 개선하지 않을까?

19. 게다가 창작자는 그게 구리든 아니든, 자기 삶의 모든 순간을 콘텐츠로 만들 수 있는 일종의 특권 같은 걸 가지고 있는데, 남에게 아이디어를 구하는 것이 맞을까? 단순히 인기 있는 무언가를 추종하는 것이 맞을까? 만약 추종한다면 내가 그걸 왜 추종하는지에 대한 자신만의 명확한 이유가 있어야 할 것 같고.

20. 무튼 답은 모르지만, 지금 당장 답을 모른다는 건 그리 큰 문제가 아니다. 열린 태도를 가지고 가설을 세우고 검증을 하면서 나아가면 되니까. 정말 큰 문제는 남에게서 쉬운 답을 얻으려는 태도일지도 모르지. 무튼 나 화이팅 ;) 

https://blog.naver.com/somewon_co/223218034742

Naver

'따라 하기'보다는 '업의 본질'에 집중하기

TypeScript Origins: The Documentary features core contributors and community members like Anders Hejlsberg, Steve Lucco, Luke Hoban, Daniel Rosenwasser, Ryan Cavanaugh, Amanda Silver, Matt Pocock, Josh Goldberg & many more! It also covers adoption stories

TypeScript Origins: The Documentary

https://youtu.be/U6s2pdxebSo?si=RAfp1o8HtA-rRcnw

Microsoft는 왜 TypeScript를 개발할 가치가 있다고 생각했을까요?
이 다큐멘터리는 Microsoft가 TypeScript를 제작하게된 배경과 과정에 대해 깊이있게 다루고 있습니다.

다가올 추석, 여유롭게 시청하며 TypeScript와 더 가까워지는 시간이 될 수 있겠네요.

TypeScript 다큐멘터리: TypeScript Origins

Coming Soon: Amazon Appstore Small Business Accelerator Program

앱 마켓의 플랫폼 수수료의 트렌드는 매출 연동 방식인가봅니다. 

아마존은 자사 앱스토어의 중소 개발기업을 위한 지원 프로그램을 발표했어요. 

- 적용 매출 기준 : 연 매출 100만 달러
- 수수료 : 20% (보너스를 감안하면 10%)
- 보너스 : 매출액의 10%를 AWS 크레딧 적립

애플과 구글도 앱마켓의 수수료를 매출액 연동으로 개편하였는데요. 매출 기준액은 동일하게 100만 달러이고, 수수료는 15%입니다. 

아마존의 경우 20%라서 다소 높다고 생각될 수 있지만, 보너스 AWS크레딧을 통해서 체감 10%할인을 받는 느낌도 있습니다. 

플랫폼 사업자로서 플랫폼 크래딧을 통해 더 단단하게 락인 시킬 수도 있어서 서로 윈윈 아닐까 싶습니다.

Amazon

프로덕트 매니저/서비스 기획

한주현

마케팅

최광순

SK브로드밴드/서비스 기획

최문정

- LINE WORKS 일본 서비스 오픈
- LINE WORKS Partners/Developers 기획, 운영

Service Manager

Product Manager

- 네이버 메일 / 쪽지 서비스 기획

Manager

- 메일플러그 마케팅 실무 리드 (퍼포먼스, 키워드 등)
- 메일플러그 SNS 기획, 운영

- 카카오워크 서비스 오픈
- 카카오워크 에코플랫폼 서비스 리드 (SAP, 위드사인, U+웹팩스, 딥서치 등)
- 카카오워크 채널 활성화 리드
- 카카오워크 그로스 리드

신문방송학

정덕범

제품의 이해(Discord)

음성, 화상 플랫폼 LINE Planet을 만들고 있습니다. 

✔ 커리어리에 작성되는 게시물은 개인적인 의견이며, 회사의 공식적인 입장과 다를 수 있습니다. 
#프로덕트매니저 #협업도구 #플랫폼비즈니스 #CPaaS

댓글 0