7월 스크랩

1. 국내 최고의 개발 문화를 가진 회사는? (링크)

• 개발 문화 체크리스트로 415명 응답을 통계(원티드랩)

좋은 개발 문화를 가진 회사는?

• 12점 – 카카오, 라인플러스, 우아한형제들, 컴투스, 업스테이지 등
• 11점 – 네이버, 엔에이치엔, 하이퍼커넥트, 데브시스터즈, 크몽, 에이비일팔공 등
• 10점 – 카카오뱅크, 크래프톤, 안랩, 당근마켓, 드림어스컴퍼니, 마이리얼트립, 원티드랩 등

12가지 훌륭한 개발문화 체크 리스트

1. 코딩 테스트 인터뷰 – 개발자 입사 시 코딩 테스트 혹은 화이트 보드 인터뷰를 진행한다.
2. 자율적 개인 개발 장비 선택 – 회사에 업무 장비 표준 (PC, 노트북 등)이 있더라도, 개인별로 원하는 개발 장비를 선택할 수 있다.
3. 자율적 팀 개발 환경 선택 – 회사에 기술 표준 (프로그래밍 언어, 플랫폼 등)이 있더라도, 팀별로 원하는 개발 환경을 선택할 수 있다.
4. 소스 코드 리뷰 및 테스트 – 모든 개발자가 다른 사람의 소스 커밋을 리뷰하고, 테스트하는 과정을 가지고 있다.
5. 개발자 기여 로드맵/백로그 – 주요 개발 방향을 PM/기획 뿐만 아니라 개발자들이 주도 혹은 참여해서 정해나간다.
6. 지속적 통합 및 배포 (CI/CD) – 코드 커밋 후 자동으로 통합 및 배포되는 시스템을 가지고 있다.
7. 내부 소스 레포지터리 공유 – 다른 팀의 소스 코드에 접근(access), 포크(fork) 혹은 기여(contribution)할 수 있다.
8. API를 기반한 연동 및 소통 – 내부 팀 및 플랫폼간 협업을 할 때, API를 개발해서 공유하거나, 검색할 수 있다.
9. 기술을 이해하는 팀장/매니저 – 회사 내 개발팀장 대부분은 소프트웨어 개발 경력이 가지고 있으며, 내부 코드 및 기술 플랫폼을 이해하는 사람이다.
10. 개발자 레벨 혹은 경력 관리 – 사내에 개발자의 업무 역량별 레벨 제도 혹은 팀장/매니저가 아닌 별도의 개발자 전용 승진 경로를 가지고 있다.
11. 참여형 지식 공유 플랫폼 – 사내에 직접 참여 혹은 편집 가능한 위키(노션), 블로그 플랫폼을 운영하고 있다.
12. 개발자 관계(DevRel) 활동 – 외부 개발자와 소통하는 채널(기술 블로그, 컨퍼런스 등)을 운영하거나 전담하는 사람/팀이 있다.
13. 위의 모든 사항이 해당 안된다 ㅠㅠ (13일의 금요일의 저주)

2. Bun - JavascriptCore 기반의 빠른 Javascript 런타임/트랜스파일러/NPM 클라이언트 (링크)

• Node, Deno와 같은 JavaScript 런타임
• 속도를 우선으로 개발
  • npm run을 bun run으로 바꾸기만 해도 30배 빠르게 동작: https://twitter.com/jarredsumner/status/1454218996983623685
• npm과 호환 가능한 패키지 매니저를 포함
  • yarn을 bun install로 바꾸기만 해도 20배 빠르게 패키지 설치 가능:
• WebKit에서 사용하는 JavaScriptCore을 확장하여 개발
  • 시작 속도가 기존의 V8 등과 비교해서 월등히 빠름: https://twitter.com/jarredsumner/status/1499225725492076544
