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

레벨이 올라가고 연차가 쌓이기 시작하면 기술적인 역량 만큼 어쩌면 더 중요해지기 시작하는 것이 평판이고 영향력이다. 나의 존재로 인한 주변 동료나 팀의 역량이 올라가는 사람이 바로 영향력이 있는 사람인데 영향력의 시작은 좋은 평판이며 좋은 평판의 시작은 바로 의사 소통 능력이다.

의사 소통 능력이란 무엇일까? 기본은 질문을 잘 하는 것과 질문하기 쉬운 사람이 되고 질문을 잘 대답해주는 것이라 생각한다.

 1. 경청하기(Active Listening): 질문을 잘 하는 것 그리고 질문에 대답을 잘 해주는 것은 기본적으로 상대의 말을 경청하는 태도와 습관에서 비롯된다. 이는 특히 상대가 내가 신뢰하지 못하는 사람일 경우 더 중요해지는데 상대 말에서 잘못된 논리나 구멍을 찾기 위해서가 아니라 상대를 이해하기 위해서 잘 들으려 해야 한다 ("호기심"의 중요성).
 2. 질문 잘 하기: 이는 타고나는 재능의 영역이라기 보다는 연습이 필요한 스킬 영역인데 첫 번째는 모르는 것을 남의 이목 신경쓰지 않는 어린아이처럼 순진하게 물어보는 것이고 (동일한 질문을 반복하지만 않으면 된다) 두 번째는 본인이 이해한대로 설명(paraphrasing)하면서 맞게 이해했는지 확인하는 형태로 물어보는 것이다. 질문을 잘 안하는 혹은 자신이 없는 팀원들의 경우 일대일 미팅할 때 다음 팀 미팅에서는 질문 하나 하기 등을 숙제로 주곤 했었다.
 3. 상대에 따라 소통 내용의 기술적 수준을 달리하기: 동료 개발자, 매니저(디테일을 잘 아는 사람인지 아닌지), 고객 등 상대에 따라 사용하는 기술 용어의 수준은 달라야 한다. 상대의 백그라운드와 기대치를 미리 알고 거기에 맞춰 사용할 언어를 달리하는 것이 필요하다. 다수의 사람앞에서 발표하는 기회가 생기면 꼭 손 들어보자.
 4. 글 쓰기: 생각이란 글로 표현될 때 더 분명해지며 더 많은 사람들에게 전달이 가능하다. 코딩을 할때 막힌다면 혹은 시스템 디자인을 하는데 생각이 잘 정리가 안된다면 글로 본인의 생각을 정리해보자. 잘 쓸려고 하는 것 보다는 많이 꾸준하게 써보는 것이 중요하다
 5. 롤 모델 찾기: 같은 회사 내에서 의사소통 능력이 뛰어난 사람을 찾아서 그 사람의 행동을 유심히 살펴보고 따라해보는 것도 아주 효과적인 방법이다.

앞서 이야기한 방법들은 환경에 따라 쉽지 않을 수도 있기에 환경을 잘 선택하는 것, 아니다 싶은 곳에서 빨리 떠나는 결정을 하는 것도 필요하다. 의사소통 능력이 있다면 다음 단계인 문제 정의가 쉬워지며 본인이 맡은 업무의 완료 시간 추정도 쉬워진다. 영향력을 증대하려면 꼭 필요한 어려운 대화를 하는 기술도 시작은 의사소통 능력이다. 이는 타고난 능력이 아닌 실수와 연습을 통해 시간을 두고 발전하는 스킬이란 점을 명심하자.

좋은 개발자가 알아야하는 9가지 포인트들 - 3. 의사 소통 잘하기

웹 컴포넌트(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 = `<p>안녕하세요 웹컴포넌트 예제입니다!</p>`;
    }
  }
  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)

