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

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

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

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

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

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

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

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

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

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

Daleseo

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

막연히 옛날부터 있었던 기술이라고 생각했는데 자세히 설명해주셔서 감사합니다.

최근에는 보안의 경우 js로 접근이 가능한 로컬스토리지를 사용하지말고, 시큐어 쿠키로 자바스크립트의 접근을 막으라는 블로그 포스팅을 본 적이 있어 공유합니다

https://andrewlock.net/should-you-use-the-dotnet-8-identity-api-endpoints/#1-bearer-tokens-in-the-browser-should-generally-be-avoided-where-possible



공식 문서로 Next.js 13을 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요!, 당근 엔지니어와 함께 공부하는Next.js 13! 💡 [사진] 프론트엔드 개발자라면, Next.js Next.js는 웹 앱을 제작하고 배포하는 데 ...

[손에 익는 Next.js] 공식 문서 훑어보기 - 인프런 | 강의

프론트엔드 엔지니어들은 매일 같이 쏟아지는 새로운 기술에 부담감을 느끼죠. 어쩌면 Next.js에 대해서도 부담감을 느끼고 계실지도 모르겠어요. 최근에는 React 18의 최신 기능을 도입한 Next.js 13 버전이 나오면서 그 부담감이 커졌을 것 같아요.

저 역시 그랬어요. Next.js를 사용해 본 적은 있지만 새로운 개념에 대해 이해하지 못하고 있었어요.

마음먹고 새로운 기술을 이해해 보려고 노력하는 과정에 이번 강의를 만들게 됐어요. 가르칠 때 가장 많이 배운다는 걸 잘 아실 거예요. 배워서 남 주자는 마음으로 배우고 공부해서 이 강의를 준비했습니다. 이번 강의를 통해 여러분에게 아래와 같은 가치를 전달해 드리려고 해요.

1️⃣ 많은 프레임워크 중 Next.js를 배워야 할 이유를 알려드려요.
앞으로 프론트엔드 엔지니어로서 새로운 도구를 선택할 때 좋은 기준이 되는 지혜도 얻어가셨으면 좋겠습니다.

2️⃣ Next.js 13 버전에서 알아야 할 핵심 개념을 짚어드려요.
새로운 라우팅 시스템인 App Router을 필두로 서버 컴포넌트(Server Component), 데이터 페칭(Data Fetching), 캐싱(Caching) 그리고 재검증(Revalidating)까지 훑어보면서 "알고 보니 어렵지 않네" 하는 생각을 하셨으면 좋겠습니다.

3️⃣ 학습한 핵심 개념, 앱을 만들어 보면서 활용해요.
이 과정에서 실수도 하고, 에러도 마주하면서 실무에서 알아두면 좋을 깨알 정보를 얻어가셨으면 좋겠습니다.

-

부족한 점이 보인다면 피드백 주시면 감사하겠습니다. 지속해서 개선해나가겠습니다! 

https://inf.run/NRPt

inflearn.com

📢 Next.js, 알고 보니 어렵지 않네

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

“테스트는 프로그램이나 시스템이 예상대로 작동할 것이라는 확신을 증진시키는 과정이다.” - 윌리엄 C. 헷젤(Willian C. Hetzel)

◻︎ 테스팅이란?
  테스팅이란 기능적 측면에서 제품 또는 서비스가 고객의 요구사항을 충족하는지 확인하고 프로덕트 기능, 시스템 로직/성능/안전성 등 제품 내/외부적 요인에 의해 발생되는 결함이 없는지 확인하는 활동과 관리적 측면에서 품질 보증 활동으로 쌓아온 품질 데이터를 활용하여 리스크를 판단하고 문제를 예방하는 활동을 통해 제품의 신뢰도를 향상하는 과정입니다. 

   지금까지의 테스팅은 조직적 차원에서 기획/개발과 분리하여 특정 조직이 수행하는 역할이라고 인식해왔습니다. 하지만 테스팅은 테스트 조직만의 업무가 아닙니다. 기획은 최종 결과물의 완성도를 생각하며 제품을 디자인하고 개발은 설계부터 코딩까지 개발 프로세스 전반에 제품의 품질을 고려하며 작업합니다. 테스터나 테스트 리더는 제품 설계단계부터 출시 이후까지 제품에 영향을 미치는 모든 요소를 발견하고 제어하며 차단하고 예방하는 활동을 수행합니다. 
제품을 만드는 구성원 각자의 작업 범위안에서 관점과 목적과 방법이 다를뿐 테스팅은 제품을 만드는 모두의 작업에서 빠질수 없는 활동의 한 부분입니다.

  기존에 배워왔던 테스트조직 내 활동범위에 한정된 ‘테스팅'에 대한 인식은 이제는 바뀌어야 합니다. 인식이 바뀔때 품질을 대하는 태도와 책임도 특정 조직의 것에서 제품을 만드는 구성원 모두의 것으로 바뀔 수 있습니다. 
제품의 최종 품질 목표를 모두가 같은 지점을 바라보고 추구할때 고객의 기대수준{‘사용자는 제품의 소프트웨어는 ‘제대로 작동' 할 것이라 기대한다.’}에 맞는 제품을 만들 수 있습니다.

◻︎ 좋은 소프트웨어
[ISO/IEC9126 품질모델 기준]

1) 기능성 : SW가 특정 조건에서 요구를 충족 시키는 기능을 제공할 수 있는 능력
2) 신뢰성 : SW가 특정 상황에서 특정 기간 동안 일정 수준 이상으로 동작할 수 있는 능력 
3) 사용성 : 특정 조건에서 소프트웨어를 쓰고 배우고 이해하기 쉽게 만드는 능력 
4) 효율성 : 특정 조건에서 적절한 자원을 소모하면서 적절한 성능을 제공할 수 있는 능력 
5) 유지보수성 : SW를 얼마나 쉽게 수정(정정, 개선, 환경변화 수용, 요구사항 수용, 기능 추가 등) 할 수 있는지 측정한 능력
6) 이식성 : SW가 다른 환경으로 이식될 수 있는 능력 

◻︎ 결함의 원인
  소프트웨어 또는 시스템 실행 중 기능이 정상적으로 동작하지 않을 때나 동작하지 않아야 함에도 동작하는 오류(Error)를 만날때가 있습니다. 이런 오류를 버그(Bug) 또는 결함(Defects) 또는 이슈(Issue)라고 부릅니다. 이는 사용자 관점에서의 버그이고 제품을 만드는 개발 관점에서 버그는 소프트웨어나 시스템의 오작동의 원인이 되는 코드상 오류 외, 

   ▣  요구사항과 다르게 동작하거나 요구사항이 누락된 소프트웨어/시스템
   ▣  API, 네트워크, 하드웨어상 문제로 인하여 발생되는 오류 또는 기대하지 않은 동작의 발생 
   ▣  해커의 공격, 어뷰징 등으로 발생되는 보안 이슈 
   ▣  고객 요구사항/기획명세/개발설계 등 문서상 존재하는 결함
   ▣  복잡한 코드, 아키텍처의 복잡도로 인해 발생되는 문제   
   ▣  유지보수의 어려움 
   ▣  OS/시스템/하드웨어 등 개발환경 변경 
   ▣  유저 시나리오상 사용성 문제 
   ▣  소프트웨어가 다양한 환경으로 이식되지 못하는 문제
   ▣  시스템, 모듈 간 인터페이스가 안되는 문제

