[모집] 우아한스터디 2024 여름시즌 | 우아한형제들 기술블로그

https://techblog.woowahan.com/17328/

우아한형제들 구성원들과 함께 진행하는 우아한스터디 여름시즌 모집이 시작되었네요

 * [테크] KU배당
 * [테크] 기술 블로거 모여라
 * [테크] 코드와 함께 쉽게 배우는 리눅스
 * [테크] 프롬프트 참 잘하는 집
 * [테크] 우아한 대규모 시스템 설계 스터디2

이상 5가지 스터디가 운영한다고 합니다.

 * 활동기간 : 6월 1일~7월 31일(2달)
 * 신청기간: 5월 8일~5월 14일
 * 선발결과: 5월 22일 개별 안내

https://techblog.woowahan.com/17328/ 우아한형제들 구성원들과 함께 진행하는 우아한스터디 여름시즌 모집이 시작되었네요 <ul ><li>[테크] KU배당</li><li>[테크] 기술 블로거 모여라</li><li>[테크] 코드와 함께 쉽게 배우는 리눅스</li><li>[테크] 프롬프트 참 잘하는 집</li><li>[테크] 우아한 대규모 시스템 설계 스터디2</li></ul> 이상 5가지 스터디가 운영한다고 합니다. <ul ><li>활동기간 : 6월 1일~7월 31일(2달)</li><li>신청기간: 5월 8일~5월 14일</li><li>선발결과: 5월 22일 개별 안내</li></ul>

우아한형제들 기술블로그 |

[모집] 우아한스터디 2024 여름시즌

From Solo MVP to Scaled Success - Building a $70k+/Month Transactions E-Commerce App | GO Lee

How Two Front-End Developers Built an E-Commerce App in 10 Weeks

https://www.golee.me/blog/early-stage-startup-tech-stack

응원합니다

다음 글은 월 100$ 이하로 커머스앱 운영 하기라고 하네요 👍

https://www.golee.me/blog/early-stage-startup-tech-stack 응원합니다 다음 글은 월 100$ 이하로 커머스앱 운영 하기라고 하네요 👍

golee.me

프론트엔드 개발자 2명이 만든 명품 주얼리 거래 이커머스 앱

SOLID 원칙 많이들 공부하시죠. 다섯 가지 원칙들의 정의, 그리고 원칙들이 적용된 코드를 습득하는데에서 그치지 말고 각 원칙들의 단점까지 파악해서 상황에 맞게 tradeoff를 제대로 할 줄 아는게 중요합니다.

S: 단일 책임 원칙을 지킬 때의 이점은 코드의 기능을 이해하기 쉽고 유지보수가 편리해지는 반면 단점으로는 지나치게 분리를 하면 전체 시스템을 파악하기가 어려울 수도 있고, 구현 난이도가 올라갈 수도 있습니다.

O: 개방폐쇄 원칙을 지켰을 때의 이점은 기능 변경 시 코드 수정 범위가 작고 확장성이 좋다는 것입니다. 반면에 단점은 코드의 복잡성이 증가하게 되죠. 코드를 읽기 더 어려워질수도 있고 타입이 많아지는 오버헤드도 발생하고요.

L: 리스코프 치환 원칙을 잘 지켰을 때의 이점은 코드의 예측 가능성, 신뢰성이 높아진다는 점입니다. 어떤 타입을 받았을때 내가 알고 있는 대로 동작할거라고 예상할 수 있으니까요. 반면에 단점은 유연함을 잃게 됩니다. 자식 클래스에서 약간의 창의성도 발휘할 수 없게 되죠.

저는 시간 관계상 여기까지만 쓰도록 하겠습니다. 인터페이스 분리 원칙과 의존성 역전 원칙은 어떤 장점과 단점들이 있을까요?

프로그래밍에서 보통 얻는 것이 있으면 잃는 것도 있다는걸 언제나 기억해야 합니다. 새로운걸 공부할 때는 동전의 양면을 모두 파악하는 습관을 들이는 것이 좋습니다.

SOLID 원칙 많이들 공부하시죠. 다섯 가지 원칙들의 정의, 그리고 원칙들이 적용된 코드를 습득하는데에서 그치지 말고 각 원칙들의 단점까지 파악해서 상황에 맞게 tradeoff를 제대로 할 줄 아는게 중요합니다. S: 단일 책임 원칙을 지킬 때의 이점은 코드의 기능을 이해하기 쉽고 유지보수가 편리해지는 반면 단점으로는 지나치게 분리를 하면 전체 시스템을 파악하기가 어려울 수도 있고, 구현 난이도가 올라갈 수도 있습니다. O: 개방폐쇄 원칙을 지켰을 때의 이점은 기능 변경 시 코드 수정 범위가 작고 확장성이 좋다는 것입니다. 반면에 단점은 코드의 복잡성이 증가하게 되죠. 코드를 읽기 더 어려워질수도 있고 타입이 많아지는 오버헤드도 발생하고요. L: 리스코프 치환 원칙을 잘 지켰을 때의 이점은 코드의 예측 가능성, 신뢰성이 높아진다는 점입니다. 어떤 타입을 받았을때 내가 알고 있는 대로 동작할거라고 예상할 수 있으니까요. 반면에 단점은 유연함을 잃게 됩니다. 자식 클래스에서 약간의 창의성도 발휘할 수 없게 되죠. 저는 시간 관계상 여기까지만 쓰도록 하겠습니다. 인터페이스 분리 원칙과 의존성 역전 원칙은 어떤 장점과 단점들이 있을까요? 프로그래밍에서 보통 얻는 것이 있으면 잃는 것도 있다는걸 언제나 기억해야 합니다. 새로운걸 공부할 때는 동전의 양면을 모두 파악하는 습관을 들이는 것이 좋습니다.

SOLID 원칙의 이면

스프레드시트(엑셀)는 기획자 뿐 아니라 개발자는 물론 디자이너도, 그리고 IT 뿐 아니라 거의 모든 직종에 걸쳐 2nd 뇌의 역할을 태초부터 해 왔고 앞으로도 할 것이다.

사실 거의 모든 소프트웨어는 스프레드시트를 특정 도메인과 작업에 맞게 랩핑 한 것이나 마찬가지라고 할 수도 있을 정도.

즉, 직무 역량에 있어 스프레드시트는 국영수와 같은 포지션으로, 가능한 사회 초년생 때 일정 수준 이상의 활용 능력을 키우는 것이 좋다.

스프레드시트(엑셀)는 기획자 뿐 아니라 개발자는 물론 디자이너도, 그리고 IT 뿐 아니라 거의 모든 직종에 걸쳐 2nd 뇌의 역할을 태초부터 해 왔고 앞으로도 할 것이다. 사실 거의 모든 소프트웨어는 스프레드시트를 특정 도메인과 작업에 맞게 랩핑 한 것이나 마찬가지라고 할 수도 있을 정도. 즉, 직무 역량에 있어 스프레드시트는 국영수와 같은 포지션으로, 가능한 사회 초년생 때 일정 수준 이상의 활용 능력을 키우는 것이 좋다.

“정부는 네이버가 (라인을 일본에)매각하는 것을 원한다면 정당한 값을 받고 더 나은 비즈니스를 할 수 있도록 할 것”

21세기형 매국 조약을 정부가 지지하다니..

“정부는 네이버가 (라인을 일본에)매각하는 것을 원한다면 정당한 값을 받고 더 나은 비즈니스를 할 수 있도록 할 것” 21세기형 매국 조약을 정부가 지지하다니..

친일파가 한국을 일본에 팔아먹을때도 '한국의 현대화와 발전을 위해서'라고 주장했죠.

