링크드인에서 Keeyong H. 님이 쓴 <평판의 중요성>이라는 글을 보고 인상 깊은 구절에 제 생각을 더해 소개합니다. 먼저, 아래는 기용 님의 원문 글입니다.

<평판의 중요성>

이번에 한국 갔을 때 상대적으로 커리어 전반기(대략 40대 중반 이전)에 있는 분들에게 강조했던 것이 두 가지였다.

1️⃣ 부캐 생각하지 말고 본캐에 집중하기.

어디를 가건 회사 일, 내 일 구분하지 말고 회사 일을 내 일이라 생각하고 *나*를 위해 열심히 해보는 거다. 이를 통해 성취하는 경험, 몰두하는 경험, 인정받는 경험을 해보는 것이 중요하다. 이를 커리어 전반기에 반복해볼 수 있다면 이는 커리어 후반기에서 자연스레 부캐로 이어질 가능성이 높다. 재미있는 문제, 솔루션으로 시작하는 문제가 아닌 의사소통을 통한 문제 정의를 통해 중요한 문제를 파악하는 것이 시작이다.

2️⃣ 긍정적인 사람/팀 플레이어 되기.

어디를 가건 부정적인 분위기를 전파하는 사람들이 있다. 본인의 능력이 아무리 뛰어나도 너무 부정적이거나 개인만을 생각하는 사람들은 시간이 지나면서 평판이 나빠질 수 밖에 없다. 당장은 그런 나쁜 평판의 악영향을 느끼지 못하겠지만 후반기에는 그게 여러모로 표출되기 시작한다. 다양한 형태의 레퍼런스 체크에서 삐걱대기 시작할 것이고 구직에 있어 가장 중요한 리퍼럴을 받지 못할 것이다.

즉 평판이 나쁜 사람은 본인의 행동이 부메랑이 되어 본인에게 돌아온다는 점인데 커리어 전반기에는 이에 대해 알기 힘들다. 평판이 좋다면 점점더 나에게 돌아오는 기회들이 많아진다. 커리어 안식년의 경우 평판이 좋은 사람에게는 새로운 기회가 생기는 시간에 가깝다.

평판이란 결국 (우선 순위 고려) 맡은 일을 잘 하느냐와 긍정적 팀플레이어라는 두 가지의 곱이라고 생각한다. 결국 같이 일하고 싶은 사람의 척도라 할 수 있겠다.

위 두 가지를 커리어 전반기에 달성할 수 있다면 후반기는 훨씬 더 자연스럽게 발전할 것이라 믿는다. 커리어는 긴 마라톤이지 100미터 달리기가 아니기에 긴 호흡으로 바라봐야 하며 꾸준함이 중요하다.

[ 내가 경험한 평판이 좋은 사람의 5가지 특징 ] 

1️⃣ 평판이 좋은 사람의 특징은 회사 일과 내 일을 구별하지 않고 몰입해서 일한다.

2️⃣ 평판이 좋은 사람은 촌철살인, 뾰족한 말로 상황을 정리하기보다는 분위기를 북돋는다.

3️⃣ 평판이 좋은 사람은 자신의 공을 내세우기보다 팀과 팀원의 성취를 강조한다.

4️⃣ 평판이 좋은 사람은 역설적으로 평판이 필요하지 않을 때 평판을 관리한다.

5️⃣ 평판이 좋은 사람은 "요즘 어떻게 지내셨어요?"라는 말에 인색하지 않다.

⟪평판은 평판이 필요하지 않을 때 형성됩니다⟫

커피챗에서 가장 자주 받는 질문에 대한 첫 번째 답변입니다. 포트폴리오에 정답은 없겠지만 참고할 수 있는 3가지 체크리스트를 공유합니다. 1️⃣ 포트폴리오를 세트로 관리하기 2️⃣ '상황 - 행동 - 결과'로 이어지는 3단계 프레임워크 활용하기 3️⃣ 발표까지 고려해 포트폴리오 구성하기

커피챗 FAQ - 포트폴리오 구성법 | REDBUSBAGMAN