위와같은 다양한 원인으로 발생되는 결함은 장애의 원인이 될 수 있습니다. 

◻︎ 소프트웨어 테스트 종류
  소프트웨어 테스팅 활동은 소프트웨어 수명주기 전반에 걸쳐 테스트 레벨과 테스트 유형으로 구별되어 수행되며 각 테스팅 활동은 개발 활동과 밀접한 관계를 가지고 있습니다. 

  각각의 테스트들은 테스트 목적과 목표가 별도로 존재하고 테스트 대상과 테스트 방법이 구별됩니다. 또한 발견되는 결함의 유형이나 장애도 다르고 테스트를 수행하는 주체도 다릅니다. 예를들어 단위 테스팅은 프로그래밍 코드단에서 개발자에 의해 테스트가 수행되고 테스트 조직으로 인수된 이후 시스템 테스팅 단계에서 테스트 조직에 의해 실제 사용자가 사용하게 될 빌드를 대상으로 테스트가 수행됩니다. 

▪︎ 테스트 레벨
[1] 단위 테스팅 또는 코드 테스팅
  단위 테스트는 하나의 모듈이나 프로그램, 클래스, 메소드 등 가장 작은 단위의 소프트웨어를 대상으로 요구사항대로 작동되는지 확인하는 테스트입니다. 예를들어 로그인, 회원가입, 결제 등 하나의 기능에 대한 독립된 테스트를 말합니다. 
단위 테스트는 프로그래밍 코드를 중심으로 개발자에 의해 테스트가 수행되고, 별도 테스트 케이스 없이 개발 설계서, 컴포넌트 명세서와 같은 개발 산출물로 테스트가 수행됩니다. 

  단위 테스트 특징은 코드를 작성한 개발자 또는 개발팀에 의해 테스트가 수행되어서 발견되는 결함을 별도 디버깅 기간을 두고 처리하지 않고 발견 즉시 수정되며 결함에 대한 기록을 남기지 않습니다. 
단위 테스트가 잘 정착되면 제품의 모듈별 품질이 향상되어 안정성을 확보할 수 있고 전반적인 테스팅 시간을 절감하고 비용을 감소할 수 있습니다. 

[2] 통합 테스팅
  각각의 모듈이 개발이 완료되면 모듈을 통합하게 됩니다. 이때 통합하는 과정에서 발생될 수 있는 모듈간 인터페이스 즉, 모듈 간 상호작용하는 동작을 확인하는 테스트가 바로 통합 테스트입니다. 예를들어 스마트폰 어플리케이션을 실행하면 API를 호출하여 고객의 요청에 대한 응답을 내려줍니다. 어플리케이션으로부터 API를 호출하여 응답을 내려주는 동작이 정상적으로 작동되는지를 확인하는 것이 통합테스트입니다. 
통합 테스트에는 모듈간 상호작용뿐 아니라 OS나 하드웨어 등 시스템간 상호작용도 포함하여 테스트를 수행합니다. 

[3] 시스템 테스팅
  시스템 테스트는 통합이 완료된 완벽한 소프트웨어 제품을 하드웨어와 결합한 뒤 시스템 기능과 하드웨어 통합간 인터페이스 전체를 확인하는 테스트입니다. 시스템 테스트는 일반적으로 사용자가 실제 사용하게될 환경 또는 그와 유사한 환경에서 테스트가 수행됩니다. 이유는, 시스템 테스트의 목적이 기능적 요구사항과 비기능적(시스템 성능, 상호작용 및 응답 속도 등) 요구사항 모두를 포함하고 있고 각각의 요구사항에 대한 정확한 검증 결과는 실제 사용자 환경에서 테스트가 수행되어야 환경이 가진 제한적인 결함이나 장애, 리스크를 최소화할 수 있기 때문입니다. 

 [4]인수 테스팅
  실제 시스템을 사용하게 될 최종 사용자(고객)가 제품이 요구사항을 충족하는지 확인하고 이에 대한 평가를 얻기위한 테스트입니다. 또 다른 목적은 제품이 실제 운영 환경에서 사용할 준비가 되었는지 확신을 얻기위한 과정입니다. 
인수테스팅은 ‘알파 또는 베타 테스팅'이라는 이름으로 실 사용자에의해 테스트가 수행되기도 하고, 고객의 직접 참여가 어려울 경우 테스트조직이나 제품 관련자가 ‘고객의 입장'에서 제품 완성도를 확인하는 테스트를 수행합니다. 

▪︎ 테스트 유형
[1] 기능 테스팅
  기능 테스트는 기획서 또는 고객 요구사항 명세서, 개발 설계서와 같은 문서를 기반으로 도출된 테스트 케이스를 사용하여 시스템 기능과 특징 그리고 시스템간 상호작용을 확인하는 테스트입니다. 

[2] 비기능 테스팅
  비기능 테스트는 시스템 성능, 유용성, 안정성, 확장성 등 비기능적인 측면을 확인하는 것으로 시스템이 어떻게 동작하는지 확인하는 테스트입니다. 예를들어 신규 게임이 출시되고 많은 사용자가 한꺼번에 게임에 접속하였을때 서버가 다운되지 않고 잘 버틸수 있는지 확인하는 부하테스트가 비기능 테스트에 해당됩니다. 
이 외 클라이언트 성능테스트, 서버 성능(부하, 스트레스)테스트, 호환성테스트 등 테스트가 포함됩니다.

[3] 스모크(Smoke) 테스팅
  스모크 테스트는 시스템 기본 기능을 확인하는 테스트로 테스트 조직에서 정식 테스트를 시작하기 앞서 인수된 제품이 테스트가 가능한 상태인지 확인하기위한 용도로 신속하게 주요 기능과 해당 기능에 연관된 상호작용을 확인하는 테스트입니다. 
스모크 테스트 또는 새너티Sanity 테스트 또는 BAT(Build Acceptance Test) 등으로 불리고 있습니다.

[4]리그레션(Regression) 테스팅 
  리그레션 테스트는 이미 테스트 된 시스템을 반복해서 확인하는 것으로 결함 수정 이후 변경의 결과로 이전에 제대로 작동하던 기능에 문제가 발생되지 않는지, side-effect로 인해 새롭게 발생된 결함이 없는지, fix된 결함이 재발생되지 않는지 확인하는 테스트입니다. 

 [5] 마이그레이션(Migration) 테스팅
  데이터 마이그레이션은 서버 버전이 업데이트되거나, 서버 또는 디바이스가 교체되거나, 데이터베이스를 통합하거나 폐기할때 데이터를 한 위치에서 다른 위치로 이동하는 것을 의미합니다. 