장소는 역삼역 부근 오렌지 플래닛이 될 예정이고 날짜는 5월 29일 저녁입니다. 이 모임에 전에 와보신 분들은 아시겠지만 동일한 포맷으로 진행할 예정입니다. 장소는 달램(https://www.dallem.com/)에서 후원해주셨습니다. - 장소오픈: 6:00 PM - 발제 (한기용): 6:30 - 7:00 PM - Q & A (한기용): 7:00 - 7:30 PM - 네트워킹: 7:30 - 9:30 PM 장소 입장을 위한 사전 등록이 필요하기에 아래 정

2024-05-29 한기용 팬(?) 모임

실리콘 밸리에서 일하면서 내가 몇 년차인지로 인한 압박을 받아본 적은 딱히 없었다. 주변을 보자면 대부분 자기가 주니어인지, 시니어인지, 스태프인지 등등으로 구분을 하지 3년차이다 5년차다 등등으로 본인을 판단하지는 않는다. 물론 자기 소개를 하거나 할 때는 사용할 수 있는 정보이긴 하다. 나도 29년차라고 나를 소개하고 있다. 사실 이런 소개도 한국 커뮤니티와 다시 접점이 생기기 전에는 나를 소개할 때 사용해보지 않은 형태의 소개이기도 하다.

한국에 있는 개발자들(사실 모든 IT 직군들)과 이야기하면서 내가 3년차인데 3년차로서 역량을 갖고 있는지 모르겠습니다 등의 고민을 많이 듣게 되었다. 학교 밖의 세상에 무슨 명확한 커리큘럼이 있는 것도 아니고 각 연차별로 무엇을 알아야하는 것이 있어야 한다는 생각은 그다지 건강한 사고가 아니라고 보여진다. 연차보다 더 중요한 것은 내가 무엇을 성취해봤고 얼마나 몰두해보았는지 경험의 밀도라고 생각한다. 여기서 주의할 포인트는 내가 어떤 기술을 알고 있는지 너무 기술지향적으로 바라보지 않는 것이다. 나에게 맞는 환경을 찾아 거기서 현재에 집중하며 성취하는 경험을 해보고 좋은 평판을 만드는 것에 집중하는 것이 연차로 압박감을 느끼며 선행학습하는 형태로 스트레스 받는 것보다 더 효과적인 커리어 개발방법이라 본다.

5월 29일 수요일날 저녁에 역삼역 부근 오렌지 플래닛에서 커리어에 관한 다양한 이야기를 해보는 시간을 만들어볼 예정이고 관심있는 분들은 아래 링크에서 등록해주시면 별도로 연락을 다시 드릴 예정이다.

https://forms.gle/dSXXMbktSStJV2L87

실리콘 밸리에서 일하면서 내가 몇 년차인지로 인한 압박을 받아본 적은 딱히 없었다. 주변을 보자면 대부분 자기가 주니어인지, 시니어인지, 스태프인지 등등으로 구분을 하지 3년차이다 5년차다 등등으로 본인을 판단하지는 않는다. 물론 자기 소개를 하거나 할 때는 사용할 수 있는 정보이긴 하다. 나도 29년차라고 나를 소개하고 있다. 사실 이런 소개도 한국 커뮤니티와 다시 접점이 생기기 전에는 나를 소개할 때 사용해보지 않은 형태의 소개이기도 하다. 한국에 있는 개발자들(사실 모든 IT 직군들)과 이야기하면서 내가 3년차인데 3년차로서 역량을 갖고 있는지 모르겠습니다 등의 고민을 많이 듣게 되었다. 학교 밖의 세상에 무슨 명확한 커리큘럼이 있는 것도 아니고 각 연차별로 무엇을 알아야하는 것이 있어야 한다는 생각은 그다지 건강한 사고가 아니라고 보여진다. 연차보다 더 중요한 것은 내가 무엇을 성취해봤고 얼마나 몰두해보았는지 경험의 밀도라고 생각한다. 여기서 주의할 포인트는 내가 어떤 기술을 알고 있는지 너무 기술지향적으로 바라보지 않는 것이다. 나에게 맞는 환경을 찾아 거기서 현재에 집중하며 성취하는 경험을 해보고 좋은 평판을 만드는 것에 집중하는 것이 연차로 압박감을 느끼며 선행학습하는 형태로 스트레스 받는 것보다 더 효과적인 커리어 개발방법이라 본다. 5월 29일 수요일날 저녁에 역삼역 부근 오렌지 플래닛에서 커리어에 관한 다양한 이야기를 해보는 시간을 만들어볼 예정이고 관심있는 분들은 아래 링크에서 등록해주시면 별도로 연락을 다시 드릴 예정이다. https://forms.gle/dSXXMbktSStJV2L87

Google Docs

연차가 주는 압박감: 연차 << 경험의 밀도

제가 쿠팡의 시스템 중 가장 좋다고 생각하는 것은 통역 시스템입니다. 쿠팡의 통역사분들은 정말 굉장합니다. 온갖 테크와 쿠팡의 비지니스 관련된 주제들을 실시간으로 통역해주시니까요. 내부에서 지식 공유도 활발히 하시는 거 같아서 오히려 개발팀들끼리 서로 소통이 안되는 부분은 통역사분들이 잘 아시지 않을까 하는 생각도 듭니다.

Non-tech 직군에게 tech 지식 설명하는 소소팁

JSON 라이브러리 예시를 통해 어떻게 설명하는지 보여주는 글입니다. 여러 문장 중에서 아래 메시지가 와닿네요.

"다른 직군들에게 친절하게 말하도록 합시다."

https://gayuna.github.io/tinytip/explain-tech-to-non-tech/

JSON 라이브러리 예시를 통해 어떻게 설명하는지 보여주는 글입니다. 여러 문장 중에서 아래 메시지가 와닿네요. "다른 직군들에게 친절하게 말하도록 합시다." https://gayuna.github.io/tinytip/explain-tech-to-non-tech/

Annular Eclipse

tech 지식 설명 팁

두 개의 LLM 모델을 그냥 합치기만 하면 성능이 좋아진다는 Mergekit과 ChatVector가 수상할 정도로 잘 된다. 그렇다면 인간도 다른 사람 뇌를 내 뇌와 합치기만하면 슈퍼 인텔리전스가 될 수 있는 것일까..? #AI #LLM #총몽

두 개의 LLM 모델을 그냥 합치기만 하면 성능이 좋아진다는 Mergekit과 ChatVector가 수상할 정도로 잘 된다. 그렇다면 인간도 다른 사람 뇌를 내 뇌와 합치기만하면 슈퍼 인텔리전스가 될 수 있는 것일까..? #AI #LLM #총몽

대한민국 5대 IT회사 네카라쿠배 국적

네(이버) - 한국 회사
카(카오) - 한국 회사
라(인) - 일본 회사 (진행중)
쿠(팡) - 미국 회사
배(민) - 독일 회사

음… 그 중 라인이 유일하게 “진정한” 글로벌 서비스를 하는 회사인데…

대한민국 5대 IT회사 네카라쿠배 국적 네(이버) - 한국 회사카(카오) - 한국 회사라(인) - 일본 회사 (진행중)쿠(팡) - 미국 회사배(민) - 독일 회사 음… 그 중 라인이 유일하게 “진정한” 글로벌 서비스를 하는 회사인데…

헉 라인이 (미국인줄)일본으로 바꼈다는것에 놀라고, 쿠팡은 한국(상장만 미국)인줄 알았어서 놀라고, 배민이 한국꺼가 아니었다는 것에 놀랐네요.

이전 글에서 소프트웨어 품질 관리자(QA) 채용시 면접 질문 프레임 라는 내용을 소개한 적이 있다. 면접관의 입장에서 지원자의 이력서 중 어떤 부분을 중점적으로 체크하는지 확인해볼 수 있었다. 해당 글을 토대로 이력서를 작성하는 것도 도움이 될 수 있겠지만, 좀 더 구체적인 팁을 공유하면 도움이 될 것 같다는 의견이 있어 QA로 구직/이직을 하기위한 이력서(자기소개서, 첨부파일 포함) 작성 팁을 소개해보고자 한다. 

----------- ◘ -----------

TIP 1. 기본을 놓치지 않기.
이력서에 필수로 기입해야 하는 기본 정보를 무시한 이력서를 만나는 경우가 적지않다. 과거 hwp, Word와 같은 문서 프로그램으로 이력서를 작성할 때는 템플릿이 제공되다보니 기본적인 실수를 하는 경우가 많지 않았는데, 최근들어 문서의 형태가 PDF, 웹, 자율형식으로 변화되면서 이력서가 갖추어야할 기본 정보를 놓치는 경우가 많아지는 것 같다. 
(회사마다 차이는 있겠지만) 채용시즌에 인입되는 수많은 이력서를 담당 면접관이 모두 검토하는 것은 아니다. 1차로 인사팀에서 기본정보나 지원 요구사항을 누락한 이력서를 걸러내고, 이 후 지원한 부서의 면접관을 통해 서류절차가 진행된다. 본인이 작성한 이력서가 면접관의 검토도 받지 못하고 탈락되지 않기 위해 이력서의 가장 기본 베이스를 놓치지 않도록 한다. 이것은 다른 의미로 예의에 대한 문제도 될 수 있다. 

▶︎ 기본 정보 : 개인정보는 최소화하여 작성한다. 과거처럼 사진, 주민등록 번호, 성별, 나이, 취미 등을 모두 작성할 필요는 없다. 이메일, 전화번호만 있어도 충분하다. 학력의 경우, 경우에 따라 이력을 작성한다. 예를들어 JD의 필수나 우대요건에 관련학과 요건이 명시된 경우 내용을 작성하는 것이 좋고, 경력의 경우 석/박사, 논문과 같은 이력은 작성하는 것이 도움이 된다. 

▶︎ 경력 사항 : 지원하는 포지션과 연관된 경력을 최신순으로 작성한다. 내용에는 '회사명, 근무기간, 최종부서와 직급, 업무 경력'을 작성한다. 특히 업무 경력 기술시, 같은 내용을 반복하여 작성하지 않도록 유의하는 것이 좋다. 예를 들어, 테스트케이스 작성/기능 테스트 수행/결함 관리와 같은 QA 기본 업무를 회사별, 프로젝트별로 반복해서 기입할 필요는 없다. 

업무 경력에서는 
    1)본인이 참여한 프로젝트나 서비스에 대한 간략한 소개 
    2)본인 기여도와 업무 강점 그리고 그로인한 성과 
        ⇢ 성과 작성시, 프로젝트의 성과(ex)제품 출시 후 매출 n% 달성)가 아닌 품질 관점의
성과를 작성한다. 본인의 역할과 기여로 인해 '전년 대비 장애발생율 n% 감소, 어떤
개선을 통한 테스트 효율성 증가로 품질 목표 달성'과 같은 구체적인 결과를 작성하는
것이 좋다. 
    3)프로세스나 업무 절차 등 개선 경험 
    4)트러블 슈팅과 대응 경험 
    5)보유 기술
을 JD에 명시된 내용과 연관된 내용으로 중점적으로 작성한다. 

내용을 작성할 땐, 작문 형태의 긴 글로 작성하지 않고 불릿을 달아 주요 내용을 간결하게 리스트 형식으로 작성하는 것이 좋다. 이미지 예시처럼. 신입의 경우 인턴 경험이나 계약직, 아르바이트, 대외활동 등으로 지원하는 포지션과 연관된 경험을 작성하거나, 지원 포지션과 관련이 없더라도 자신의 강점을 어필할 수 있다면 작성하도록 한다. 

추가로 업무 경력 작성시 유의할 사항은, 본인이 경험한 모든 경력을 다 작성하지 않도록 한다. 진행했던 프로젝트나 서비스 중 본인의 강점과 능력을 어필할 수 있는 주요 경력으로 선정하고, 참여한 업무 중 스케일이 큰 프로젝트 위주로 선정하여 작성한다. 작성된 경력 이력을 통해 지원자의 특성(ex) 유지보수 업무에 적합한지, 대형 프로젝트에 적합한지, 리더십 능력이 있는지 등)을 파악할 수 있다. 