Bun은 Node.js, Webpack, Vitest등의 프론트엔드 개발환경에 필요한 라이브러리의 설치가 필요 없는 올인원 도구인데요. 빠른 시작속도, 실행속도 그리고 DX(개발자경험)을 위해 만들어졌습니다. Bun의 주요 역할은 다음과 같습니다.

 1. 런타임및 패키지매니저
    요즘 리액트 개발을 하려면 Node.js 설치가 필수인데요. Bun은 자체적인 런타임을 제공하여 Node.js 설치가 필요 없습니다 게다가 WebKit의 JavaScriptCore 엔진과 저수준 프로그래밍 언어인 Zig를 사용하여 Node.js보다 훨씬 빠른 속도를 자랑합니다. npm 패키지와 호환되는 내장 패키지 매니저로 'bun install'을 사용하면 약 5배 빠른 속도로 패키지를 설치할 수 있고, 전역 모듈 캐시로 중복 다운로드를 제거하여 최적의 성능을 보장합니다

 2. 번들러 및 트랜스파일러
    Bun은 타입스크립트를 기본적으로 지원하고, 런타임에 자바스크립트 트랜스파일러가 통합되어 있어 js, ts, jsx, tsx 파일을 추가 변환 없이 즉시 실행할 수 있습니다. 트랜스파일러와 번들러 기능을 모두 갖추고 있어 Babel, Webpack, Rollup 등의 설치가 필요 없습니다. 또한 자바스크립트 매크로 도입으로 번들링 속도가 빠르기로 유명한 esbuild보다도 1.75배 빠릅니다 🚀
    
 3. 테스트 러너
    Bun은 자체적으로 테스트 러너 기능을 제공합니다. 'bun:test' API로 Jest 스타일의 API를 지원합니다. 따라서 Jest 테스트 코드를 Bun으로 쉽게 전환할 수 있고, 타입스크립트와 JSX를 기본 지원하여 추가 구성이나 플러그인이 필요 없습니다. 네이티브 코드로 구현된 매처 덕분에 빠르기로 유명한 Vitest보다도 8배 빠른 속도를 자랑합니다 ⚡

Bun을 사용하면 별도의 패키지 설치 없이도 훌륭한 개발 환경을 설정할 수 있습니다. 아직 Github 이슈가 2900개가 있어 당장 프로덕션 레벨에서 사용하기는 힘든것처럼 보이는데요. 향후에 안정화가된다면 매우 빠르고 효율적인 개발 환경을 제공해줄 것으로 기대되어 한'Bun' 써봐도 좋을것 같습니다.

https://bun.sh/

Bun: 자바스크립트와 타입스크립트를 위한 올인원 솔루션

아키텍쳐,  자동화, 인프라, 풀스택 등에도 관심이 많습니다.\n#개발자

위대한상상 개발자

김의중

FE Developer

풀스택을 지향하는 프론트엔드 엔지니어\n#개발자 #도전적인 #백엔드 #소프트웨어엔지니어 #프론트엔드 #ENFP

Frontend Engineer

고진영

백엔드 개발자

python, django 를 좋아하는 백엔드 개발자 입니다\n\n#백엔드 #Agile

요기요 백엔드 개발자

권태형

소프트웨어 개발자

위대한상상(요기요) 백엔드 개발자

이승훈

Business Data Analyst

오픈메이트\n#데이터분석 #컨설팅 #문제를해결하는 #AI/ML #DataAnalyst\n요기요 \n#데이터분석 #매장데이터 #Merchant Growth #

요기요 데이터분석가

김준서

이수영

위대한상상 백엔드개발자

김종호

iOS 개발자

개발

신범철

디자인센터장

안녕하세요? 저는 요기요 크리에이티브 센터장입니다. \n#UI디자인 #UX디자인 #그래픽디자인 #CRM #SNS마케팅 #3D아티스트 #그로스마케팅 #기획자 #끊임없이배우기 #네트워킹 #데이터분석 #디자이너 #디지털마케팅 #마케터 #문제를해결하는 #브랜드마케팅

위대한상상/요기요/크리에이티브 센터장

minsoo

요기요 소프트웨어 엔지니어

송경용

수정

Frontend Developer

힐링페이퍼 웹 프론트엔드 개발자

홍단비

권진호

두루두

#백엔드 #개발자 #소프트웨어엔지니어 #Engineering #Algorithm #DataEngineering