데이터 마이그레이션 테스트는 데이터 이동 후 분실되거나 변경되는 데이터, 기능상 작동되지 않는 문제, 새롭게 발생되는 결함은 없는지 확인하고 시스템 안정성을 보장하기위해 수행되는 테스트입니다. 

◻︎ 테스트 조직의 테스팅 활동
  테스팅이 제품을 만드는 구성원 모두의 활동이라면 테스트 조직에서 수행하는 테스팅 활동 범위를 제품 개발이 완료된 후 SW를 실행하면서 결함을 찾아내는 반복적이고 수동적인 업무를 수행하는 것이라고 정의할 수 있을까요.
아닙니다. 이것은 테스팅 활동 중 일부에 해당될 뿐입니다. 

테스트 조직의 테스팅 활동은 테스트 계획/전략, 품질 목표 기준 설정, 테스트 분석과 설계, 품질 요소 및 리스크 정의, 테스트 케이스 수행, 테스트 품질 평가, 프로세스 준수 감사 및 개선 등 제품 설계단계부터 출시 이후까지 모든 영역과 단계에서 활동이 존재합니다.

시스템에 대한 확신을 증진시키는 과정 : 소프트웨어 테스팅

번(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) 구현하기

실무에서 종종 스모크 테스트를 할 일이 있는데요. 스모크 테스트는 소프트웨어의 기본적인 기능이 제대로 작동하는지를 빠르게 확인하는 초기 테스트 방법입니다. 이 이름은 전자 제품을 처음 켰을 때 연기(Smoke)가 나오지 않는지 확인하는 테스트에서 유래하였습니다.

스모크 테스트의 주요 특징은 다음과 같습니다:

1. 기본적인 검증: 소프트웨어가 크리티컬한 오류 없이 정상적으로 실행되는지 확인합니다.
2. 초점: 주요 기능과 컴포넌트 위주의 테스트로, 넓은 범위의 테스트 케이스를 포함하지 않습니다. 이를 통해 테스트 리소스를 효율적으로 활용할 수 있습니다.
3. 빠른 피드백: 초기 단계에서 발생할 수 있는 문제를 빠르게 파악하고 대응합니다.

그러나, 스모크 테스트만으로 모든 문제점을 파악하기는 어렵습니다. 따라서 초기 검증이 끝난 후에는, 더 깊은 테스트(예: 회귀 테스트)를 수행하여 변경 사항이나 기존 기능에 문제가 없는지를 확인해야 합니다.

결론적으로, 스모크 테스트는 새로 개발된 프로젝트나, 큰 변화나 업데이트가 있는 경우 기본적인 문제 여부를 빠르게 파악하는데 큰 도움이 됩니다. 스모크 테스트로 문제점을 먼저 식별하고 수정한 이후 깊은 테스트를 효율적으로 진행할 수 있습니다.

스모크 테스트: 프로젝트 초기 단계의 검증 과정

What? 회고란 무엇인가 사전적 정의를 먼저 살펴보자면, "돌아다봄", "지나간 일을 돌이켜 생각함" 등을 의미한다. '프로젝트 회고'라는 부분으로 구체화시키는 경우, 프로젝트의 큰 생명 주기에서 특정 시점 (이 시점은 프로젝트 구성원들이 정하기 나름이다.)에서 진행하는 회의의 일종으로 볼 수 있다. 이 회의는 '이전 시점'에서 '현재 시점'까지 발...

회고 (Retrospective)에 대한 정리 및 설계 · Issue #8 · JaeYeopHan/tip-archive

저는 스프린트 & 프로젝트 단위로 회고를 하고 있는데요. 회고는 일종의 지나간 일을 되돌아보는 타임머신 같습니다. 회고를 통해 개인, 팀, 그리고 조직의 성장을 위해 지나간 경험과 행동을 되돌아볼수 있는데요. 회고는 어떻게 진행되어야 할까요?

회고의 핵심: 진심의 대화
낙관적으로 접근하는 것이 중요하나, 부정적인 부분도 솔직하게 인정하며 팀원 간의 깊은 대화를 이끌어내야 합니다. 보편적인 이야기보다는 솔직하게 내면의 생각이나 느낌을 표현하는 것이 중요합니다. 회고란 문제점을 찾아내서 개선하는 과정이기 때문에 이렇게 할 때 진정한 회고의 효과를 누릴 수 있습니다.

회고는 꾸준히 반복하여 진행되어야 그 효과를 볼 수 있습니다. 초기에는 어색하거나 힘들 수도 있지만, 지속적인 실천을 통해 조직 문화로 자리잡을 때 큰 효과를 가져옵니다.

모든 프로젝트는 시작부터 완벽하지 않습니다. 하지만 회고를 통해 지속적으로 성장하며, 그 완벽에 한 발짝 더 다가갈 수 있습니다. 아직 팀이나 프로젝트 에서 회고를 하지 않고 있다면 회고의 힘을 한번 활용해보세요!

https://github.com/JaeYeopHan/tip-archive/issues/8

GitHub

회고의 가치: 프로젝트와 팀의 성장을 위한 길잡이

Modern ways to create Product Requirements Documents - Department of Product

🔬디테일한 기획서의 문제

기획자라면 누구나 디테일한 기획서를 추구합니다. 그러면 뭔가 잘한 거 같고 생각을 많이 한 것 같은 느낌이 들어요. 협업 부서에서도 몇 백 장짜리 기획서를 보면 ‘얘가 일 좀 했구나' 싶을 거예요. 

✅ 그런데 디테일한 기획서가 항상 좋은 것은 아니라고 합니다.

- 팀이 사고 과정을 기획자에게 외주 주게 만든다.
- 팀이 스펙을 결정하는 데 참여하지 않게 된다.
- 왜 그렇게 해야 하는가가 문서에 담기는 게 아니라 문서가 팀이 하는 일을 합리화해주게 된다.
- ‘기획서에 없어서 안 만들었죠’ 분위기를 만든다.

저도 과거의 한 프로젝트 회고에서 '기획서가 너무 상세해서 참여의 여지가 없어 보이진 않았는지' 질문한 적이 있습니다. 저런 부작용을 경험했기 때문에 그랬던 것 같아요.

이런 문제들 때문에 이 아티클에서는 이제 전통적 의미의 기획서(PRD)를 쓰는 건 좀 구식인 것 같다며.. 그렇게 일하지 않는 세련된 회사들이 많다고 이야기합니다. 기획자(혹은 프로덕트 매니저)가 쓴 문서에 의존할 필요가 없지만, 그렇다고 극단적으로 항상 0에서 시작하는 것도 아닌 밸런스를 찾으면서요.

✅  모던한 기획서는 아래 요소를 포함한다고 합니다.

1. 맥락 - 뭘 만드냐, 왜 만드냐, 만들어졌을 때 무슨 일이 생기느냐
2. 범위 - 첫 이터레이션에는 무얼 만드냐
3. 백로그 - 기능 요구사항은 뭔가
- 에픽(구현을 위한 일감의 묶음 단위)
- 유저스토리(프로토타입과 함께)