▶︎ 기타 : 1) 본인이 보유한 기술과 다룰 수 있는 툴에 대한 정보를 입력한다. 
(ex) 모바일앱 자동화, 프로그래밍 언어(C#, JAVA 등), JIRA 등)
             2) 자격증, 세미나, 교육과정, 수상경력, 개인 블로그(or 포트폴리오) 등 본인을
PR하는데 유리한 (하지만 지원하는 포지션에 연관되는)정보를 작성한다. 

TIP 2. 가독성있는 좋은 글 작성하기.
자기소개서도 일종의 '글'이다. 
글을 얼마나 잘 쓰느냐에 따라 지원자의 커뮤니케이션 능력도 가늠해볼 수 있다. 가독성이 떨어지고 문법이 맞지 않고 오탈자가 많은 경우 지원자가 보유한 커뮤니케이션(구두, 서면 포함) 능력에 의구심을 가질 수 밖에 없다. 

본인의 모든 경험을 구구절절 쏟아낸 글보다 읽기 쉽고 주요 정보와 포인트를 집중해서 전달하는 것이 중요하다. 여기서 주요 포인트란, 지원하는 회사의 JD를 참고하여 해당 회사에서 요구하는 조건에 맞는 자신의 능력과 강점을 어필하는 것이 좋다. 예를 들어, A 회사는 프로그래밍 언어, 자동화나 기술 테스팅을 위한 도구 사용 능력을 중점적으로 요구할 수 있고, B 회사에서는 유연한 대처, 커뮤니케이션 능력을 더 요구할 수 있다. 입사를 희망하는 회사에서 요구하는 요건에 본인이 얼마나 적합한 인재인지, 주요 포인트를 한눈에 보기 쉽게 자신을 어필하는 것이 좋다. 

이때, 본인이 전달하고자 하는 내용을 모두 서술형으로 작성하기보다 주요 포인트별로 문단을 나누어 각 문단에 전달하고자 하는 내용의 소제목을 작성하고 내용을 서술하는 형식으로 작성하는 것이 도움이 될 수 있다. 
예를들면 아래와 같다.
    ⌈'열린 사고방식과 커뮤니케이션을 보유한 사람'
    내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 
    내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용⌋

자기소개서에 자신의 강점과 장점만 나열하기보다, 실무를 통해 얻은 교훈을 전달하는 것도 도움이 될 수 있다. 예를들어, '어느 서비스에서 어떤 문제가 발생되었고 트러블슈팅을 통해 자신이 어떠한 대응을 했으며 그것을 통해 문제를 극복하고 해결할 수 있었다. 그 과정을 통해 어떤 교훈을 얻었고 어느 부분이 성장할 수 있었다. 이러한 경험이 지원하는 회사에서 어떠한 기여를 할 수 있을 것으로 기대한다.' 또는 '문제를 극복할 수 없었으나 해결하기 위한 노력을 통해 앞으로 어떤 부분을 더 보강해야할지 깨닫게 되는 경험이 되었고, 이후 프로세스의 어느 부분을 개선하여 문제가 재발되지 않도록 적용하였다.'와 같은 내용을 작성한다. 해당 내용을 통해 지원자의 적극성, 문제 해결 능력, 주체적 태도, 자기 주도성 등을 가늠해 볼 수 있다. 

신입의 경우, 성장과정과 같은 내용보다 남들과 다른 본인만의 특색(커뮤니케이션, 경험, 보유능력, 강점 등)을 작성하는 것이 좋다. 

TIP 3. 포트폴리오와 그 외 알아두면 좋은 정보
⚙︎ 포트폴리오
QA로 지원하는데 굳이 포트폴리오가 필요할까? 라는 의문이 들지만, 본인을 PR 할 수 있는 추가 옵션이 될 수 있다면 첨부하는 것도 나쁘지 않다. 
다만, "옵션"에 해당되는 만큼 너무 많은 내용을 담지 않도록 한다. 

QA 포트폴리오에는 이전 회사에서 사용한 문서를 사용하지 않도록 한다. 이전 회사에서 작성한 문서는 해당 회사의 자산으로 이것을 자신의 이익을 위해 사용하는 것은 법적으로 문제가 생길 수 있다. 
포트폴리오용으로 TC, 교육자료, 본인이 설계해본 프로세스 샘플, 품질 관련하여 자신의 의견을 담은 글(블로그 등) 정도로 준비하는 것이 좋다.

⚙︎ 그 외 이력서 관련 정보
1. 이력서 분량 
이력서, 자기소개서, 경력기술서를 포함하여 3~4페이지 분량이 적당하다. 너무 길면 읽기를 포기하거나 피로도만 높일 뿐이다. 전달하고자하는 요지만 정확히 전달 될 수 있도록 분량을 적절히 조절하자. 

2. 이력서 작성시 유의사항
소프트웨어 품질 관리자(QA) 채용시 면접 질문 프레임 에서 언급했던 내용이다. 
  [이력서와 실제 업무간 간격 확인 
  → 주관적 관점으로 작성된 이력서와 객관적 관점에서 확인되는 실무 경험와 보유 역량 간 간격차이가 많이 발생되는 경우가 다수 존재하므로 이력서에 작성된 내용이 실제 본인의 경험을 통한 것이 맞는지 검증]

본인의 강점과 이력을 부풀리다 못해 거짓된 내용이 작성되지 않도록 유의해야 한다. 면접관이 이를 알아차릴 수 없을 거라 생각한다면 큰 오산이다. 면접관의 경우 오랜시간 쌓은 경력과 면접 경험으로 이력서만 봐도 대략 눈치 차릴 수 있고, 서류가 통과된다 하더라도 실무면접에서 100% 거짓말이 들통난다. 거짓이나 과장으로 작성된 이력서는 없느니만 못하다는 사실을 꼭 기억하기 바란다. 

3. 연봉 공개
희망 연봉이나 이전 회사의 연봉을 작성한 이력서가 굉장히 많다. 연봉도 본인의 개인정보에 해당된다는 것을 잊지 말기 바란다. 연봉은 합격 후 처우협의 단계에서 논의하면 되니 미리 본인의 민감한 정보를 오픈하지 않도록 한다. 

4. 파일 형식
hwp, 한글, 엑셀, 웹형식의 홈페이지 사용은 지양하자. 워드나 PDF로 사용하길 권한다.