커피챗을 꾸준히 하고 있습니다. 고민을 남에게 전달하면서 고민이 정리되기도 하고, 나와 비슷한 사람과 연결될 수 있기 때문입니다. 운이 좋다면 의외의 발견으로 해결의 실마리가 풀리기도 하고 함께 일했던 좋은 동료들과의 커피챗은 안부를 나누는 기회이자, 새로운 협업 기회로 이어지는 단서가 되기도 하니까요. 커피챗은 '커피챗' 앱은 물론이고 링크드인, 커리어리, 취준컴퍼니 등 코칭프로그램을 통해서 꾸준히 이어가고 있는 의식적인 활동입니다. 제가 가장 자주 받는 질문은 포트폴리오에 대한 것으로 주로 몇 개의 케이스를, 어떤 흐름으로, 얼마나 정확하게 작성해야 하는지 궁금해하십니다. 포트폴리오에 정답은 없겠지만 체크해 봄직한 3가지 포인트를 공유합니다.

[ 포트폴리오 체크리스트 (3) ] 

1️⃣ 포트폴리오를 세트로 관리하기

포트폴리오는 이직을 준비할 때 작성하는 것이 아니라 꾸준히 관리하는 대상으로 활용해야 합니다. 지금까지 일을 하면서 참여했던 프로젝트, 만들었던 프로덕트를 꾸준히 쌓아 Deck을 만들고 필요에 따라서 2, 3개 정도의 케이스를 발췌해 지원하는 기업, 조직, 팀, 업종특성에 맞게 재구성하여 제출하는 것을 추천드립니다. 관련성, 중요도에 따라 순서를 배열하는 것이 단순한 시계열 구성보다 인터뷰어(서류평가자)에게 몰입감을 주기 때문입니다.

2️⃣ '상황 - 행동 - 결과'로 이어지는 3단계 프레임워크를 활용하기

아마존에서는 매년 자신의 성과평가를 할 때 SBI라는 프레임워크를 활용합니다. 

➊ Situation(Background) - 어떤 비즈니스, 고객경험 문제를 겪고 있었는지 명료하게 한 문장으로 설명합니다 
➋ Behavior(Action) - 문제를 달성하기 위한 목표로 재정의하고, 문제 해결을 위한 구체적인 행동을 소개합니다 
➌ Impact(Result) - Situation이 발생한 근본적인 원인(Root Cause), Behavior를 통해 해결할 수 있었던 문제, 여전히 해결 중이 문제를 구분해서 성과(변화)를 데이터 중심으로 요약합니다. 

이때 놓치기 쉬운 포인트는 Behavior에서 가정했던 가설이 유효하지 않아서 실패했던 접근법, 이때 간과했던 지점이 무엇이었는지, 이를 통해 깨닫게 된 점은 무엇인지 함께 정리함으로써 완벽한 해결을 하지 못했지만 더 나아지고 있다는 점을 전달하는 겁니다. 프로젝트에서 배움이 있었고 그 배움을 지금 하고 있는 업무에 적용하고 있다는 점을 포함하세요.

3️⃣ 포트폴리오를 발표까지 고려해서 구성하기

포트폴리오 분량은 20페이지 이내인 것을 추천합니다. 인터뷰어 입장에서 생각하면 포트폴리오는 인터뷰 전에 평가하는 1차 자료이고, 여러 후보자의 포트폴리오를 검토해야 하는 상황에서 50페이지 이상의 PDF 자료를 볼 때에는 자연스럽게 스크롤을 내리는 속도가 점점 빨라집니다. 현업 업무를 수행하는 중에 인터뷰에 모실 후보자를 선정해야 하는데 포트폴리오 용량이 크고, 분량이 많다고 더 많은 시간을 할애하기는 어렵죠. 오히려 그 반대라 집중력이 떨어집니다. 간결하게 어떤 문제를 어떻게 해결하려고 했는지 설명하는 포트폴리오가 인상적입니다.

분량이 20페이지 이내인 포트폴리오는 인터뷰어가 살펴보는데 부담이 적고, 모든 페이지를 스키밍 하면서 살펴볼 수 있습니다. 동시에 인터뷰이가 인터뷰에서 자신이 수행한 과제와 함께 포트폴리오를 설명할 때에도 2, 3개 케이스 중 가장 흥미를 가질만한 것을 소개한다면 인터뷰어 역시 한 번은 살펴봤기 때문에 기억을 해낼 수 있고 몰입감을 가질 수 있습니다.