이 아티클에서 심플한 예시 문서들과 툴들을 모두 링크, 스크린샷과 함께 소개하고 있습니다. 각각이 무얼 말하고 어떻게 활용되는 것인지 궁금하다면 이미지들만 훑어보셔도 될 것 같습니다.

기획서를 빡빡하게 쓰는 게 일잘이 아니라는 거, 기획서가 담아야 할 코어는 지키되 나머지는 팀이 함께 제품을 만들어가도록 적절한 도구와 기술을 적용해야 한다는 걸 리마인드 해봅니다.

Department of Product

DALL-E 3 의 가장 놀라운 점은 글자를 정확히 써 준 다는 것. OpenAI 는 목표 설정을 정말 잘 한다는게 가장 큰 강점인 것 같다.

No template named 'unary_function' in namespace 'std'; did you mean '__unary_function'?. "XCode 15 React-Native Troubleshooting Guides" is published by Lee young-jun.

XCode 15 React-Native Troubleshooting Guides

XCode를 15로 업그레이드한 후에 
킥고잉 빌드가 안되어서 해결하기까지 만난 오류와 해결법을 수록했어요.

#xcode15 #xcode #build #error #react #reactnative #ios

https://medium.com/@toyboy2/xcode-15-react-native-troubleshooting-guides-e559ac246bae

Medium

XCode 15 React-Native Troubleshootings

개발자 면접은 어떻게 진행될까? | 처음 이직 시도를 했을 때가 떠오릅니다. 별 근거도 없이 자신만만하던 4년 차 때, 평소 실력만 믿고 당당하게 기술 면접에 뛰어들었죠. 면접은 생각보다 훨씬 어려웠고, 결과는 처참했습니다. 식은땀을 삐질삐질 흘리며 겨우 첫 라이브 코딩 테스트를 마쳤던 기억은 쉽사리 잊히지 않습니다. 그렇게 직접 부딪혀 보고 나서야 깨달았어요.

개발자 면접 유형 총정리

개발자 면접을 준비하고 계신가요? 어디서부터 어떻게 시작해야 할지 몰라 막막하신 분들을 위해 개발자 면접 대비 키트를 준비했습니다! 제가 지금까지 썼던 개발자 면접 준비 관련 글과 추천 자료를 한 곳에 모았습니다. 적극 활용하셔서 면접에 잘 대비하시길 바랍니다! 

0️⃣  면접 유형 파악하기

- 개발자 면접 유형 총정리: https://careerly.co.kr/comments/66132

1️⃣ 코딩 면접

[추천 글]
- 코딩 테스트를 위해 꼭 공부해야 할 이론: https://careerly.co.kr/comments/66531
- 코딩 테스트에 완벽하게 대비하기 위해 해야 할 6가지: https://careerly.co.kr/comments/66559
- 라이브 코딩 테스트 실전 5단계 가이드: https://careerly.co.kr/comments/66693

[기출 문제 플랫폼]
국내
- 프로그래머스: https://school.programmers.co.kr/learn/challenges?tab=all_challenges
- 백준: https://www.acmicpc.net
- 삼성 SW Expert Academy: https://swexpertacademy.com/main/main.do

해외:
- LeetCode: https://leetcode.com/problemset/all
- HackerRank: https://www.hackerrank.com
- Codility: https://www.codility.com

2️⃣ 시스템 설계 면접

[추천 글]
- 소프트웨어 시스템 설계 시 고려할 세 가지: https://careerly.co.kr/comments/67065
- 시스템 설계 면접 준비 방법: https://careerly.co.kr/comments/67313

[추천 자료]
도서
- 데이터 중심 애플리케이션 설계 (원제: Designing Data-Intensive Applications): https://search.shopping.naver.com/book/catalog/32466573690
- 가상 면접 사례로 배우는 대규모 시스템 설계 기초 (원제: System Design Interview: An Insider's Guide): https://search.shopping.naver.com/book/catalog/32485737619

온라인 자료 (영문)
- Grokking the System Design Interview: https://designgurus.org/course/grokking-the-system-design-interview
- Deep Dive into System Design Interview: https://www.educative.io/path/deep-dive-into-system-design-interview
- The System Design Primer: https://github.com/donnemartin/system-design-primer

3️⃣ 인성 면접 / 행동 면접

[추천 글]
- 면접에서 효과적으로 경험 어필하는 법: https://careerly.co.kr/comments/67573

[추천 툴]
- 각 기업 문화 페이지
- STAR 기법

Brunch Story

👩🏻‍💻 개발자 면접 대비 키트

복잡한 시스템을 익힐 때 아무리 서류를 여러 번 읽어보고 연구해 봐도 이해하는 데 시간이 꽤 걸릴 수도 있어요. 주니어시절 아키텍처를 이해하는 데 어려움을 많이 겪었던 것 같아요. 아키텍처를 이해하는 데 도움 되었던 방법 몇 가지 적어 봅니다.

1️⃣ 서류를 읽어보며 상위 설계 대충 이해해 보기

시스템 설계를 설명하는 서류나 학습 자료가 있다면 한 번 훑어보면서 대충 상위 레벨 아키텍처를 스스로 이해해 보려고 노력한다. 자료를 읽는다고 바로 이해되는 건 아니지만, 대충 큰 그림을 이해하고 코드를 읽어 보면 아키텍처를 이해하는 데 큰 도움이 된다.

서류가 없는 경우, 이 단계를 스킵하고 다음 단계부터 시작하면 된다.

2️⃣ 코드 읽어 보면서 시스템 설계 다이어그램 직접 그려 보기

스케일이 큰 시스템의 코드베이스는 굉장히 복잡하고 하나하나 꼼꼼하게 읽어 보면서 그릴 수 없다. 그렇지만 최대한 중요한 코드를 파악하고 컴포넌트가 어떤 역할을 하고 컴포넌트 간 어떤 상호 작용을 하는지 다이어그램을 그려 보며 스스로 설계해 본다. 다이어그램이 완벽하지 않아도 된다. 요점은 스스로 코드를 파해쳐 보며 설계해 보는 게 자료만 읽는 것보다 아키텍처를 이해하는 데 더 도움 된다.

이 방법은 마치 알고리즘 문제 풀기와 비슷하다. 기본적으로 알고리즘 개념을 책을 읽거나 유투브 강의를 보며 익힌 다음 직접 문제를 풀어 보면서 연습해야 '내 것'으로 만들 수 있다. 아키텍처도 비슷한 방식으로 접근하는데, 설계 경험 충분하지 않다면 실무에서 아키텍처를 익히려면 직접 그려보고 설계해 보는 게 가장 중요하다.

또한 이런식으로 아키텍처 다이어그램을 직접 그리면 설계 서류를 작성하고 설계 면접을 준비하는 데 도움 된다.

3️⃣ 선임에게 다이어그램 보여 주며 설명해 보기

스스로 그려 본 다이어그램을 관련 아키텍처를 잘 아는 선임에게 보여 주며 스스로 익힌 점을 설명해 보자. 틀려도 괜찮다. 요점은 시스템을 잘 아는 선임에게 내가 이해한 시스템을 설명하고 선임이 틀린 점을 바로 알려주면서 내가 모르는 점을 알게 되고 틀린 점을 바로 고칠 수 있다. 

예를 들어, 주니어 시절 선임이 '학습 세션(learning session)'을 통해 다이어어그램을 그리며 신입사원에게 아키텍처를 설명해 줬는데, 세션이 끝나도 그 시스템을 이해하지 못했다. 물론 어느 정도 상위 수준의 아키텍처를 이해할 수 있었지만, 정보를 흡수만 하는 게 시스템을 익히는 데 큰 도움이 되지 않았다. 

어렵더라도 내가 스스로 익혀보고 설계를 해보면서 선임에게 반대로 알려 주면서 상호적인 학습 세션을 통해 배우면 개념을 훨씬 빠르고 깊게 익힐 수 있었던 것 같다.

4️⃣ 팀원에게 다이어그램 그리며 시스템 설명해 보기

'가르치면서 배운다'는 걸 느낀 적이 있는데, 아키텍처를 가르쳐 주면서 팀원들이 모르는 점을 물어본다. 모든 질문에 대답할 수도 있고 없을 수도 있지만, 없어도 괜찮다. 내가 알지 못한 점을 다른 사람의 질문을 통해 알 수 있고, 스스로 공부했을 때 그냥 지나쳤을 수도 있는 아키텍처의 디테일한 점을 익힐 수 있다. 종종 생각지도 못한 질문을 받고 그 질문에 관한 답변을 찾으면서 스스로 공부했을 때 보다 더 많은 양의 정보를 흡수할 수 있다.

5️⃣ 상호작용하는 학습 세션 만들기

스텝3과 스텝4를 할 수 없는 상황이라면 팀원끼리 모여 함께 다이어그램을 그리며 설계를 설명해 보는 건 어떨까? 같이 배우면 혼자 배우는 것보다 더 많은 양의 정보를 흡수할 수 있다.

🪴 함께 읽으면 좋은 글

라지 스케일 시스템을 구현하는 개발자가 아는 것
https://careerly.co.kr/comments/90638

개발자가 꼭 봐야 할 책 - 데이터 중심 애플리케이션 설계
https://careerly.co.kr/comments/67004

초당 1억 건의 요청 S3 스케일의 스토리지 구축, 운영, 관리
https://careerly.co.kr/comments/88808

복잡한 시스템 빨리 이해하는 법

머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository is intented for helping whom are interested in machine learning study) - GitHub - teddylee777/machine-learning: 머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository i