이전 글에서&nbsp;소프트웨어 품질 관리자(QA) 채용시 면접 질문 프레임&nbsp;라는 내용을 소개한 적이 있다. 면접관의 입장에서 지원자의 이력서 중 어떤 부분을 중점적으로 체크하는지 확인해볼 수 있었다. 해당 글을 토대로 이력서를 작성하는 것도 도움이 될 수 있겠지만, 좀 더 구체적인 팁을 공유하면 도움이 될 것 같다는 의견이 있어 QA로 구직/이직을 하기위한 이력서(자기소개서, 첨부파일 포함)&nbsp;작성 팁을 소개해보고자 한다.&nbsp; ----------- ◘ ----------- TIP 1. 기본을 놓치지 않기.이력서에 필수로 기입해야 하는 기본 정보를 무시한 이력서를 만나는 경우가 적지않다. 과거 hwp, Word와 같은 문서 프로그램으로 이력서를 작성할 때는&nbsp;템플릿이 제공되다보니 기본적인 실수를 하는 경우가 많지 않았는데, 최근들어 문서의 형태가 PDF, 웹, 자율형식으로 변화되면서 이력서가 갖추어야할 기본 정보를 놓치는 경우가 많아지는 것 같다.&nbsp;(회사마다 차이는 있겠지만) 채용시즌에 인입되는 수많은 이력서를 담당 면접관이&nbsp;모두 검토하는 것은 아니다. 1차로 인사팀에서 기본정보나 지원 요구사항을 누락한 이력서를 걸러내고, 이 후 지원한 부서의 면접관을 통해 서류절차가 진행된다. 본인이 작성한 이력서가 면접관의 검토도 받지 못하고 탈락되지 않기 위해 이력서의 가장 기본 베이스를 놓치지 않도록 한다. 이것은 다른 의미로 예의에 대한 문제도 될 수 있다.&nbsp; ▶︎ 기본 정보 : 개인정보는 최소화하여 작성한다. 과거처럼 사진, 주민등록 번호, 성별, 나이, 취미 등을&nbsp;모두 작성할 필요는 없다.&nbsp;이메일, 전화번호만 있어도 충분하다.&nbsp;학력의 경우, 경우에 따라 이력을 작성한다. 예를들어 JD의 필수나 우대요건에 관련학과 요건이 명시된 경우 내용을 작성하는 것이 좋고, 경력의 경우 석/박사, 논문과 같은 이력은 작성하는 것이 도움이 된다.&nbsp; ▶︎&nbsp;경력 사항 : 지원하는 포지션과 연관된 경력을 최신순으로&nbsp;작성한다. 내용에는 '회사명, 근무기간, 최종부서와 직급, 업무 경력'을 작성한다. 특히 업무 경력 기술시,&nbsp;같은 내용을 반복하여 작성하지 않도록 유의하는 것이 좋다. 예를 들어, 테스트케이스 작성/기능 테스트 수행/결함 관리와 같은 QA 기본 업무를 회사별, 프로젝트별로 반복해서 기입할 필요는 없다.&nbsp; 업무 경력에서는&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1)본인이 참여한 프로젝트나 서비스에 대한 간략한 소개&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2)본인 기여도와 업무 강점 그리고&nbsp;그로인한 성과&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;⇢ 성과 작성시, 프로젝트의 성과(ex)제품 출시 후 매출 n% 달성)가 아닌 품질 관점의 성과를 작성한다. 본인의 역할과 기여로 인해 '전년 대비 장애발생율 n% 감소, 어떤 개선을 통한 테스트 효율성 증가로 품질 목표 달성'과 같은 구체적인 결과를 작성하는 것이 좋다.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3)프로세스나 업무 절차 등 개선 경험&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4)트러블 슈팅과 대응 경험&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5)보유 기술을 JD에 명시된 내용과 연관된 내용으로 중점적으로 작성한다.&nbsp; 내용을 작성할 땐, 작문 형태의 긴 글로 작성하지 않고 불릿을 달아 주요 내용을 간결하게 리스트 형식으로 작성하는 것이 좋다. 이미지 예시처럼.&nbsp;신입의 경우 인턴 경험이나 계약직, 아르바이트, 대외활동 등으로 지원하는 포지션과 연관된 경험을 작성하거나, 지원 포지션과 관련이 없더라도 자신의 강점을 어필할 수 있다면 작성하도록 한다.&nbsp; 추가로 업무 경력 작성시 유의할 사항은, 본인이 경험한 모든 경력을 다 작성하지 않도록 한다. 진행했던 프로젝트나 서비스 중 본인의 강점과 능력을 어필할 수 있는 주요 경력으로 선정하고, 참여한 업무 중 스케일이 큰 프로젝트 위주로 선정하여 작성한다. 작성된 경력 이력을 통해 지원자의 특성(ex) 유지보수 업무에 적합한지, 대형 프로젝트에 적합한지, 리더십 능력이 있는지 등)을 파악할 수 있다.&nbsp; ▶︎ 기타&nbsp;: 1)&nbsp;본인이 보유한 기술과 다룰 수 있는 툴에 대한 정보를 입력한다.&nbsp; (ex) 모바일앱 자동화, 프로그래밍 언어(C#, JAVA 등), JIRA 등)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2) 자격증, 세미나, 교육과정, 수상경력, 개인 블로그(or 포트폴리오) 등 본인을 PR하는데 유리한 (하지만 지원하는&nbsp;포지션에 연관되는)정보를 작성한다.&nbsp; TIP 2. 가독성있는 좋은 글 작성하기.자기소개서도 일종의 '글'이다.&nbsp;글을 얼마나 잘 쓰느냐에 따라 지원자의 커뮤니케이션 능력도 가늠해볼 수 있다. 가독성이 떨어지고 문법이 맞지 않고 오탈자가 많은 경우 지원자가 보유한 커뮤니케이션(구두, 서면 포함)&nbsp;능력에 의구심을 가질 수 밖에 없다.&nbsp; 본인의 모든 경험을 구구절절 쏟아낸 글보다 읽기 쉽고 주요 정보와 포인트를 집중해서 전달하는 것이 중요하다. 여기서 주요 포인트란, 지원하는 회사의 JD를 참고하여 해당 회사에서 요구하는 조건에 맞는 자신의 능력과 강점을 어필하는 것이 좋다. 예를 들어, A 회사는 프로그래밍 언어, 자동화나 기술 테스팅을 위한 도구 사용 능력을 중점적으로 요구할 수 있고, B 회사에서는 유연한 대처, 커뮤니케이션 능력을 더 요구할 수 있다. 입사를 희망하는 회사에서 요구하는 요건에 본인이 얼마나 적합한 인재인지, 주요 포인트를 한눈에 보기 쉽게 자신을 어필하는 것이 좋다.&nbsp; 이때, 본인이 전달하고자 하는 내용을 모두 서술형으로 작성하기보다 주요 포인트별로 문단을 나누어 각 문단에 전달하고자 하는 내용의 소제목을 작성하고 내용을 서술하는 형식으로 작성하는 것이 도움이 될 수 있다.&nbsp;예를들면 아래와 같다.&nbsp;&nbsp;&nbsp;&nbsp;⌈'열린 사고방식과 커뮤니케이션을 보유한 사람'&nbsp;&nbsp;&nbsp;&nbsp;내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용 내용⌋ 자기소개서에 자신의 강점과 장점만 나열하기보다, 실무를 통해 얻은 교훈을 전달하는 것도 도움이 될 수 있다. 예를들어, '어느 서비스에서 어떤 문제가 발생되었고 트러블슈팅을 통해 자신이 어떠한 대응을 했으며 그것을 통해 문제를 극복하고 해결할 수 있었다. 그 과정을 통해 어떤 교훈을 얻었고 어느 부분이 성장할 수 있었다. 이러한 경험이 지원하는 회사에서 어떠한 기여를 할 수 있을 것으로 기대한다.' 또는 '문제를 극복할 수 없었으나 해결하기 위한 노력을 통해 앞으로 어떤 부분을 더 보강해야할지 깨닫게 되는 경험이 되었고, 이후 프로세스의 어느 부분을 개선하여 문제가 재발되지 않도록 적용하였다.'와 같은 내용을 작성한다. 해당 내용을 통해 지원자의 적극성, 문제 해결 능력, 주체적 태도, 자기 주도성 등을 가늠해 볼 수 있다.&nbsp; 신입의 경우, 성장과정과 같은 내용보다&nbsp;남들과 다른 본인만의 특색(커뮤니케이션, 경험, 보유능력, 강점 등)을 작성하는 것이 좋다.&nbsp; TIP 3. 포트폴리오와 그 외 알아두면 좋은 정보⚙︎ 포트폴리오QA로 지원하는데 굳이 포트폴리오가 필요할까? 라는 의문이 들지만, 본인을 PR 할 수 있는 추가 옵션이 될 수 있다면 첨부하는 것도 나쁘지 않다.&nbsp;다만, "옵션"에 해당되는 만큼 너무 많은 내용을 담지 않도록 한다.&nbsp; QA 포트폴리오에는 이전 회사에서 사용한 문서를 사용하지 않도록 한다. 이전 회사에서 작성한 문서는 해당 회사의 자산으로 이것을 자신의 이익을 위해 사용하는 것은 법적으로 문제가 생길 수 있다.&nbsp;포트폴리오용으로 TC, 교육자료, 본인이 설계해본 프로세스 샘플, 품질 관련하여 자신의 의견을 담은 글(블로그 등) 정도로 준비하는 것이 좋다. ⚙︎&nbsp;그 외 이력서 관련 정보1. 이력서 분량&nbsp;이력서, 자기소개서, 경력기술서를 포함하여 3~4페이지 분량이 적당하다. 너무 길면 읽기를 포기하거나 피로도만 높일 뿐이다. 전달하고자하는 요지만 정확히 전달 될 수 있도록 분량을 적절히 조절하자.&nbsp; 2. 이력서 작성시 유의사항소프트웨어 품질 관리자(QA) 채용시 면접 질문 프레임&nbsp;에서 언급했던 내용이다.&nbsp;&nbsp;&nbsp;[이력서와 실제 업무간 간격 확인&nbsp;&nbsp;&nbsp;→ 주관적 관점으로 작성된 이력서와 객관적 관점에서 확인되는 실무 경험와 보유 역량 간 간격차이가&nbsp;많이 발생되는 경우가 다수 존재하므로 이력서에 작성된 내용이 실제 본인의 경험을 통한 것이 맞는지 검증] 본인의 강점과 이력을 부풀리다 못해 거짓된 내용이 작성되지 않도록 유의해야 한다. 면접관이 이를 알아차릴 수 없을 거라 생각한다면 큰 오산이다. 면접관의 경우 오랜시간 쌓은 경력과 면접 경험으로 이력서만 봐도 대략 눈치 차릴 수 있고, 서류가 통과된다 하더라도 실무면접에서 100% 거짓말이 들통난다. 거짓이나 과장으로 작성된 이력서는 없느니만 못하다는 사실을 꼭 기억하기 바란다.&nbsp; 3. 연봉 공개희망 연봉이나 이전 회사의 연봉을 작성한 이력서가 굉장히 많다. 연봉도 본인의 개인정보에 해당된다는 것을 잊지 말기 바란다. 연봉은 합격 후 처우협의 단계에서 논의하면 되니 미리 본인의 민감한 정보를 오픈하지 않도록 한다.&nbsp; 4. 파일 형식hwp, 한글, 엑셀, 웹형식의 홈페이지 사용은 지양하자. 워드나 PDF로 사용하길 권한다.&nbsp;

QA 구직/이직을 위한 이력서 작성 팁

QA로 이력 정리할때 정말 도움이 많이 되는 글입니다! 참고해서 이력서 수정하러 가야겠어요 감사합니다:)

 1. 기본기 확실히 하기
 2. 학습 능력 키우기
 3. 의사 소통 잘하기
 4. 문제 정의 잘하기
 5. 태스크 완료 시간 추정 잘하기
 6. 운영을 고려한 코드 작성하기
 7. 서비스 사고 대처 능력 키우기
 8. 결과를 내는데 집중하기
 9. 영향력 갖기 (코딩 멍키)

개발자로 전문성에 너무 집중하면 나는 개발 이외의 다른 업무에 관심없다고 생각하거나 개발 밖의 일을 하는 것이 내 커리어에 도움이 안된다고 생각하기 쉽다. 앞서 글에서 자주 언급했지만 커리어는 내가 맡은 업무를 통해 성과를 내며 팀플레이어로 일을 할 때 발전한다.

성과를 낸다는 관점에서 중요한 포인트는 내 업무 바깥이라도 필요하다면 하나의 팀으로 도와주며 일을 할 필요가 있다는 점이며 이는 작은 회사에서는 더 필요한 역량 아닌 역량이다. 보통 작은 회사에서 다양한 일을 하다보면 전문성이 없다고 생각하고 연차에 맞는 역량을 갖고 있는지 의문을 많이 갖던데 조금 다른 포인트이고 따로 글을 써보려고 하지만 "연차"가 주는 잘못된 압박감도 만만치 않은 것 같다. 각자 자기의 길을 따라 쌓는 것이 연차이기에 남과 비교하며 나는 뒤쳐져 있나 조바심내기 보다는 내가 맡은 일에 성과를 내고 있는지 그리고 성과를 내기 위한 학습을 하고 있는지에 초점을 맞출 필요가 있다.