• 기존에 돌리던 JavaScript/TypeScript 앱을 그대로 쓸 수 있도록 설계: N-API, fs, path, Buffer 등을 포함한 여러 node.js API 및 fetch, WebSocket, ReadableStream 등을 포함한 Web API를 네이티브로 구현
• Node.js의 모듈 resolution 알고리즘을 구현하여 node_modules 사용 가능. ESM 및 CommonJS를 모두 지원. 내부적으로는 ESM을 사용.
• 모든 파일이 트랜스파일되기 때문에 TypeScript 및 JSX를 모두 지원.
• .env 파일로부터 환경 변수를 알아서 불러오기 때문에 더 이상 require('dotenv').load()를 쓸 필요가 없음.

3. 아마존에서 배운 5가지 글쓰기와 소통 방식 (링크)

1. 데이터에 기반한 명확한 문장: 매출이 많이 증가했다 X, 매출이 25% 늘었다 O
2. 구조화 된 문장상황: 진행 결과, 배우거나 부족한 점, 향후 계획 또는 미래, 4가지를 포함한 문단 구성
3. 똑같은 정보를 기반한 팀 미팅: 팀 회의가 시작되면, 15분 정도 각자가 미리 써 놓은 4가지 업무 항목들을 함께 읽는 시간을 가짐
4. 2 x 2 구조의 보고서: 내부 외부 2가지 축이 포함된 매트릭스 사용
5. 예의 바른 태도와 정중한 표현: 결국 소프트웨어도 사람이 만들기에 공손함과 친절함은 생산성과 팀효율에 큰 영향을 준다

4. AnotherPomodoro - 웹 뽀모도로 타이머 오픈소스 (링크)

• 브라우저 기반 로컬 웹앱. 오프라인 동작 가능
• 종료에 대한 오디오 & 웹노티 알림 지원
• Adaptive Tiking : 백그라운드에서는 타이머 틱을 더 적게
• 다양한 스타일 제공 : 다크모드, 시간표시 (12:34, 13m, 50%)

5. 서울, 가보자고 - 네이버 데이터가 알려주는 서울의 맛집 (링크)

• 사람들이 네이버지도에서 많이 저장한 장소
• 리뷰어들이 많이 리뷰한 맛집 (연령대별, 리뷰 급상승)
• 큐레이션 테마 : 을지로, 차차차, 오마카세, 평양냉면
• 내비게이션으로 많이 찾아간 카페/음식점
• 2021년 1월부터 2022년 5월까지의 데이터 기반

6. 아무 웹사이트에서 React 코드 복사하는 크롬 확장 (링크)

• 웹사이트 / 웹앱에서 컴포넌트를 쉽게 선택하여 복사 가능
• React용 Visual IDE인 Aspect에 붙여넣거나, 자신의 코드에 복사해서 사용 가능
  → 이 크롬 확장은 Aspect가 개발해서 제공하는 것

7. ECMAScript 2022 승인. 새로운 기능은? (링크)

• 클래스의 새로운 멤버
• in 연산자를 통해 프라이빗 슬롯 확인
• 모듈에서 최상위(Top-level) await
• error.cause
• 인덱싱 가능한 값의 .at() 메서드
• RegExp match indicies
• Object.hasOwn(obj, propKey)

8. 웹 브라우저에 URL을 입력하면 어떤 일이 생기나요? (링크)

1. 웹 브라우저에 URL을 입력하고 Enter 키 입력
2. 웹 브라우저가 도메인명의 IP 주소 조회
3. 웹 브라우저가 서버와의 TCP 연결 시작
4. 웹 브라우저가 HTTP 요청을 서버로 전송
5. 웹 서버가 요청을 처리하고 응답을 다시 전송
6. 웹 브라우저가 콘텐츠 렌더링

9. Flowful - 무료 앰비언트 뮤직 생성기 (링크)

• 집중할 때 배경으로 틀어놓기 좋은 음악을 재생하는 플레이어
• 절차적 생성기(Procedural Generator)를 통해서 실시간 자동 생성된 음악을 끊김없이 계속 재생
• Recommended, Classical, Atmospheric, ADHD(Polyrhythmic)
• 무료는 일부 트랙을 주기별 로테이션

10. 예제로 알아보는 Javascript 난독화 기법 (링크)

• Hex 문자열 코딩
• 문자열 어레이 매핑
• 데드 코드 인젝션
• Scope 난독화
• 제어 흐름 난독화
• 맹글링
• 코드 최소화
• JSFuck