GitHub - teddylee777/machine-learning: 머신러닝 입문자 혹은 스터디를 준비하시는 분들에게 도움이 되고자 만든 repository입니다. (This repository is intented for helping whom are interested in machine learning study)

엄청난 repo를 발견해버렸습니다...
유튜브 테디노트 채널의 repo인데요!

머신러닝에 관련된 모든 카테고리의 강의를 정리했을 뿐 아니라
책, 유튜브 채널, 웹사이트까지 모두 소개하고 자격증까지 소개하고 있네요...

잠 안오면 이거 하나씩 깨부셔야겠어요!

https://github.com/teddylee777/machine-learning#%ED%86%B5%EA%B3%84-statistics

머신러닝을 혼자서 처음부터 공부한다면...!

TypingMind, Xnapper, BlackMagic, DevUtils의 개발자 Tony Dinh이 회사를 퇴사하고 3년만에 월 수익 5,500만 원을 버는 Indie Hacker가 된 과정과 제품 성공 이야기를 전합니다.

🗞️ 베트남 개발자가 사이드 프로젝트로 월 5천만원 벌게 된 이야기

안녕하세요 :) 
오늘은 베트남에서 혼자 2일만에 개발한 ChatGPT 껍데기 서비스로 월 4,000만원 버는 Tony Dinh 이야기를 준비했습니다.

Tony는 7년간 개발자로 일하다 사이드 프로젝트를 위해 퇴사한 후, 단 3년 만에 베트남 월 평균 임금의 166배를 벌고 있습니다. 어떻게 가능했을까요? 그의 지난 3년을 핵심만 정리해서 이 글👇에 담았습니다. 

전체 내용 보기 ➡️ https://www.sidehustlerstory.com/p/tony-dinh/?ref=careerly.co.kr

👇 전체 목차입니다. 내용 이해에 이미지가 필요한 부분이 많아서 이 글에는 목차만 공유합니다.

📌 시작: 사이드 프로젝트 for 재미+취업 😆💼
📌 선 퇴사 😎, 후 개발 👨‍💻
📌 Tony의 연봉 히스토리 💸
📌 풀스택 개발자의 풀스택 제품 라인업 🤹
📌 첫 성공: DevUtils 🛠️
📌 Cool & Free 제품으로 바이럴 타기: BlackMagic 🎩
📌 BlackMagic을 1억 7천만원에 팔 수 밖에 없었던 드라마 🎬
📌 2022년에 스크린샷 앱을 만든다고? Xnapper 📸
📌 ChatGPT 껍데기로 매 달 4천만원 벌기: TypingMind 🧠
🎁 60일 만에 월 수익을 7배 증가시킨 베타 테스팅 전략 ($300 → $2,164) 📈
🎁 구매 취소율 80% 위기를 극복한 방법 🏋️‍♂️
🎁 BlackMagic 인수 제안(7억 원)을 거절한 뒷 이야기와 이 과정에서 배운 것들 👋
🎁 5번이나 프로덕트 헌트 1위 등극한 Tony의 런칭 전략 🥇
🎁 Tony가 제품 개발에 활용한 기술 스택 🛠️

전체 내용 보기 ➡️ https://www.sidehustlerstory.com/p/tony-dinh/?ref=careerly.co.kr

사이드허슬러스토리

ChatGPT 껍데기로 월 4천만원 버는 베트남 개발자 이야기

The Product-Minded Software Engineer by Gergely...

제품 중심 개발자 되기

바로 제품중심으로 생각할 줄 아는 개발자이다. (Product-Minded Software Engineer) 
"나쁜 엔지니어들은 기술에만 너무 집중합니다. 훌륭한 Product Engineer들은 사랑 받는 제품을 만들기 위해 제품 개발 과정에서 적절한 깊이로 고민 해야 한다는 사실을 압니다." 
Shopify의 head of engineering인 Jean-Michel Lemieux은 Product Engineer를 위와 같이 정의했다.

나는 기획이라는 업을 한 지 약 7~8년차가 되었고, 프리랜서/인하우스 둘 다 경험해 보았을 때
다양한 스타일의 개발자들을 만나왔다. 사람의 성격이나 성향, 기질은 둘째 치고 
함께 일할 때 즐거움을 주었던 분들의 특징은  바로 제품에 대해 "생각"이라는걸 할 줄 안다는 것이었다. 

내 경험이다만, 일단 제품 중심 개발자는 질문하는 것도 행동하는 것도 달랐다. 