KAIST 전산학부

윤형신

위대한상상(요기요) PO

신민정

백엔드개발자

위대한상상(요기요) 백엔드개발자

Haeman

신일섭

프론트엔드 개발자

위대한상상(요기요) 프론트엔드 개발자

김정빈

시니어 UX/UI Researcher

위대한상상 시니어 UX/UI 연구원

정수영

Younguk

weecda

머신러닝 엔지니어

위대한상상(요기요) 머신러닝 엔지니어

장수완

임동명

ios 개발자

위대한상상(요기요) ios 개발자

장진호

김하진

심설송

 Data Scientist

Minjae Lee (이민재)

브랜드마케터

위대한상상(요기요) 브랜드마케터

햄쓰

새벽

브랜드 마케터

이재은

김예현

UX/UI 디자이너

위대한상상(요기요) UX/UI 디자이너

이미희

마케팅 데이터 사이언티스트 

위대한상상 마케팅 데이터 사이언티스트 

부릉부릉

코린이

큐브라떼

데이터 사이언티스트

위대한상상(요기요) 데이터 사이언티스트

조준형

개발팀 사원

위대한상상(요기요) 개발팀 사원

Young Seok

황섬

UX Researcher

위대한상상(요기요) UX Researcher

오세영

Data Engineer

위대한상상(요기요) Data Engineer

이채원

잔수

프로덕트 오너

위대한상상(요기요) 프로덕트 오너

송유경

Data engineer

위대한상상(요기요) Data engineer

ParkJung Hoo

위대한상상 백엔드 개발자

이준영

Senior UX Researcher

위대한상상(요기요) Senior UX Researcher

조수연

B2B 세일즈 매니저

위대한상상(요기요) B2B 세일즈 매니저

이승원

프로덕트 디자이너

yams

개발자

위대한상상(요기요) 개발자

상협

데브옵스 엔지니어

이주원

프로덕트 매니저

위대한상상(요기요) 프로덕트 매니저

김효진

그로스

손완주

황해솔

기획

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

Data Analyst

데이터분석가

박효성

Principal Engineer

레드버튼소프트 CTO

서명석

조규민

보안 엔지니어

강원대학교 컴퓨터정보통신공학

김남진

안드로이드 개발자

위대한상상(요기요) 안드로이드 개발자

사무직

위대한상상(요기요) 사무직

박정인

광고기획

위대한상상(요기요) 

hiddung12

데이터 엔지니어

위대한상상 데이터 엔지니어

이재현

이승준

위대한상상(요기요) 프로덕트 디자이너

위대한상상 프로덕트 오너

김진주

머신러닝 개발자

위대한상상(요기요) 머신러닝 개발자

문희원

jjss

익채

이장훈

소프트웨어 엔지니어

위대한상상(요기요) 소프트웨어 엔지니어

위대한

Network Engineer

주식회사 위대한상상 Network Engineer

소땡

serger engineer

위대한상상(요기요) serger engineer

안성미

프론트 개발자

위대한상상(요기요) 프론트 개발자

ㅇㄱㅈ

안드로이드 개발

위대한상상(요기요) 안드로이드 개발

이재우

위대한상상(요기요) iOS 개발자

위대한상상(요기요) HRD

정다연

김병철

교육팀 

포알엑스(홍보/프레젠터)

CHOI

데이터 분석

지성민

product owner

위대한상상(요기요) product owner

poppy

ㅇㅇ

✉️📝

컨텐츠 디자이너

위대한상상(요기요) 컨텐츠 디자이너

SongJooyoung

🌸

🌿

정보보안

위대한상상 정보보안

위대한상상(요기요) 데이터 엔지니어

ㄱㅈㅇ

스페셜리스트

위대한상상(요기요) 제휴마케팅실 프로모션 마케터

지선

위대한상상

기술 스택

언어

python

Java

typescript

프론트엔드

React

Next.js

React Query

Redux

Styled-Components

Recoil

ES6

백엔드

Ruby

Node.js

django

Spring

데이터베이스

데브옵스

fastapi

AWS

위대한상상