내가 만든 코드가 잘못 동작할 때 고생할 다른 사람들을 생각하면 코드를 작성하는 것부터 시작해서 다양한 대화 채널을 만드는 것이 하나의 팀으로 일하는 방법 중의 하나이다. 예를 들면 다음과 같은 것을 들 수 있다.

 * 에러 메시지를 기술적인 지식이 없는 사람들도 이해하고 액션을 취하기 쉽게 만든다. 이것만 잘해도 CS팀과 영업팀과의 의사소통의 질이 올라갈 뿐만 아니라 개발자 본인의 문제해결도 쉬워진다.
 * 관련해서 서버 단에도 로그를 최대한 많이 심어두면 고객 관련 불만이나 장애 등이 생겼을 때 문제 해결이 쉬워지며 이는 다음 포스팅에서 이야기할 서비스 사고 대처 능력을 키우는 기본 자세 중의 하나가 된다. 로그를 남기는 것에 대해서는 다음 회에 더 이야기해보겠다.
 * CS팀과 영업팀과 주기적인 소통을 통해 고객과의 대화를 통해 그들이 느끼는 고통을 느껴봐야한다. CS팀과 같이 많이 들어오는 티켓이나 큰 문제의 가능성을 보여주는 티켓을 리뷰해보는 것이 중요하다. B2B단이라면 영업을 담당하는 AM(Account Manager)들과 비슷한 프로세스를 만들어보는 것이 필요하다. 하지만 좋은 의도로 요청이 들어올 때마다 문제해결을 하려고 하다보면 정작 다른 일을 못하는 문제가 생기에는 사람이 바뀌어도 돌아가는 형태로 협업이 정착되려면 프로세스를 만드는 것이 중요하다. 아마존의 순서파괴(Working Backwards)에서 이야기한 "Good intentions never work, you need good mechanisms to make anything happen"가 기억해야할 점이다. 즉 좋은 의도만으로 일이 돌아가지는 않는다는 점이며 계속 돌아갈 수 있는 프로세스를 만드는 것이 필요하다.
 * 이 부분은 프로덕트 매니저가 리드하는 것이 일반적이긴 하지만 개발자들도 새로운 기능이 추가되거나 기존 기능이 변경되는 경우 관련 팀에 뉴스가 미리 전달되어야 한다는 점을 명확하게 인지하고 관련해서 노력을 기울여야 한다. 이게 안되면 CS팀이나 세일즈팀이 고생한다. 릴리스 노트 공유가 잘 이뤄지는 것이 운영단의 어려움을 크게 줄인다.

개발자니 개발만 잘 하면 된다고 생각할지 모르지만 결국은 의사소통 능력이며 이 중의 하나는 내가 만든 결과물로 인해 고생할지도 모르는 사람들을 고려한 개발을 하고 많이 대화해보면서 개선하는 거다.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 개발자로 전문성에 너무 집중하면 나는 개발 이외의 다른 업무에 관심없다고 생각하거나 개발 밖의 일을 하는 것이 내 커리어에 도움이 안된다고 생각하기 쉽다. 앞서 글에서 자주 언급했지만 커리어는 내가 맡은 업무를 통해 성과를 내며 팀플레이어로 일을 할 때 발전한다. 성과를 낸다는 관점에서 중요한 포인트는 내 업무 바깥이라도 필요하다면 하나의 팀으로 도와주며 일을 할 필요가 있다는 점이며 이는 작은 회사에서는 더 필요한 역량 아닌 역량이다. 보통 작은 회사에서 다양한 일을 하다보면 전문성이 없다고 생각하고 연차에 맞는 역량을 갖고 있는지 의문을 많이 갖던데 조금 다른 포인트이고 따로 글을 써보려고 하지만 "연차"가 주는 잘못된 압박감도 만만치 않은 것 같다. 각자 자기의 길을 따라 쌓는 것이 연차이기에 남과 비교하며 나는 뒤쳐져 있나 조바심내기 보다는 내가 맡은 일에 성과를 내고 있는지 그리고 성과를 내기 위한 학습을 하고 있는지에 초점을 맞출 필요가 있다. 내가 만든 코드가 잘못 동작할 때 고생할 다른 사람들을 생각하면 코드를 작성하는 것부터 시작해서 다양한 대화 채널을 만드는 것이 하나의 팀으로 일하는 방법 중의 하나이다. 예를 들면 다음과 같은 것을 들 수 있다. <ul ><li>에러 메시지를 기술적인 지식이 없는 사람들도 이해하고 액션을 취하기 쉽게 만든다. 이것만 잘해도 CS팀과 영업팀과의 의사소통의 질이 올라갈 뿐만 아니라 개발자 본인의 문제해결도 쉬워진다.</li><li>관련해서 서버 단에도 로그를 최대한 많이 심어두면 고객 관련 불만이나 장애 등이 생겼을 때 문제 해결이 쉬워지며 이는 다음 포스팅에서 이야기할 서비스 사고 대처 능력을 키우는 기본 자세 중의 하나가 된다. 로그를 남기는 것에 대해서는 다음 회에 더 이야기해보겠다.</li><li>CS팀과 영업팀과 주기적인 소통을 통해 고객과의 대화를 통해 그들이 느끼는 고통을 느껴봐야한다. CS팀과 같이 많이 들어오는 티켓이나 큰 문제의 가능성을 보여주는 티켓을 리뷰해보는 것이 중요하다. B2B단이라면 영업을 담당하는 AM(Account Manager)들과 비슷한 프로세스를 만들어보는 것이 필요하다. 하지만 좋은 의도로 요청이 들어올 때마다 문제해결을 하려고 하다보면 정작 다른 일을 못하는 문제가 생기에는 사람이 바뀌어도 돌아가는 형태로 협업이 정착되려면 프로세스를 만드는 것이 중요하다. 아마존의 순서파괴(Working Backwards)에서 이야기한 "Good intentions never work, you need good mechanisms to make anything happen"가 기억해야할 점이다. 즉 좋은 의도만으로 일이 돌아가지는 않는다는 점이며 계속 돌아갈 수 있는 프로세스를 만드는 것이 필요하다.</li><li>이 부분은 프로덕트 매니저가 리드하는 것이 일반적이긴 하지만 개발자들도 새로운 기능이 추가되거나 기존 기능이 변경되는 경우 관련 팀에 뉴스가 미리 전달되어야 한다는 점을 명확하게 인지하고 관련해서 노력을 기울여야 한다. 이게 안되면 CS팀이나 세일즈팀이 고생한다. 릴리스 노트 공유가 잘 이뤄지는 것이 운영단의 어려움을 크게 줄인다.</li></ul> 개발자니 개발만 잘 하면 된다고 생각할지 모르지만 결국은 의사소통 능력이며 이 중의 하나는 내가 만든 결과물로 인해 고생할지도 모르는 사람들을 고려한 개발을 하고 많이 대화해보면서 개선하는 거다.

좋은 개발자가 알아야하는 9가지 포인트들 - 6. 운영 고려 코드

Get a Free System Design PDF with 158 pages by subscribing to our weekly newsletter: https://bit.ly/bytebytegoytTopic Animation tools: Adobe Illustrator and After Effects. Checkout our bestselling System Design Interview books: Volume 1: https://amzn.to/3

Top 12 Tips For API Security

YouTube

Top 12 this For API Security

운전할 때 팟캐스트 듣는 걸 좋아합니다. 개발자 팟캐스트.

3년 전쯤 xguru님이 긱뉴스를 팟캐스트로 운영했던 적이 있습니다.
이 팟캐스트가 너무 좋아서 운전하는 날이 기다려질 정도였습니다.
잠시만 운영하고 끝나서 아쉽습니다.

최근에 아웃사이더님이 레트로테크라는 팟캐스트를 시작해주셔서 위안을 받고 있습니다.
옛날 기술들을 듣다보면 코딩을 처음 배우던 시절로 푹 빠져들곤 합니다.

어제는 조코딩의 팟캐스트도 오픈을 했습니다.
유튜브 앱만이 아니라 애플 팟캐스트와 스포티파이를 통해서도 들을 수 있게 됐습니다.
(저도 출연해서 1인 개발 이야기로 한 꼭지를 다뤘습니다.)

앞으로 재밌는 경험을 가진 분들을 많이 모셔서 이야기를 들어볼 수 있게 되길 바랍니다.

팟캐스트들을 쭉 살펴보다가 우리나라 개발자 팟캐스트가 너무 부족한 건 아닐까 생각이 들었습니다.
어쩌면 여기에도 기회가 있는 건 아닐까?
유익한 개발자 팟캐스트가 많이 생겼으면 좋겠습니다.

운전할 때 팟캐스트 듣는 걸 좋아합니다. 개발자 팟캐스트. 3년 전쯤 xguru님이 긱뉴스를 팟캐스트로 운영했던 적이 있습니다. 이 팟캐스트가 너무 좋아서 운전하는 날이 기다려질 정도였습니다. 잠시만 운영하고 끝나서 아쉽습니다. 최근에 아웃사이더님이 레트로테크라는 팟캐스트를 시작해주셔서 위안을 받고 있습니다. 옛날 기술들을 듣다보면 코딩을 처음 배우던 시절로 푹 빠져들곤 합니다. 어제는 조코딩의 팟캐스트도 오픈을 했습니다. 유튜브 앱만이 아니라 애플 팟캐스트와 스포티파이를 통해서도 들을 수 있게 됐습니다. (저도 출연해서 1인 개발 이야기로 한 꼭지를 다뤘습니다.) 앞으로 재밌는 경험을 가진 분들을 많이 모셔서 이야기를 들어볼 수 있게 되길 바랍니다. 팟캐스트들을 쭉 살펴보다가 우리나라 개발자 팟캐스트가 너무 부족한 건 아닐까 생각이 들었습니다. 어쩌면 여기에도 기회가 있는 건 아닐까? 유익한 개발자 팟캐스트가 많이 생겼으면 좋겠습니다.

개발자 팟캐스트

어떤 일을 꾸준하게 하기 위해선 완벽함과 거리를 두어야 하는 것 같습니다.