1. 이 기능이 왜 필요한지 정확히 이해하기 위해 많은 질문을 던진다.
2. 이를 테스트하고 수정된 사양에 포함된 일부 제안을 가져온다.
3. 빠르게 기능을 구축하고 피드백을 얻는다.
4. 기능을 출시한 후에도 예상과 일치하는지 계속해서 확인한다.
5. 예상과 달랐을 때, 결과를 깊이 파고들어 실제 세계에서의 제품 사용에 대해 새로운 것을 배운다.

(주니어~미들이지만 위 1번부터 5번 모두 해당하는 Frontend 개발자 분이 계셨다. 그 사람의 개발 실력이 어떻든 간에 만약 내가 창업을 한다면, 가장 먼저 영입 하고 싶은 분이기도 하다.)

반면 "기획서 나오면 검토할게요". "안됩니다." "6개월 이상 걸립니다." "기능정의서 먼저 주세요." "화면 보고 얘기하시죠." "그때 자세히 못봤는데 지금 보니 이거 못합니다." 라는 대답만 나오는 개발자와는 그닥 즐겁게 일하지는 못했던 것 같다.  

제품 중심으로 생각할 줄 아는 개발자는 각 프로젝트 이후, 제품 이해력이 깊어지고 더 나은 제품 직감력을 발휘 하기 시작한다. 길가에 그냥 지나쳤던 나무가 플라타너스 나무로 보이듯이, 감각이 생기면 문제 해결도 빨라지고 수월해지는 것이다. 이 과정에서 제품 중심 개발자는 더 많은 커리어 성장 기회를 얻는다.

📌 제품 중심 개발자가 되기 위한 팁
사용자가 있는 제품을 개발하고 있다면, 제품 중심 마인드를 키우는 데 도움이 되는 몇 가지 팁이 있다. 이러한 팁은 제품 중심 개발자로 성장하는 데 효과적인 것으로 보인다.
(아티클 원문에서 내가 깊게 공감하는 것만 뽑아 봤다. 약간 수정포함)

1. 회사의 존재 이유를 이해하기. 
비즈니스 모델은 무엇인가? 어떻게 수익을 창출하나? 어떤 부분이 가장 이윤이 많으며 어떤 부분이 가장 확장되고 있나? 왜 그럴까?

2. PM과 좋은 관계를 구축하기. 
대부분의 PM은 개발자를 멘토링할 기회에 기뻐한다. (말걸어주면 기쁘다.)
개발자들이 제품에 관심을 가지면 자신의 역량을 확장할 수 있다. 물론 제품 관련 질문을 많이 하기 전에 좋은 관계를 구축하고, PM에게 제품에 더 많이 관여하고 싶다고 분명히 전하는 것이 좋다.

3. 타당한 제안 제시하기. 
비즈니스, 제품 및 이해관계자에 대한 좋은 이해를 갖게 된 후에는 제품 개발에 대한 이니셔티브를 가져갈 수 있다. 

4. PM(기획자)에게 피드백 자주 요청하기. 
훌륭한 제품 중심 개발자가 되기 위해서는 기존의 엔지니어링 기술에 더해 제품 기술을 개발해야 한다. 제품 기술에 대한 당신의 성과를 어떻게 평가하는지 가장 잘 아는 사람은 PM(기획자)이다. 제품 제안이 얼마나 가치 있는지에 대한 피드백을 얻고, 추가 성장을 위한 아이디어를 얻기 위해 PM에게 연락한다.

물론 저런 것이 적성에 맞지 않고 도저히 힘든 사람들도 있기에 이 세상 모든 개발자에게 강요할 수는 없을 것이다. 어디까지나 내가 맞는 직군, 내게 맞는 회사나 조직, 프로젝트에 맞춰서 일하면 될 것이다. 내 의견이 반영 되는 것이나 주도적으로 일하는 것이 버거운 사람도 있는 것일테니 말이다. (그렇다면 프리랜서나 SI/SM을 추천한다. 불안정하지만, 오히려 월 단가는 훨씬 더 높다.)

커리어를 건강하게, 차곡차곡 쌓아 올라가고 싶은 사람에게는 제품개발 사고능력이 필수라고 본다. 나는 그런 개발자와 함께 일하고 싶다. 

원문: https://eopla.net/magazines/6578

"유튜브는 원래 데이팅 어플이었다?" 스타트업 피봇 사례 39가지

PM(기획자)인 내가 함께 일하기 좋아하는 개발자는

안녕하세요, 뱅크샐러드 코어 백엔드 팀의 정겨울입니다. 뱅크샐러드는 백엔드 서비스에 다양한 언어를 사용하고 있습니다. 특히 지난 4년간은 Go와 gRPC...

뱅크샐러드 Go 코딩 컨벤션 | 뱅크샐러드

뱅크샐러드는 백엔드 서버 언어로 Go 를 가장 활발하게 사용하고 있습니다. 일관성 있는 서비스 코드 베이스를 만들기 위한 노력으로 코딩 컨벤션을 잘 정리해두고 있는데요, 이번에 회사 블로그 글로 포스트되어서 공유합니다. 

Go에 관심이 있으시다면 읽어보시면 좋을 것 같아요.

> 시간이 흐르고, 조직의 규모가 변하며, 구성원이 바뀔수록 코드 일관성 그 이상으로 여러 코드 베이스의 개념적 일관성을 유지하기 위한 노력이 필요합니다. 이 글에선 주로 코드 일관성 측면에서 뱅크샐러드가 어떤 Go 코딩 컨벤션을 따르며 권장하는지 얘기해보고자 합니다.

https://blog.banksalad.com/tech/go-best-practice-in-banksalad/

Banksalad

뱅크샐러드의 Go 언어 코딩 컨벤션

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

사이드 프로젝트! 생각만 해도 가슴이 뛰는 분들 많으실텐데요! 가슴이 뛰는 이유로는..... 프로젝트 진행의 즐거움과 유저들과의 만남도 있겠지만... !! 개인적으로는 비용에 대한 부담이 큰 것 같아요. 

사이드 프로젝트인만큼 투자할 수 있는 시간과 에너지가 한정되어있는데, 그러자니 SaaS, PaaS를 찾아보게 되고, 그만큼 비용이 늘어날 수 밖에 없는데요. 

사이드 프로젝트는 하고 싶지만 비용은 줄이고 싶어! 하시는 분들을 위한 서비스들을 모아놓은 곳이 있어 공유합니다. 

클라우드, 이벤트 통계, API, BaaS, CI/CD, 디자인 등등 다양한 부분의 무료 서비스들을 한번에 찾아볼 수 있습니다! 

https://free-for.dev

Free-for

사이드 프로젝트를 위한 무료 서비스들

Airbnb를 실패의 위기에서 구한 방법과 디자이너를 향한 그의 조언

브라이언 체스키가 Airbnb에서 PM을 없애버린 이유

"A/B 테스트를 그만두고 스스로 만족할 때까지 프로덕트를 다듬고, 자랑스럽다 말할 수준이 되면 다른 사람에게 공개하라"