https://www.redbusbagman.com/coffeechatfaq1/

REDBUSBAGMAN | 레드버스백맨

⟪커피챗 FAQ - 포트폴리오 구성법⟫

미 연방 정부 온라인 서비스를 위한 디자인 시스템이 업데이트됐습니다.어느덧 3.0이 되었네요. 이 시스템을 이용해 접근성이 뛰어나고 모바일 친화적인 정부 웹사이트를 더 쉽게 구축할 수 있게 돕습니다. USWDS는 정부 엔지니어, 콘텐츠 전문가, 디자이너로 구성된 활발한 오픈 소스 커뮤니티입니다. 정부 안팎의 기여자들은 수십 개 기관과 거의 200개에 달하는...

미국 웹 디자인 시스템: 국민 모두를 위한 디자인시스템은 무엇이 다를까?

미 연방 정부 온라인 서비스를 위한 디자인 시스템이 업데이트됐습니다.어느덧 3.0이 되었네요. 이 시스템을 이용해 접근성이 뛰어나고 모바일 친화적인 정부 웹사이트를 더 쉽게 구축할 수 있게 돕습니다. USWDS는 정부 엔지니어, 콘텐츠 전문가, 디자이너로 구성된 활발한 오픈 소스 커뮤니티입니다. 정부 안팎의 기여자들은 수십 개 기관과 거의 200개에 달하는 사이트를 지원합니다.

https://designcompass.org/2023/09/26/uswds/

디자인 나침반

안녕하세요, 저는 29CM 고객의 성장과 리텐션을 관리하는 리텐션팀 그로스 마케터 송효진입니다. 최근 고객 유입과 활동성을 담당하는 Activation 스쿼드, 29CM과 입점 브랜드를 소개하는 콘텐츠 제품을 담당하는 Contents 스쿼드 와 협업한 푸시 제품을 소개하고자 합니다. 고객은 하루 평균 46개의 푸시 알림을 받지만 각 푸시 알림의 오픈율은...

푸시 클릭율 6배를 만든 고객집중

고객이 좋아할만한 정보로 느끼도록 접근하였습니다

[아티클 3문장 요약📑]

1️⃣ 고객은 하루 평균 46개의 푸시 알림을 받지만, 각 푸시 알림의 오픈율은 3% 미만인 경우가 대부분으로, 이는 곧 97명에게 푸시 알림은 노이즈로 느껴진다는 걸 뜻합니다.

2️⃣ 29CM의 푸시 메시지 역시 브랜드와의 계약에 의한 것이 대부분이기에 고객 중심적이지 못하였고 클릭율 또한 1%에 미치지 못하였는데, 이를 노이즈가 아닌 정보로 느끼게 만들기 위해 고객이 앱 내에서 행동을 한 브랜드와 관련된 메시지를 발송하자 클릭률은 약 3배, 클릭 후 구매전환율은 약 2배 높아졌습니다.

3️⃣ 또한 여러 정보를 더 매력적인 메시지로 전달하기 위해, 발매/입점/할인의 종류에 따라 총 27개의 프로모션으로 분류하여 매칭하고, 이를 고객이 받아들이기 쉬운 용어로 적시에 소통함으로써, 최종적으로 푸시 클릭률을 6배 상승시킬 수 있었습니다.

💡기묘한 관점➕
마케팅은 방심하면 자연스럽게 공급자 중심으로 흘러가게 됩니다. 왜냐하면 그게 더 편하기 때문인데요. 대신 조금 더 많이 고민하고, 애쓰면 효율이 올라가는 것을 경험할 수 있습니다. 이번 공유 드린 29CM 사례 역시, 단순히 보낼 수 있던 푸시 메시지, 원래 클릭률이 낮아라고 무시할 수 있었던 걸, 조금 더 고민하고 행동하여 결국 개선에 성공한 스토리를 전해주고 있는데요. 이처럼 내가 더 불편하면 고객이 편해진다는 걸 늘 기억해야 할 겁니다. 