돌이켜보면 2022년 블로그 글을 쏟아낼 땐 별 기대가 없었습니다. 누구도 제 글에 관심 두지 않았으니까요.

글을 자주 올리면서 점차 좋아해 주시는 분들이 늘어갔죠. 늘어가는 관심은 부담, 완벽해야 한다는 생각으로 돌아왔습니다.

개발자로서의 역량, 메이커로서 자질 등. 모든 면에서 완벽해 보여야 한다는 압박감만 커졌습니다. 실행은 더 어려워지고 자기 검열은 강화됐죠. 한 번의 글을 쓰기가 더 어려워졌습니다.

어떤 일을 꾸준히 하기 위해선 주위의 시선에 신경 쓰지 않고 행동해야 하는 것 같습니다. 완벽해야 한다는 생각은 잠시 내려두고요.

어떤 일을 꾸준하게 하기 위해선 완벽함과 거리를 두어야 하는 것 같습니다. 돌이켜보면 2022년 블로그 글을 쏟아낼 땐 별 기대가 없었습니다. 누구도 제 글에 관심 두지 않았으니까요. 글을 자주 올리면서 점차 좋아해 주시는 분들이 늘어갔죠. 늘어가는 관심은 부담, 완벽해야 한다는 생각으로 돌아왔습니다. 개발자로서의 역량, 메이커로서 자질 등. 모든 면에서 완벽해 보여야 한다는 압박감만 커졌습니다. 실행은 더 어려워지고 자기 검열은 강화됐죠. 한 번의 글을 쓰기가 더 어려워졌습니다. 어떤 일을 꾸준히 하기 위해선 주위의 시선에 신경 쓰지 않고 행동해야 하는 것 같습니다. 완벽해야 한다는 생각은 잠시 내려두고요.

완벽함과 거리두기

01 . '세상에 내 맘에 드는 사람만 있는 건 아니다...', '모두를 품으려고 하는 것도 주제넘은 짓이다...', '가뜩이나 힘든 세상 저 사람에 때문에 더 힘들어하지 말자...'란 말을 수십 번 되뇌어도 늘 우리를 괴롭히는 사람들은 존재하는 법입니다. 그리고 그런 사람이 단순히 나와 코드가 맞지 않는 수준을 벗어나 누구에게나 나쁜 영향을 주는 사람이라면 상황은 보다 심각해지는 법이죠.

02 . 얼마 전 한참하고도 또 한참 동생뻘쯤 되는 지인분으로부터 메시지 한 통을 받았습니다. 딱 봐도 하루를 참 힘들게 보냈겠구나 싶은 분위기가 물씬 풍기는 와중에 대뜸 이런 질문을 저에게 던지더군요.
'도영님은 주위에 나쁜 영향을 주는 사람이 있으면 그 사람을 어떻게 대하시나요?'
무슨 고된 일이 있었냐는 질문을 되돌려주기엔 괜히 짐 하나를 더 얹어주는 것도 같았고, 한편으로는 저 스스로를 돌아보게 만드는 것도 같은 질문이었죠.
그러게요. 저는 저에게 나쁜 영향을 주는 사람을 어떻게 대하고 있는지 문득 궁금해지기 시작했습니다.

03 . 맘 같아서야 속으로 열 번도 더 윽박지르고 싶을 만큼 얄밉고 이기적인 사람들이 어디에나 존재하는 법이지만 또 그 사람들이 주는 스트레스를 떠안고 살기엔 제 인생이 너무 아깝다는 생각도 들기 마련이죠. 그래서 매번 모기를 쫓으려 허공에 쉐도우 복싱을 하듯 '근데 그 사람 진짜 너무 한 거 같아... 아니야 괜히 이런 생각에 매몰되지 말자. 그럴 시간에 좋은 생각 한 번 더해야지'라는 혼잣말을 수십 번 반복하게 되는 게 사실입니다.

04 . 하지만 어느 순간부터는 나쁜 생각을 털어내는 것만큼이나 내가 받은 나쁜 영향을 다른 사람에게 전달하지 않는 것도 너무너무 중요한 일이라는 생각을 하게 되었습니다. 물론 이걸 몰라서 실천하지 않는 사람은 거의 없겠지만 실제로 마음먹은 대로 잘되지 않는 대표적인 행동이기도 하죠. 나 혼자만 이 기분을 떠안긴 억울하고 그렇다고 대놓고 표현하자니 나도 똑같은 사람이 되는 것 같아 망설여지는 순간이면 세상에서 내가 제일 답답한 사람인 것 같은 생각마저 드니까요.

05 . 대신 저는 분명하게 실천하는 한 가지가 있긴 합니다. 바로 '그 사람의 언어를 사용하지 않는 것'입니다. 다시 말해 내게 나쁜 영향을 주는 사람이 사용하는 묘하디 묘하게 귀에 거슬리는, 아주 얄팍한 방법으로 타인의 감정을 갉아먹는 그 단어와 표현들을 절대 사용하지 않는 거죠.
그게 무슨 대응법이냐고 반론을 제기할 분도 있겠지만 조금만 생각해 보면 아주 현실적이고 우아한(?) 복수이기도 합니다. 아니 정확히는 나쁜 사람이 주는 나쁜 영향을 모조리 튕겨내는 일종의 방수복을 입는 것과도 같은 효과라 할 수 있죠.

06 . 사실 우리 주위에서 천벌을 받을 정도로 극악무도한 사람을 만나는 건 극히 드문 일입니다. 좋은 사람만큼이나 나쁜 사람도 많은 게 슬픈 현실이지만 적어도 우리와 사회적 관계를 유지하고 살 정도의 사람이라면 '그것이 알고싶다'에 등장할 법한 인물들은 없을 테니 말이죠.
하지만 그 정도로 나쁜 사람이 아니더라도 늘 나쁜 영향을 주는 사람들은 말 그대로 '나쁜 언어'를 즐겨 사용합니다. 욕설을 하거나 험악한 말들을 내뱉는 게 아니라 상대로 하여금 수많은 불쾌감을 안겨주는 표현들을 큰 죄책감 없이 하는 사람들인 거죠.

07 . 당연히 저도 그런 사람을 겪어본 적이 있습니다. (아니..현재진행형이려나요... 암튼) 많은 사람을 힘들게 했던 그분은 팀원들이 좋은 아이디어를 내서 역량을 발휘하는 순간에도 '끼를 제대로 부렸다'고 표현하거나, 디테일까지 살뜰히 챙기는 동료들을 보고도 '편집증 환자 수준으로 이잡듯이 뒤졌다'고 비유하곤 했습니다. 이런 표현들은 날이 갈수록 정도를 더해 나중에는 서로 모여 그 의미를 해석해야 하는 수준에게까지 이르렀죠. 그 사람이 쓰는 나쁜 용어들로 사전 하나를 만들라고 해도 딱히 불가능해 보이는 미션은 아닌 것 같았으니까요.
처음엔 '꼭 저렇게까지 표현해야 하나...'하는 생각이 들었지만 괜히 제가 예민하게 구는 것 같아서 몇 번이고 달게 삼켜보려 했는데 주위에 있는 모든 사람들이 불편해하는 걸 보고서 이건 크게 잘못된 것이라는 걸 깨달았죠. 그 사람의 언어 때문에 그 사람과 대화하는 우리 모두가 피해를 보고 있었던 겁니다.

08 . 더 경악스러웠던 건 본인도 불쾌하게 들었으면서 어느 순간 그 사람의 언어를 따라 하는 사람들이 생겨나기 시작했다는 겁니다. 그렇게 후배들은 물론이고 새로 협업하는 동료들에게까지 아무렇지 않게 나쁜 언어들을 전파하고 다녔고, 죄책감은커녕 본인은 쿨한 업계 용어(?)를 쓰는 것 즈음으로 생각하고 말더군요. 나쁜 영향이 대물림되는 전형적인 순간을 목도하고 만 것이죠.

09 . 이제는 저도 어느 정도 연차가 쌓인 만큼 나쁜 언어들과 마주할 때면 최대한 정중하게 그런 말을 쓰지 말 것을 권유하지만 나쁜 사람들은 대부분 크게 개의치 않습니다. 오히려 지적하는 사람을 나이브 한 사람으로 매도하는 경우도 많고 말이죠.
하지만 그렇다고 해서 쉽게 포기하진 않습니다. 나쁜 언어로 타인을 괴롭히는 사람들은 그 어떤 폭력보다도 악질에 가까우니까요, 과하다 싶을 때는 현장 분위기가 어색해질 것을 감안하고라도 그 자리에서 짚고 넘어가는 것이 옳은 행동임은 분명합니다.

10 . 그럼에도 쉽게 해결되지 않는다면 적어도 내가 그 사람의 언어를 함께 공용어(?)로 사용하지 않는 것부터 실천해야 합니다. 내가 몸담은 조직에서 아무리 흔하게 쓰는 표현이더라도, (백 번 양보해서) 상대에게 해를 끼칠 생각이 요만큼도 없이 사용한 장난에 가까운 말들이더라도 그 사람의 언어를 함께 쓰는 순간 나도 똑같은 사람이 되는 건 부정할 수 없는 사실이거든요. 그러니 친하다고, 익숙하다고, 상대가 크게 내색하지 않았다고 해서 찝찝한 말들을 그대로 방치하거나 사용하지는 말았으면 합니다. 그건 나쁜 사람에게서 받은 나쁜 영향을 좋은 사람들에게 묻히고 다니는 진정으로 어리석은 짓이니 말이죠.