여러모로 굉장히 흥미롭네요. 에어비앤비 CEO 브라이언 체스키가 디자인 중심의 경영을 선언하고 PM 롤을 없앴군요? 

체스키는 회사가 커질수록 서비스의 변화가 줄어들고 비용만 증가하는 문제를 두고 고민하다가 CEO가 제품 개발에 깊이 참여하는 애플의 경영 방식을 따르기로 했다고 합니다(feat. 조너선 아이브). 이게 '디자인 중심의 경영'이라고 선언한 방식의 요지이고, 하위 부서들의 로드맵 폐지하고 본인이 직접 컨트롤 가능한 소수의 핵심 사업만 추진한다네요.

그럼 PM은 어떻게 됐냐. 기존 조직을 기능 조직(디자인, 개발, 마케팅)으로 나누고 PM직무는 기존 직무와 마케팅 직무를 결합하여 ‘프로덕트 마케터’로 이름을 바꾼 뒤 디자이너의 권한을 강화했다고 합니다. 

'PM은 쓸모 없고 디자이너가 짱이야!' 했다기보단 제품을 만들어갈 때 역할과 균형을 꽤 크게 조율했다고 보는 게 맞을 거 같은데요.. 근데 왜 때문에 저러는지 알 거 같기도 합니다.

연중 80%의 업데이트는 상반기/하반기 나누어 2번만 크게 진행하고, A/B테스트는 꼭 필요한 경우에만 진행하는 걸로(A/B테스트 맛집이었는데 서운..) 정하면서 문제와 제품을 깊이 들여다볼 시간을 만들었고 체스키 스스로도 기업 경영보다는 제품에 시간을 쏟는 중이라고 합니다.

재밌네요! 흥미진진. 
저런 환경은 어떨지.. 한 번 경험해 보고 싶습니다.

차우진의 TMI.FM

🚫PM을 없앤 에어비앤비

오늘 영상의 주인공은 고위드 김항기 대표님입니다. 김항기 대표님의 이력은 독특하다는 표현으로는 부족할 정도인데요. 그는 대우증권 지점영업직으로 시작해 법인영업, 애널리스트, 펀드매니저를 거쳐 자산운용사를 설립하는 등 금융인으로서 가능한 모든 커리어를 섭렵하며 최고의 자리에 올랐습니다. 하지만 4년 전부터는 스타트업을 비롯한 혁신 기업에게 혁신적인 금융을 제공한다는 비전을 주창하며 고위드의 대표를 맡았는데요.

영업사원에서 대표가 되기까지, 20년 차 투자자의 인생 철학 | 고위드 김항기

1. “질문이 모호한 것은 (진짜) 문제가 뭔지 모른다는 뜻이고, (뭐가 정말 문제인지 모르니까) 불안해서 그 불안함을 해결하려고 그냥 주위를 찾아다니는 거예요. (나도 모르는 내 문제를 누군가가 해결해주길 바라면서 말이죠)”

2. “(근데) 이 패턴을 가지고 있으면 문제 해결이 (절대) 안 돼요"

3. “(이건) 선배님이 저한테 알려주신 거예요. 제가 어느 날 가서 무슨 질문을 했더니 저한테 이렇게 말하시더라고요. “네 불안에 내 시간 쓸 생각 없어. 끝까지 실행해봐, 그러면 질문이 구체적으로 변할 거야. 그래도 해결 안 되면 그때 찾아와"라고”

4. “불안할 때 한 가지 일을 더 실행해보고, 더 실행해보고, 더 실행해보는 것들, 그런 것들을 통해서 저도 굉장히 많이 배웠고, 그래서 제 인생의 슬로건에는 이런 게 있긴 해요. ‘까리하면 제일 어려운 길로’”

5. “최소한 그렇게 살면 (쉽게) 죽진 않거든요. 그러니까 ‘헷갈리면 아 몰라 제일 어려운 길로 가’, 그러면 진짜 죽지는 않아요. 근데 (금융 시장에서 오래 있으면서) 헷갈릴 때 쉬운 길을 택해 버릇하면 반드시 죽는다는 건 제가 알고 있어요"

6. “(그러니) 정말 힘드시더라도, 장기적으로 옳은 길을 택하시는 게 가장 빠른 길이다(라는 걸), 많은 선배 경영자들과 훌륭한 경영인들의 책을 보고 느끼시고, 어떤 방향이 장기적으로 성장할 수 있는 길인지 한 번 생각해보시면 어떨까라는 생각을 가지고 있습니다"

- 고위드 김항기 대표

https://www.youtube.com/watch?v=guETTiacPnE&t=902s

’질문이 모호하다’는 건

01. 며칠 전 절친한 분의 의뢰로 네이밍 작업을 하나 하게 되었습니다. 브랜딩 일을 한다고 하면 자주 받는 의뢰 중의 하나인데, 가장 좋아하는 일이기도 하지만 동시에 가장 어렵다고 생각하는 일이 바로 이름 짓기, 이 네이밍입니다. 

02. 네이밍이 어려운 이유는 결과론적 시각이 가장 크게 작용하는 부분이기 때문입니다. 누구나 아는 위대한 제품이나 서비스, 브랜드로 성장한 다음에야 '저 브랜드는 이름부터 근사해'라는 평을 듣게 되지만, 사실 그 이름을 처음 들이밀었을 때는 반신반의하거나 '이게 뭐냐'는 식의 반응을 보인 사람들이 훨씬 많을 거거든요. 
하물며 큰 성공을 거둔 뒤에도 '솔직히 이름이 뭐 얼마나 대단한 역할을 했냐. 성공하고 나니까 좋아 보이는 거지'라는 내부의 비판을 들을 때도 있습니다. 

03. 동의가 되는 부분도 있고 아닌 부분도 있지만 오늘 하고 싶은 이야기는 네이밍의 역할에 관한 것은 아닙니다. 오히려 좋은 이름을 짓기 위해서는 (그 수많은 핍박과 의심과 결과론적 시각의 집중포화를 맞음에도 불구하고) 어떤 노력과 관심을 기울여야 하는지 현실적인 방법들에 대한 이야기가 될 것 같네요. 

04. 네이밍에 정답이 없다는 사실은 누구나 다 알고 계실 겁니다. 어쩔 땐 저도 수십 개에 해당하는 리스트를 만들어 가슴에 품고 다니면서도 맘에 드는 녀석이 하나 없어 끙끙 않을 때가 많거든요. 이번에 지인이 의뢰하신 네이밍도 마찬가지였습니다. 개인적으로는 비업무의 영역이지만 또 그분에게는 나름의 중요한 의미가 있는 프로젝트이니 대충 할 수도 없는 노릇이죠. 때문에 요 며칠간은 매일 아침마다 몇 개의 단어를 입으로 발음해 보고 운전하고 지나가다 눈에 밟히는 간판 위에 그 단어를 얹어보기도 하고, 만나는 사람에게 '이런 유형의 발음이 어떻게 들리시나요?' 같은 질문들을 해대며 살았던 것 같습니다. 