🥤트렌드라이트 구독하기
https://bit.ly/3iSbx4e

📕『기묘한 이커머스 이야기』 책 보러가기
https://bit.ly/3hEicxg

Medium

💬29CM가 푸시 클릭률 6배를 만든 비결은

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가지

다시 돌아올 ChatGPT 열풍의 끝자락에서, 센세이션이 폭발하기 전의 역사를 돌아봅니다. 오랜 연구를 거쳐 등장한 대규모 언어 모델 중 가장 세련된 중간산출물이 생성AI이기 때문에 전문가들은 ‘이제 겨우 시작이다’라고 얘기를 해요. 

말마따나 적어도 45년 정도의 연구가 쌓였는데요. MIT테크리뷰에서 이를 핵심만 정리했습니다. 열기는 가라앉아가고 있지만 다시 돌아올 붐을 준비하기 시작하기 위해 한번 읽어보셔도 좋겠습니다. 

1980~1990: RNN 
ChatGPT는 OpenAI에서 개발한 대규모 언어 모델인 GPT-3의 한 버전입니다. 대규모 언어 모델(이하 LLM)은 수많은 텍스트에 대해 훈련된 일종의 신경망입니다(신경망은 동물 두뇌의 뉴런이 서로 신호를 보내는 방식에서 영감을 얻은 소프트웨어입니다). 텍스트는 다양한 길이의 문자와 단어의 시퀀스로 구성되므로 언어 모델에는 이러한 종류의 데이터를 이해할 수 있는 일종의 신경망이 필요합니다. RNN은 신경망 종류 중 하나고요. 1997년 개발된 LSTM은 수백 단어 길이의 텍스트 문자열을 처리할 수 있어서 그나마 가장 뛰어났지만 언어 능력은 제한적이었습니다.

2017: 트랜스포머
사실 대규모 언어 모델 세대는 구글 덕분에 눈부시게 발전했습니다. 구글 연구원 팀이 각 단어나 구문이 순서대로 나타나는 위치를 추적할 수 있는 트랜스포머를 발견한 덕분입니다. 트랜스포머는 단어의 앞뒤에 오는 다른 단어 등의 정보를 추적해서 긴 텍스트 문자열을 처리하고 단어의 의미를 보다 정확하게 포착할 수 있게 만듭니다. 

2018~2019: GPT 및 GPT-2
OpenAI의 처음 두 개의 대규모 언어 모델은 불과 몇 달 간격으로 출시되었습니다. 이 회사는 다양한 기술을 갖춘 범용 AI를 개발하기를 원하며 대규모 언어 모델이 해당 목표를 향한 핵심 단계라고 믿습니다.

GPT는 사전에 주석이 추가되지 않은 데이터(이 경우에는 수많은 텍스트)에 대해 머신러닝 모델을 훈련하는 방법인 ‘비지도 학습’과 트랜스포머를 결합했습니다. 덕분에 ChatGPT는 스스로 데이터 패턴을 파악할 수 있게 됐고요. 데이터 세트 크기도 무제한으로 학습할 수 있습니다. GPT-2의 경우 오픈AI가 “사람들을 속이고 편견을 재생산하며 혐오를 조장하는 언어를 퍼뜨릴 수 있기 때문에 전체 모델을 공개하지 않을 것”이라고 했습니다. 

2020: GPT-3
GPT-2는 인상적이었지만 OpenAI의 후속작인 GPT-3은 입이 떡 벌어질 정도였습니다. 인간과 유사한 텍스트를 생성하는 능력은 큰 발전이었습니다. GPT-3는 질문에 답변하고, 문서를 요약하고, 다양한 스타일로 스토리를 생성하고, 영어, 프랑스어, 스페인어, 일본어 간 번역 등을 수행할 수 있습니다. 제법 잘 흉내를 냈죠. 
GPT-3의 경우 새로운 기술을 발명하기보다는 기존 기술을 초대형화함으로써 나왔습니다. GPT-2의 매개변수(훈련 중 조정되는 네트워크 값) 개수(15억 개)에 비해 훨씬 많은 매개변수(1,750억 개)를 사용했습니다. 데이터 양도 훨씬 많았습니다. 
그러나 ChatGPT는 온라인에 있는 허위 정보, 편견어린 시각 등을 상당 부분 교육 받아서, 이를 재생산했습니다. 오픈AI도 “인터넷으로 훈련한 모델은 인터넷 규모의 편견을 갖게 된다”고 인정했습니다. 