01 . '세상에 내 맘에 드는 사람만 있는 건 아니다...', '모두를 품으려고 하는 것도 주제넘은 짓이다...', '가뜩이나 힘든 세상 저 사람에 때문에 더 힘들어하지 말자...'란 말을 수십 번 되뇌어도 늘 우리를 괴롭히는 사람들은 존재하는 법입니다. 그리고 그런 사람이 단순히 나와 코드가 맞지 않는 수준을 벗어나 누구에게나 나쁜 영향을 주는 사람이라면 상황은 보다 심각해지는 법이죠. 02 . 얼마 전 한참하고도 또 한참 동생뻘쯤 되는 지인분으로부터 메시지 한 통을 받았습니다. 딱 봐도 하루를 참 힘들게 보냈겠구나 싶은 분위기가 물씬 풍기는 와중에 대뜸 이런 질문을 저에게 던지더군요.'도영님은 주위에 나쁜 영향을 주는 사람이 있으면 그 사람을 어떻게 대하시나요?'무슨 고된 일이 있었냐는 질문을 되돌려주기엔 괜히 짐 하나를 더 얹어주는 것도 같았고, 한편으로는 저 스스로를 돌아보게 만드는 것도 같은 질문이었죠. 그러게요. 저는 저에게 나쁜 영향을 주는 사람을 어떻게 대하고 있는지 문득 궁금해지기 시작했습니다. 03 . 맘 같아서야 속으로 열 번도 더 윽박지르고 싶을 만큼 얄밉고 이기적인 사람들이 어디에나 존재하는 법이지만 또 그 사람들이 주는 스트레스를 떠안고 살기엔 제 인생이 너무 아깝다는 생각도 들기 마련이죠. 그래서 매번 모기를 쫓으려 허공에 쉐도우 복싱을 하듯 '근데 그 사람 진짜 너무 한 거 같아... 아니야 괜히 이런 생각에 매몰되지 말자. 그럴 시간에 좋은 생각 한 번 더해야지'라는 혼잣말을 수십 번 반복하게 되는 게 사실입니다. 04 . 하지만 어느 순간부터는 나쁜 생각을 털어내는 것만큼이나 내가 받은 나쁜 영향을 다른 사람에게 전달하지 않는 것도 너무너무 중요한 일이라는 생각을 하게 되었습니다. 물론 이걸 몰라서 실천하지 않는 사람은 거의 없겠지만 실제로 마음먹은 대로 잘되지 않는 대표적인 행동이기도 하죠. 나 혼자만 이 기분을 떠안긴 억울하고 그렇다고 대놓고 표현하자니 나도 똑같은 사람이 되는 것 같아 망설여지는 순간이면 세상에서 내가 제일 답답한 사람인 것 같은 생각마저 드니까요. 05 . 대신 저는 분명하게 실천하는 한 가지가 있긴 합니다. 바로 '그 사람의 언어를 사용하지 않는 것'입니다. 다시 말해 내게 나쁜 영향을 주는 사람이 사용하는 묘하디 묘하게 귀에 거슬리는, 아주 얄팍한 방법으로 타인의 감정을 갉아먹는 그 단어와 표현들을 절대 사용하지 않는 거죠. 그게 무슨 대응법이냐고 반론을 제기할 분도 있겠지만 조금만 생각해 보면 아주 현실적이고 우아한(?) 복수이기도 합니다. 아니 정확히는 나쁜 사람이 주는 나쁜 영향을 모조리 튕겨내는 일종의 방수복을 입는 것과도 같은 효과라 할 수 있죠. 06 . 사실 우리 주위에서 천벌을 받을 정도로 극악무도한 사람을 만나는 건 극히 드문 일입니다. 좋은 사람만큼이나 나쁜 사람도 많은 게 슬픈 현실이지만 적어도 우리와 사회적 관계를 유지하고 살 정도의 사람이라면 '그것이 알고싶다'에 등장할 법한 인물들은 없을 테니 말이죠. 하지만 그 정도로 나쁜 사람이 아니더라도 늘 나쁜 영향을 주는 사람들은 말 그대로 '나쁜 언어'를 즐겨 사용합니다. 욕설을 하거나 험악한 말들을 내뱉는 게 아니라 상대로 하여금 수많은 불쾌감을 안겨주는 표현들을 큰 죄책감 없이 하는 사람들인 거죠. 07 . 당연히 저도 그런 사람을 겪어본 적이 있습니다. (아니..현재진행형이려나요... 암튼) 많은 사람을 힘들게 했던 그분은 팀원들이 좋은 아이디어를 내서 역량을 발휘하는 순간에도 '끼를 제대로 부렸다'고 표현하거나, 디테일까지 살뜰히 챙기는 동료들을 보고도 '편집증 환자 수준으로 이잡듯이 뒤졌다'고 비유하곤 했습니다. 이런 표현들은 날이 갈수록 정도를 더해 나중에는 서로 모여 그 의미를 해석해야 하는 수준에게까지 이르렀죠. 그 사람이 쓰는 나쁜 용어들로 사전 하나를 만들라고 해도 딱히 불가능해 보이는 미션은 아닌 것 같았으니까요. 처음엔 '꼭 저렇게까지 표현해야 하나...'하는 생각이 들었지만 괜히 제가 예민하게 구는 것 같아서 몇 번이고 달게 삼켜보려 했는데 주위에 있는 모든 사람들이 불편해하는 걸 보고서 이건 크게 잘못된 것이라는 걸 깨달았죠. 그 사람의 언어 때문에 그 사람과 대화하는 우리 모두가 피해를 보고 있었던 겁니다. 08 . 더 경악스러웠던 건 본인도 불쾌하게 들었으면서 어느 순간 그 사람의 언어를 따라 하는 사람들이 생겨나기 시작했다는 겁니다. 그렇게 후배들은 물론이고 새로 협업하는 동료들에게까지 아무렇지 않게 나쁜 언어들을 전파하고 다녔고, 죄책감은커녕 본인은 쿨한 업계 용어(?)를 쓰는 것 즈음으로 생각하고 말더군요. 나쁜 영향이 대물림되는 전형적인 순간을 목도하고 만 것이죠. 09 . 이제는 저도 어느 정도 연차가 쌓인 만큼 나쁜 언어들과 마주할 때면 최대한 정중하게 그런 말을 쓰지 말 것을 권유하지만 나쁜 사람들은 대부분 크게 개의치 않습니다. 오히려 지적하는 사람을 나이브 한 사람으로 매도하는 경우도 많고 말이죠. 하지만 그렇다고 해서 쉽게 포기하진 않습니다. 나쁜 언어로 타인을 괴롭히는 사람들은 그 어떤 폭력보다도 악질에 가까우니까요, 과하다 싶을 때는 현장 분위기가 어색해질 것을 감안하고라도 그 자리에서 짚고 넘어가는 것이 옳은 행동임은 분명합니다. 10 . 그럼에도 쉽게 해결되지 않는다면 적어도 내가 그 사람의 언어를 함께 공용어(?)로 사용하지 않는 것부터 실천해야 합니다. 내가 몸담은 조직에서 아무리 흔하게 쓰는 표현이더라도, (백 번 양보해서) 상대에게 해를 끼칠 생각이 요만큼도 없이 사용한 장난에 가까운 말들이더라도 그 사람의 언어를 함께 쓰는 순간 나도 똑같은 사람이 되는 건 부정할 수 없는 사실이거든요. 그러니 친하다고, 익숙하다고, 상대가 크게 내색하지 않았다고 해서 찝찝한 말들을 그대로 방치하거나 사용하지는 말았으면 합니다. 그건 나쁜 사람에게서 받은 나쁜 영향을 좋은 사람들에게 묻히고 다니는 진정으로 어리석은 짓이니 말이죠.

나쁜 사람에 대한 최고의 복수는 '그 사람의 언어를 쓰지 않는 것

대한민국 5대 IT회사 네카라쿠배 국적

네(이버) - 한국 회사

작년에 예상한 올해 ’2024년 마케팅&시장 트렌드 TOP 10‘ 중간 점검을 해보았다. 정리해서 강연을 하고, 멘토링과 컨설팅 근간으로 활용하고, 관련 콘텐츠를 쓴 지 6개월이 되었으니 점검이 필요한 시점이다.

난 트렌드라 말하며 그럴 듯한 말포장해서 그냥 던지고 끝내지 않는다. 그건 트렌드팔이 샐럽이나 사짜 브랜드쟁이들이나 할 일이고, 난 예상한 트렌드가 맞았는지 틀렸는지 체크하고 트렌드가 어떻게 움직이고 실제 사업에 어떤 영향을 미치는지까지 확인한다. 트렌드를 예측해야 하는 이유가 바로 그것이기 때문이다. 거기에 다른 트렌드 예측과 달리 시간축을 넣어서 연속성을 함께 이야기한다. 대부분의 트렌드는 인과관계가 명확하기 때문이다.

모두 예상했던대로 한창 진행 중인 듯하다. 각각 속도는 다르지만 말한대로 움직이고 있다. 다만 ‘10. 카오스’는 생각보다 빨리 정돈되고 있어서 올해가 넘어가면 사라질 듯하다.

[2024년 마케팅&시장 트렌드 TOP 10]

1. Club X : 화려하게 컴백한 그들, X세대
2. 고립사회 : 그들만의 리그 VS 나만의 세상
3. 모순사회 : 눈에 띄지 않게 인정받고 싶은 사람들
4. 보수로의 회귀 : 직업의 가치, 근로수입, 책임감의 강조
5. 빅테크 시대의 개막 : 영화로 보던 미래가 일상으로
6. 인생 아웃소싱 : 라이프 스타일 큐레이션
7. 분노사회 : 모두가 화나 있는 세상
8. 극단사회 : 빈부격차, 생활 수준의 극단화
9. 본능사회 : 쾌락과 자극에 반응하는 사람들
10. 카오스 : 모든 시장 트렌드의 근원