05. 그런 노력들 속에서 이번에도 깨달은 것 한 가지는 네이밍이라는 분야야말로 지나치게 깊이 파고들어갈 것이 아니라 끊임없이 지우고, 버리고, 비우고를 반복하며 먼 시각에서 흐린 눈(?)으로 바라봐야 한다는 것이었습니다.
이게 무슨 말인고 하면, 네이밍을 일반적인 기획이나 브랜딩처럼 기존의 지식과 정보 위로 쌓고 또 쌓아가며 다듬는 방법을 택하면 오히려 역효과가 날 수 있다는 의미입니다. 

06. 그래픽 디자이너로 시작해 90~2000년대 전 세계 기업의 로고를 수도 없이 많이 디자인 한 폴 랜드(Paul Rand)라는 인물을 아실 겁니다. 그런 폴 랜드가 남긴 유명한 어록이 하나 있죠. 
'좋은 이름을 만나면 로고 작업의 절반은 이미 끝나 있는 것과 마찬가지다. 좋은 이름은 탄생과 동시에 사람들의 일상 속으로 깊숙이 파고들어 그 자체로 브랜드가 되기 때문이다. 간결하지만 명확한 이름을 만나면 로고는 10초 만에도 그린다.'

07. 그래서 저는 네이밍을 할 때 나름의 원칙들이 몇 가지 있습니다. (물론 이 원칙은 자주 깨지기도 하지만요... 일단 저 스스로를 다독이는 무기인 셈이죠.)

첫째, 발음 자체가 되도록 간결하고 쉬울 것 
둘째, 의미 파악을 위한 depth가 깊지 않을 것 
셋째, 유행의 흐름을 되도록 덜 타게 할 것 
넷째, 다른 이름과 헷갈리게 만들지 않을 것 
다섯째, 후발주자라는 인식을 절대 심어주지 말 것 

08. 이렇게 보면 사실 위 다섯 가지 원칙은 하나의 문장으로 정리가 되는 것 같습니다.
바로 '쉽고 간결하되 누군가를 의식해서 만든 것처럼 보이지 않아야 한다'라고 말이죠. 그리고 저는 이것이야말로 네이밍이자 브랜딩을 하는 가장 본질적인 노력이라고도 생각합니다. '우리다움을 가장 명확하게 드러내되, 그것이 유일하고 특별하고 소중하게 하는 것'이 바로 브랜드를 만드는 첫 번째 이유가 될 테니 말이죠. 

09. 그래서 혹시라도 업무를 하시는 중에 네이밍을 해야 할 일이 있다면 그저 필 꽂히는 느낌대로 여러 단어를 조합해 볼 게 아니라 방망이 깎는 노인처럼 마치 그 브랜드가 그 이름으로 런칭했다고 가정하고 계속해서 가상현실에 접목해 보는 노력을 하는 게 중요합니다. 그러면서 불필요한 것을 덜어내고 더 명확하게 드러낼 수 있는 게 없을지 하나씩 체크하는 게 좋은 이름을 만드는 진정 어린 노력이 아닐까 싶거든요. 

10. 네이밍 업무를 할 때면 수명이 몇 년씩은 단축되는 듯한 느낌이지만, 좋은 이름 하나를 만들고 나면 그 뿌듯함과 벅참은 다른 무엇보다도 오래 보존됩니다. 누군가는 이름을 짓는다는 그 무게감이 버거워 굳이 맡으려고 하지 않을 때도 많지만 개인적으로는 한 번쯤 과감히 도전해 봐도 좋은 영역이라고 생각합니다. 다른 존재에게 이름을 부여한다는 행위는 기존에 우리가 하던 일과는 또 전혀 다른 책임감과 사명감을 안겨다 주기 때문이죠. 그래서 저는 이름을 짓는 일을 참 애정하고 더 잘하고 싶은가 봅니다.

이름을 짓는다는 것 : '네이밍'을 위한 현실적인 고민과 노력

Design System Components Using Tailwind

Design System Components Using Tailwind

디자인을 논리적으로 하라는 말을 하는 분들이 있는데, 중요한 접두사가 있습니다. 프로그램의 논리와 디자인의 논리가 있습니다. 결국 UI는 프로그램 논리로 재구성 되므로, 프로그램이 어떻게 작동하는지 이해해야 말이 통하게 됩니다. 피그마나 스케치 위의 디자인이 코드에 가까워지면 어떻게 변화되는지 확인할 수 있는 예제입니다.

디자이너

브랜드 가이드 개선
사용자 경험을 높이는 위치 기반 커뮤니티 앱 기획 및 디자인
기능 개발 및 운영
스케치 기반의 앱 UI 디자인
사업 소개를 위한 홍보물과 IR 자료 제작

Product Designer

iOS / Android 앱 디자인 및 업데이트
브랜딩 관점에서 앱 브랜드 개발
주요 개발 계획과 기획에 따른 채팅 앱 제품 디자인
피그마를 사용한 디자인 시스템 에셋 및 컴포넌트 디자인

디자인 팀 운영 및 업무 관리

UI 디자이너

여러 가지 일, 아주 많은 것을 정리하고, 분류하고, 변경하여 개선하고 향상시키는 중단기 로드맵을 구성하고 실행하는 One-Man 디자인을 하고 있습니다.
디자이너 한 명이 회사에 얼마나 많은 변화를 만들 수 있을지 도전해 봅니다.

ㅡ
프레이머를 사용한 웹사이트 디자인 및 운영
피그마를 사용한 내부/외부 고객을 위한 웹 기반 제품 디자인
디자인 시스템 구축을 위한 에셋과 디자인 컴포넌트 유지보수

마케팅을 위한 브랜딩과 광고 소재 제작
웹사이트 노출과 광고 데이터 관리
브랜드 가이드 작성 및 개선

사업 소개, CS, 고객 유입을 위한 자료 제작
행사 진행을 위한 인쇄물 디자인

디자인 운영 및 관리

스타트업 공동 창업자로 모든 제품 경험과 메시지와 기능, 브랜딩을 총괄하며, 하루하루 시장에서 제품이 살아남아 성장하는 성과를 내고 있다. 

로고 디자인과 브랜드 가이드 작성 및 개선
사용자 경험 개선을 위한 플로우 제작 및 VOC에 따른 기능 개선
중장기적인 디자인 관리를 위한 디자인 시스템 구축
스케치 기반의 앱 UI 디자인
웹과 출력물을 위한 디자인 및 비즈니스 에셋과 굿즈 제작
사업 소개를 위한 IR 자료 제작

프로덕트 디자이너

pliossun

드리블에도 디자인을 올립니다.

드리블

브런치

제품을 성장시키는 회사에 필요한 디자인 관점의 문제 해결과 성과 중심의 결과를 추구하는 디자이너입니다. 웹과 앱에서 많은 제품을 출시했습니다.  시니어 디자이너로 스타트업과 프로젝트 초기에 필요한 넓은 시야와 로드맵을 생각하고 구현합니다.

댓글 0