2020년 12월: 유해한 텍스트 및 기타 문제
이제는 규제의 시간입니다. 대규모 언어 모델이 허위 정보, 혐오스러운 텍스트를 재생산할 수 있다는 사실은 누구나 알고 있습니다. ChatGPT를 사용하는 모든 개인과 조직은 규제를 숙지하고 가이드라인을 따라 안전하고 현명하게 새로운 도구를 사용할 수 있어야 합니다. 앞으로 우리에게 주어진 새로운 과제라고 볼 수 있습니다.

ChatGPT 열풍의 끝자락, 시작을 위한 회고

<브랜드로 남는다는 것>을 읽으면서 인상 깊은 부분을 메모합니다. 어떤 사람이 주얼리 시장을 조사하러 백화점에 들렀다가 티파니 매장에 들어갔습니다. 마침 결혼기념일 무렵이라 아내에게 선물할 목걸이를 골라 점원에게 얼마냐고 물어봤죠. 250만 원이라는 가격을 듣고 너무 놀라서 "이거 은 아닌가요?"라고 다시 물었습니다. 점원이 멈칫하더니 조용히 "티파니입니다"라고 답했습니다. 

어떤 제품이든 서비스든, 그것이 줄 수 있는 '기능'에 상징적으로 '의미'를 더할 때 브랜드에 가치가 생기고 이게 브랜드의 생명력이 됩니다. 브랜드에 의미를 붙이는 과정을 '컨셉팅'이라고 하는데 여기에는 7C라고 부르는 체크포인트가 있습니다.

[ 큐레이터의 문장 🎒 ] 

1️⃣ 고객지향성(customer-orientation) - 고객 관점에서 보면 우리는 무슨 사업을 하는 걸까?

2️⃣ 응축성 (condensation) - 우리 브랜드의 컨셉을 고객 마음에 심상으로 심어줄 수 있는가?

3️⃣ 창의성 (creativity) - 우리 브랜드의 컨셉을 어떻게 창의적으로 전달할 수 있는가?

4️⃣ 지속성 (continuity) - 세월이 흘러도 브랜드가 한결같아 보일 수 있는가?

5️⃣ 조합성 (consistency) - 우리 회사의 여러 품목들이 포트폴리오 균형을 잘 맞추고 있는가?

6️⃣ 일관성 (consistency) - 우리 구성원들의 마음으로 하나로 움직일 수 있는가?

7️⃣ 보완성 (complementary) - 우리 구성원들의 마음을 응집할 내부 브랜딩이 충분한가?

⟪브랜드에 생명력을 불어넣는 컨셉팅, 7가지 체크리스트⟫

쿠키 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

나 실리콘밸리를 가야겠다

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

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

네이버 블로그 | 가장 보통의 스타트업 CEO

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

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와 더 가까워지는 시간이 될 수 있겠네요.

YouTube

TypeScript 다큐멘터리: TypeScript Origins

[단독] 재택근무 사상 첫 100만명 돌파...펜데믹후 2년새 12배 폭증

재택근무의 공식 지표!

- 전체 근로 노동자 2,099만 명의 5.4%(114만 명)가 재택/원격 근무자
- 재택/원격 근무자에 해당하지 않는 근로자 대상 설문 결과 약 118만 명은 재택/원격 근무를 희망
- 미국 민간 기업 분석결과 재택근무는 월 소득 5% 상승 효과

매일경제

writer

김보람

Product Manager

이석영

23년차 서비스 기획자입니다.
#기획자 #독서 #스타트업 #프로덕트매니저 #프로덕트디자인 #전략

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

한주현

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

Service Manager

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

Manager

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

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

신문방송학

정덕범

제품의 이해(Discord)

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

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

댓글 0