작년에 예상한 올해 ’2024년 마케팅&amp;시장 트렌드 TOP 10‘ 중간 점검을 해보았다. 정리해서 강연을 하고, 멘토링과 컨설팅 근간으로 활용하고, 관련 콘텐츠를 쓴 지 6개월이 되었으니 점검이 필요한 시점이다. 난 트렌드라 말하며 그럴 듯한 말포장해서 그냥 던지고 끝내지 않는다. 그건 트렌드팔이 샐럽이나 사짜 브랜드쟁이들이나 할 일이고, 난 예상한 트렌드가 맞았는지 틀렸는지 체크하고 트렌드가 어떻게 움직이고 실제 사업에 어떤 영향을 미치는지까지 확인한다. 트렌드를 예측해야 하는 이유가 바로 그것이기 때문이다. 거기에 다른 트렌드 예측과 달리 시간축을 넣어서 연속성을 함께 이야기한다. 대부분의 트렌드는 인과관계가 명확하기 때문이다. 모두 예상했던대로 한창 진행 중인 듯하다. 각각 속도는 다르지만 말한대로 움직이고 있다. 다만 ‘10. 카오스’는 생각보다 빨리 정돈되고 있어서 올해가 넘어가면 사라질 듯하다. [2024년 마케팅&amp;시장 트렌드 TOP 10]​1. Club X : 화려하게 컴백한 그들, X세대2. 고립사회 : 그들만의 리그 VS 나만의 세상3. 모순사회 : 눈에 띄지 않게 인정받고 싶은 사람들4. 보수로의 회귀 : 직업의 가치, 근로수입, 책임감의 강조5. 빅테크 시대의 개막 : 영화로 보던 미래가 일상으로6. 인생 아웃소싱 : 라이프 스타일 큐레이션7. 분노사회 : 모두가 화나 있는 세상8. 극단사회 : 빈부격차, 생활 수준의 극단화9. 본능사회 : 쾌락과 자극에 반응하는 사람들10. 카오스 : 모든 시장 트렌드의 근원

작년에 예상한 올해 ’2024년 마케팅&시장 트렌드 TOP 10‘

웹 컴포넌트는 그 기능을 나머지 코드로부터 캡슐화하여 재사용 가능한 커스텀 엘리먼트를 생성하고 웹 앱에서 활용할 수 있도록 해주는 다양한 기술들의 모음입니다.

웹 컴포넌트 - Web API | MDN

웹 컴포넌트(Web Components)는 웹 개발에서 코드의 재사용성을 높이고 컴포넌트의 캡슐화를 실현하기 위한 기술입니다.
전통적인 웹 표준에서는 코드의 재사용이 쉽지 않았는데요. 웹 컴포넌트는 웹 표준 기술을 사용하여 컴포넌트를 재사용할 수 있도록 합니다. 이는 개발 효율성을 높이고 코드의 유지보수성을 향상시키는 데 도움이 되는데요.

웹 컴포넌트는 다음과 같은 주요 개념으로 구성됩니다:
 1. 사용자 정의 요소(Custom Elements): 개발자가 직접 정의한 HTML 태그와 해당 태그의 동작을 나타내는 API입니다. 이를 통해 커스텀 엘리먼트를 생성하고 활용할 수 있습니다.
 2. 섀도우 DOM(Shadow DOM): 컴포넌트의 내부 구조와 스타일을 외부로부터 격리시키는 기술입니다. 이를 통해 컴포넌트의 기능을 프라이빗하게 유지할 수 있으며, 다른 부분의 스타일과 충돌하지 않도록 보장합니다.
 3. HTML 템플릿(HTML Templates): 컴포넌트의 구조를 정의하는 마크업 템플릿입니다. 이 템플릿은 렌더링된 페이지에 직접 나타나지 않으며, 컴포넌트가 인스턴스화될 때 사용됩니다.
 
 
웹 컴포넌트는 자바스크립트의 클래스 문법을 사용하여 구현됩니다. 또한, 리액트나 뷰와 유사하게 라이프사이클 메서드를 제공하여 컴포넌트의 생성, 업데이트, 제거 등의 과정을 제어할 수 있습니다. 웹 컴포넌트는 웹 표준 기술이기 때문에 별도의 라이브러리나 프레임워크 없이 사용할 수 있다는 장점이 있습니다.
다음은 간단한 웹 컴포넌트 코드 예제입니다:
<script>
 class SimpleGreeting extends HTMLElement {
 constructor() {
 super();
 const shadowRoot = this.attachShadow({mode: 'open'});
 shadowRoot.innerHTML = `안녕하세요 웹컴포넌트 예제입니다!`;
 }
 }
 customElements.define('simple-greeting', SimpleGreeting);
</script>
</head>
<body>
 <simple-greeting></simple-greeting>
</body>

웹 컴포넌트는 클래스 문법을 사용하기 때문에 익숙하지 않은 개발자에게는 다소 복잡해 보일 수 있을것 같은데요. 또한, 현재 리액트나 뷰와 같은 인기 있는 라이브러리가 널리 사용되고 있어 웹 컴포넌트가 이들을 완전히 대체하기는 쉽지 않을것 같습니다.

하지만 웹 컴포넌트의 가장 큰 장점은 웹 표준 기술을 사용하여 컴포넌트를 구현할 수 있기 때문에 라이브러리 사용이 제한된 특수한 환경이나 간단한 컴포넌트 구현이 필요한 상황에서 유용하게 활용될 수 있을것 같습니다.

https://developer.mozilla.org/ko/docs/Web/API/Web_components

웹 컴포넌트(Web Components)는 웹 개발에서 코드의 재사용성을 높이고 컴포넌트의 캡슐화를 실현하기 위한 기술입니다. 전통적인 웹 표준에서는 코드의 재사용이 쉽지 않았는데요. 웹 컴포넌트는 웹 표준 기술을 사용하여 컴포넌트를 재사용할 수 있도록 합니다. 이는 개발 효율성을 높이고 코드의 유지보수성을 향상시키는 데 도움이 되는데요. 웹 컴포넌트는 다음과 같은 주요 개념으로 구성됩니다:<ol ><li>사용자 정의 요소(Custom Elements): 개발자가 직접 정의한 HTML 태그와 해당 태그의 동작을 나타내는 API입니다. 이를 통해 커스텀 엘리먼트를 생성하고 활용할 수 있습니다.</li><li>섀도우 DOM(Shadow DOM): 컴포넌트의 내부 구조와 스타일을 외부로부터 격리시키는 기술입니다. 이를 통해 컴포넌트의 기능을 프라이빗하게 유지할 수 있으며, 다른 부분의 스타일과 충돌하지 않도록 보장합니다.</li><li>HTML 템플릿(HTML Templates): 컴포넌트의 구조를 정의하는 마크업 템플릿입니다. 이 템플릿은 렌더링된 페이지에 직접 나타나지 않으며, 컴포넌트가 인스턴스화될 때 사용됩니다. </li></ol>웹 컴포넌트는 자바스크립트의 클래스 문법을 사용하여 구현됩니다. 또한, 리액트나 뷰와 유사하게 라이프사이클 메서드를 제공하여 컴포넌트의 생성, 업데이트, 제거 등의 과정을 제어할 수 있습니다. 웹 컴포넌트는 웹 표준 기술이기 때문에 별도의 라이브러리나 프레임워크 없이 사용할 수 있다는 장점이 있습니다.다음은 간단한 웹 컴포넌트 코드 예제입니다:<pre ><code>&lt;script&gt;
 class SimpleGreeting extends HTMLElement {
 constructor() {
 super();
 const shadowRoot = this.attachShadow({mode: 'open'});
 shadowRoot.innerHTML = `&lt;p&gt;안녕하세요 웹컴포넌트 예제입니다!&lt;/p&gt;`;
 }
 }
 customElements.define('simple-greeting', SimpleGreeting);
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;simple-greeting&gt;&lt;/simple-greeting&gt;
&lt;/body&gt;</code></pre> 웹 컴포넌트는 클래스 문법을 사용하기 때문에 익숙하지 않은 개발자에게는 다소 복잡해 보일 수 있을것 같은데요. 또한, 현재 리액트나 뷰와 같은 인기 있는 라이브러리가 널리 사용되고 있어 웹 컴포넌트가 이들을 완전히 대체하기는 쉽지 않을것 같습니다. 하지만 웹 컴포넌트의 가장 큰 장점은 웹 표준 기술을 사용하여 컴포넌트를 구현할 수 있기 때문에 라이브러리 사용이 제한된 특수한 환경이나 간단한 컴포넌트 구현이 필요한 상황에서 유용하게 활용될 수 있을것 같습니다. https://developer.mozilla.org/ko/docs/Web/API/Web_components

MDN Web Docs

웹 표준 기술로 구현하는 웹 컴포넌트(Web Components)

많이들 사용하시나요? 사용한다면 어느 조합으로 사용 하고 계신지 궁금합니다. 주로 궁금한거는 기존의 v13 or v14, 기존의 css-in-js 사용이 불가능한 상황에서 스타일링에는 무엇을 사용하는지, 별도의 데이터 패칭 라이브러리(swr, tanstack-query)와 전역상태도구(zustand, jotai)를 사용하는지. 음 기존 page router 쓰시던 분들은 프로덕션 레벨에서도 마이그레이션 해서 사용중인지도 궁금하네요

추가로 특정 조합에 장점이 있는지도 궁금합니다

감사합니다!

많이들 사용하시나요? 사용한다면 어느 조합으로 사용 하고 계신지 궁금합니다. 주로 궁금한거는 기존의 v13 or v14, 기존의 css-in-js 사용이 불가능한 상황에서 스타일링에는 무엇을 사용하는지, 별도의 데이터 패칭 라이브러리(swr, tanstack-query)와 전역상태도구(zustand, jotai)를 사용하는지. 음 기존 page router 쓰시던 분들은 프로덕션 레벨에서도 마이그레이션 해서 사용중인지도 궁금하네요 추가로 특정 조합에 장점이 있는지도 궁금합니다 감사합니다!

안녕하세요 eddy님! 저는 개발자가 아니라 올려주신 글에 답변을 드릴 수는 없지만, Q&A에 질문 올려주시면 더 많은 답변 받으실 수 있을 것 같아서 댓글 남겨봅니다 🙏

nextjs app router

댓글 1

비슷한 게시물

주간 인기 TOP 10

추천 프로필