직장인이 된 지 한 달이 되었다.

🐣 우당탕탕 신입개발자의 한달간의 기록

뚝딱거렸던 신입 시절을 떠올리며 즐겁게 읽었네요.
회식 2차까지 버틸 수 있는 체력이 무척 부럽습니다

https://velog.io/@wndpseo/%EC%9A%B0%EB%8B%B9%ED%83%95%ED%83%95-%EC%8B%A0%EC%9E%85%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%ED%95%9C%EB%8B%AC%EA%B0%84%EC%9D%98-%EA%B8%B0%EB%A1%9D

뚝딱거렸던 신입 시절을 떠올리며 즐겁게 읽었네요.회식 2차까지 버틸 수 있는 체력이 무척 부럽습니다 https://velog.io/@wndpseo/%EC%9A%B0%EB%8B%B9%ED%83%95%ED%83%95-%EC%8B%A0%EC%9E%85%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%ED%95%9C%EB%8B%AC%EA%B0%84%EC%9D%98-%EA%B8%B0%EB%A1%9D

Velog

신입 개발자의 한 달

GeekNews 에서 소개를 해준 사이트인데요,
커리어리와 GeekNews 포함한 유명 it 서비스의 글들을 랭킹으로 보여주고,

유명한 it 기업 기술 블로그 사이트도 정리되어
필요할때 찾아보기 너무 좋습니다.

it 기술 관련 블로그나 뉴스를 살펴보고 싶으신 분들은 참고하면 좋겠습니다.

📚 링크
 * https://dev-ranking.vercel.app/

GeekNews 에서 소개를 해준 사이트인데요,커리어리와 GeekNews 포함한 유명 it 서비스의 글들을 랭킹으로 보여주고, 유명한 it 기업 기술 블로그 사이트도 정리되어필요할때 찾아보기 너무 좋습니다. it 기술 관련 블로그나 뉴스를 살펴보고 싶으신 분들은 참고하면 좋겠습니다. 📚 링크<ul><li>https://dev-ranking.vercel.app/</li></ul>

Vercel

🌐 개발자가 알고 있으면 좋은 사이트

일을 시작할 땐 개인의 성장에만 집중했습니다.

시간이 흐르며 함께 성장하는 것에 집중하게 됐습니다. 동료의 성장뿐 아니라 회사, 제품의 성장에도 관심을 가졌습니다.

조금 더 시간이 흐르자, 회의감이 들었습니다. "내가 왜 이러고 있지?"

성장의 의미를 돌아볼 시간이 찾아온 것이었습니다.

성장을 통해 이루고자 하는 바를 잊고 있었다는 걸 깨달았습니다. 왜 성장하고 싶었을까요. 왜 함께 성장해야 했을까요.

문제를 해결하고 싶었기 때문입니다. 세상을 살며 마주한 문제가 많고 이를 해결하고 싶은데 그럴 능력이 되질 않았거든요. 그래서 공부하고 일하고 발표하고 글을 쓰며 성장했습니다. 덕분에 크고 작은 문제를 푸는데 기여할 수 있었죠.

다른 말로 정리하면 더 나은 세상을 만들고 싶기 때문이라고 할 수 있겠네요. 여러분은 어떤 이유로 성장하려 하시나요?

마주한 문제를 해결해서 조금 더 나은 세상을 만드는 것. 바로 우리가 성장하기 위해 노력하는 이유가 아닐까요.

일을 시작할 땐 개인의 성장에만 집중했습니다. 시간이 흐르며 함께 성장하는 것에 집중하게 됐습니다. 동료의 성장뿐 아니라 회사, 제품의 성장에도 관심을 가졌습니다. 조금 더 시간이 흐르자, 회의감이 들었습니다. "내가 왜 이러고 있지?" 성장의 의미를 돌아볼 시간이 찾아온 것이었습니다. 성장을 통해 이루고자 하는 바를 잊고 있었다는 걸 깨달았습니다. 왜 성장하고 싶었을까요. 왜 함께 성장해야 했을까요. 문제를 해결하고 싶었기 때문입니다. 세상을 살며 마주한 문제가 많고 이를 해결하고 싶은데 그럴 능력이 되질 않았거든요. 그래서 공부하고 일하고 발표하고 글을 쓰며 성장했습니다. 덕분에 크고 작은 문제를 푸는데 기여할 수 있었죠. 다른 말로 정리하면 더 나은 세상을 만들고 싶기 때문이라고 할 수 있겠네요. 여러분은 어떤 이유로 성장하려 하시나요? 마주한 문제를 해결해서 조금 더 나은 세상을 만드는 것. 바로 우리가 성장하기 위해 노력하는 이유가 아닐까요.

성장의 이유

주니어 엔지니어로서 “당연히 성장해야지” 라는 다소 맹목적인 생각을 갖고 있었어요. 조은님 덕분에 “왜 성장하려고 하지?” 라는 근본적인 이유를 고민해볼 수 있게 되었네요 :) 감사합니다.

The (Frontend||UI||UX) Developer/Engineer Handbook 2024

<프론트엔드 2024 마스터 핸드북>
프론트엔드에 관한 분야, 지식총집합!

멋진 자료를 발견하게 되어 공유합니다.

기술을 이해할때에는 T자형으로 넓고 깊게 아는게 중요하다고 하는게 깊게 아는 것은 직관적으로 이해되지만 넓게 안다는건 무슨 의미인지 이해하기 어렵습니다.

넓게 안다는 것은 기술의 범주와 카테고리 그리고 무엇이 있는지를 알고 있는 것입니다. 무엇이 있는지를 모르니 무엇이 있는지를 알기 위한 방법을 아는게 어렵기에 넓게 아는 것이 어려운 법이지요.

자세한 내용을 아직 하나하나 읽어 본 것은 아니지만,
이 컨텐츠는 이미 <목차>만으로도 충분한 가치가 있습니다.

구성이 참 알차네요!
프론트엔드 개발자로 앞으로 무엇을 알아가야 할 지 혹은 내가 얼마나 알고있는지 체크리스트로 한번 활용해보세요 :)

---

https://frontendmasters.com/guides/front-end-handbook/2024/

1. Overview of Field of Work
1.1 — What is a (Frontend||UI||UX) Developer/Engineer?
1.2 — Common Job Titles (based on "Areas of Focus" in section 2)
1.3 — Career Levels & Compensation
1.4 — Occupational Challenges

2. Areas of Focus
2.1 — Website Development
2.2 — Web Application Development / Software Engineering
2.3 — Web UX / UI Engineering
2.4 — Web Test Engineering
2.5 — Web Performance Engineering
2.6 — Web Accessibility Engineering
2.7 — Web Game Development

3. Learning / Education / Training
3.1 — Initial Steps
3.2 — On Demand Courses
3.3 — Certifications & Learning Paths
3.4 — University/College Educations

4. Foundational Aspects
4.1 — World Wide Web (aka, WWW or Web)
4.2 — The Internet
4.3 — IP (Internet Protocol) Addresses
4.4 — Domain Names
4.5 — DNS (Domain Name System)
4.6 — URLs (Uniform Resource Locators)
4.7 — Servers and Web Hosting
4.8 — CDN (Content Delivery Network)
4.9 — HTTP/HTTPS (Hypertext Transfer Protocol/Secure)
4.10 — Web Browsers
4.11 — JavaScript Engines

5. Core Competencies
5.1 — Code Editors
5.2 — HyperText Markup Language (HTML)
5.3 — Cascading Style Sheets (CSS)
5.4 — JavaScript Programming Language (ECMAScript 262)
5.5 — Document Object Model (DOM)
5.6 — TypeScript
5.7 — JavaScript Web APIs (aka Web Browser APIs)
5.8 — JavaScript Object Notation (JSON)
5.9 — ES Modules
5.10 — Command Line
5.11 — Node.js
5.12 — JavaScript Package Managers
5.13 — NPM Registry
5.14 — Git
5.15 — Web Accessibility - WCAG & ARIA
5.16 — Web Images, Files Types, & Data URLS
5.17 — Browser Developer Tools (DevTools)

6. Other Competencies & Paradigms
6.1 — A/B Testing
6.2 — AI-powered Coding Tools
6.3 — Adaptive Design
6.4 — Algorithms
6.5 — Asynchronous Programming
6.6 — Atomic CSS
6.7 — Backend as a Service (BaaS)
6.8 — Big'O Notation
6.9 — Building / Builds (aka, Web Bundlers)
6.10 — CI/CD
6.11 — Content Management System (CMS)
6.12 — Code Complexity
6.13 — Code Coverage
6.14 — Code Formatter
6.15 — CSS in JS
6.16 — CSS Animations
6.17 — CSS Frameworks
6.18 — CSS Resets
6.19 — Data API Testing
6.20 — Data Structures
6.21 — Declarative Programming
6.22 — Design Systems
6.23 — Device Testing
6.24 — Development Servers
6.25 — Device Testing Using Emulation
6.26 — DOM Scripting/Manipulation
6.27 — Front-end Web Development Frameworks & Libraries
6.28 — Full Stack Web Development Frameworks
6.29 — Functional Programming (FP)
6.30 — Functional / End to End Testing
6.31 — GraphQL
6.32 — Headless Content Management System (Headless CMS)
6.33 — HTML Email Development
6.34 — Imperative Programming
6.35 — Interaction Design
6.36 — JAM stack
6.37 — JavaScript Performance
6.38 — JSX
6.39 — Micro Frontends
6.40 — Monorepos
6.41 — Muli-Page Apps (MPA)
6.42 — Native Application Development from Web Technologies
6.43 — Object Oriented Programming (OOP)
6.44 — Offline / Local First Web Development
6.45 — Polyfills
6.46 — Progressive Web Apps (PWA)
6.47 — Regular Expressions
6.48 — Responsive Design (RWD)
6.49 — REST API
6.50 — Search Engine Optimization (SEO)
6.51 — Semantic Versioning
6.52 — Semantical HTML
6.53 — Server side Rendering (SSR)
6.54 — Single Page Apps
6.55 — State & State Management
6.56 — State Machines
6.57 — Static Analysis Tools
6.58 — Static Site Generators (SSG)
6.59 — Static Typing / Type Annotations
6.60 — Streaming SSR
6.61 — Tree and Graph Data Structures
6.62 — UI Design Patterns
6.63 — UI Toolkits/Libraries (aka, JavaScript UI Widgets)
6.64 — Unit Testing
6.65 — User Experience (UX)
6.66 — Utility First CSS Frameworks
6.67 — Virtual DOM
6.68 — Visual Testing
6.69 — Web 1.0
6.70 — Web 2.0
6.71 — Web 3.0 (Conceptual)
6.72 — Web Animations (aka JavaScript Animations)
6.73 — Web Assembly (WASM)
6.74 — Web Browser Testing
6.75 — Web Components
6.76 — Web Fonts
6.77 — Web Hosting Services
6.78 — Web Performance
6.79 — Web Security
6.80 — Web Sockets
6.81 — Web Typogrpahy
6.82 — Web Workers
6.83 — Wireframing

&lt;프론트엔드 2024 마스터 핸드북&gt;프론트엔드에 관한 분야, 지식총집합! 멋진 자료를 발견하게 되어 공유합니다. 기술을 이해할때에는 T자형으로 넓고 깊게 아는게 중요하다고 하는게 깊게 아는 것은 직관적으로 이해되지만 넓게 안다는건 무슨 의미인지 이해하기 어렵습니다. 넓게 안다는 것은 기술의 범주와 카테고리 그리고 무엇이 있는지를 알고 있는 것입니다. 무엇이 있는지를 모르니 무엇이 있는지를 알기 위한 방법을 아는게 어렵기에 넓게 아는 것이 어려운 법이지요. 자세한 내용을 아직 하나하나 읽어 본 것은 아니지만,이 컨텐츠는 이미 &lt;목차&gt;만으로도 충분한 가치가 있습니다. 구성이 참 알차네요!프론트엔드 개발자로 앞으로 무엇을 알아가야 할 지 혹은 내가 얼마나 알고있는지 체크리스트로 한번 활용해보세요 :) --- https://frontendmasters.com/guides/front-end-handbook/2024/ 1. Overview of Field of Work1.1 — What is a (Frontend||UI||UX) Developer/Engineer?1.2 — Common Job Titles (based on "Areas of Focus" in section 2)1.3 — Career Levels &amp; Compensation1.4 — Occupational Challenges 2. Areas of Focus2.1 — Website Development2.2 — Web Application Development / Software Engineering2.3 — Web UX / UI Engineering2.4 — Web Test Engineering2.5 — Web Performance Engineering2.6 — Web Accessibility Engineering2.7 — Web Game Development 3. Learning / Education / Training3.1 — Initial Steps3.2 — On Demand Courses3.3 — Certifications &amp; Learning Paths3.4 — University/College Educations 4. Foundational Aspects4.1 — World Wide Web (aka, WWW or Web)4.2 — The Internet4.3 — IP (Internet Protocol) Addresses4.4 — Domain Names4.5 — DNS (Domain Name System)4.6 — URLs (Uniform Resource Locators)4.7 — Servers and Web Hosting4.8 — CDN (Content Delivery Network)4.9 — HTTP/HTTPS (Hypertext Transfer Protocol/Secure)4.10 — Web Browsers4.11 — JavaScript Engines 5. Core Competencies5.1 — Code Editors5.2 — HyperText Markup Language (HTML)5.3 — Cascading Style Sheets (CSS)5.4 — JavaScript Programming Language (ECMAScript 262)5.5 — Document Object Model (DOM)5.6 — TypeScript5.7 — JavaScript Web APIs (aka Web Browser APIs)5.8 — JavaScript Object Notation (JSON)5.9 — ES Modules5.10 — Command Line5.11 — Node.js5.12 — JavaScript Package Managers5.13 — NPM Registry5.14 — Git5.15 — Web Accessibility - WCAG &amp; ARIA5.16 — Web Images, Files Types, &amp; Data URLS5.17 — Browser Developer Tools (DevTools) 6. Other Competencies &amp; Paradigms6.1 — A/B Testing6.2 — AI-powered Coding Tools6.3 — Adaptive Design6.4 — Algorithms6.5 — Asynchronous Programming6.6 — Atomic CSS6.7 — Backend as a Service (BaaS)6.8 — Big'O Notation6.9 — Building / Builds (aka, Web Bundlers)6.10 — CI/CD6.11 — Content Management System (CMS)6.12 — Code Complexity6.13 — Code Coverage6.14 — Code Formatter6.15 — CSS in JS6.16 — CSS Animations6.17 — CSS Frameworks6.18 — CSS Resets6.19 — Data API Testing6.20 — Data Structures6.21 — Declarative Programming6.22 — Design Systems6.23 — Device Testing6.24 — Development Servers6.25 — Device Testing Using Emulation6.26 — DOM Scripting/Manipulation6.27 — Front-end Web Development Frameworks &amp; Libraries6.28 — Full Stack Web Development Frameworks6.29 — Functional Programming (FP)6.30 — Functional / End to End Testing6.31 — GraphQL6.32 — Headless Content Management System (Headless CMS)6.33 — HTML Email Development6.34 — Imperative Programming6.35 — Interaction Design6.36 — JAM stack6.37 — JavaScript Performance6.38 — JSX6.39 — Micro Frontends6.40 — Monorepos6.41 — Muli-Page Apps (MPA)6.42 — Native Application Development from Web Technologies6.43 — Object Oriented Programming (OOP)6.44 — Offline / Local First Web Development6.45 — Polyfills6.46 — Progressive Web Apps (PWA)6.47 — Regular Expressions6.48 — Responsive Design (RWD)6.49 — REST API6.50 — Search Engine Optimization (SEO)6.51 — Semantic Versioning6.52 — Semantical HTML6.53 — Server side Rendering (SSR)6.54 — Single Page Apps6.55 — State &amp; State Management6.56 — State Machines6.57 — Static Analysis Tools6.58 — Static Site Generators (SSG)6.59 — Static Typing / Type Annotations6.60 — Streaming SSR6.61 — Tree and Graph Data Structures6.62 — UI Design Patterns6.63 — UI Toolkits/Libraries (aka, JavaScript UI Widgets)6.64 — Unit Testing6.65 — User Experience (UX)6.66 — Utility First CSS Frameworks6.67 — Virtual DOM6.68 — Visual Testing6.69 — Web 1.06.70 — Web 2.06.71 — Web 3.0 (Conceptual)6.72 — Web Animations (aka JavaScript Animations)6.73 — Web Assembly (WASM)6.74 — Web Browser Testing6.75 — Web Components6.76 — Web Fonts6.77 — Web Hosting Services6.78 — Web Performance6.79 — Web Security6.80 — Web Sockets6.81 — Web Typogrpahy6.82 — Web Workers6.83 — Wireframing

Frontendmasters

프론트엔드 2024 마스터 핸드북

개발자의 지속 가능한 성장을 위한 학습 커뮤니티

부스트캠프

IT 커리어를 생각중이시라면 한 번 꼭 살펴봐주세요

https://boostcamp.connect.or.kr/guide_wm.html
 * 모집 기간
   2024년 5월 20일(월) ~
   2024년 6월 10일(월) 오전 10시
 * 모집 분야
   웹 풀스택(JavaScript), 모바일 iOS(Swift), 모바일 Android(Kotlin)

 * 지원 자격
   * 2024년 하반기에 풀타임(월~금,
     10:00~19:00)으로 참여하실 수 있는 분
   * 부스트캠프 커뮤니티를 존중하고, 건강한
     학습 문화를 만드는데 기여할 수 있는 분
   * 분야에 관계없이 개발 경력 2년 미만인 분
   * 만 19세 이상 성인

IT 커리어를 생각중이시라면 한 번 꼭 살펴봐주세요 https://boostcamp.connect.or.kr/guide_wm.html<ul><li>모집 기간2024년 5월 20일(월) ~ 2024년 6월 10일(월) 오전 10시​​</li><li>모집 분야웹 풀스택(JavaScript), 모바일 iOS(Swift), 모바일 Android(Kotlin)​</li></ul> <ul><li>지원 자격<ul><li>2024년 하반기에 풀타임(월~금, 10:00~19:00)으로 참여하실 수 있는 분</li><li>부스트캠프 커뮤니티를 존중하고, 건강한 학습 문화를 만드는데 기여할 수 있는 분</li><li>분야에 관계없이 개발 경력 2년 미만인 분</li><li>만 19세 이상 성인</li></ul></li></ul>

Connect

부스트캠프 9기 모집

Ahead of Google's annual I/O developer conference in May, the tech giant has laid off staff across key teams like Flutter, Dart, Python, and others,

Google lays off staff from Flutter, Dart & Python weeks before its developer conference | TechCrunch

Google I/O가 2주정도 남은 시점에서 플러터 담당팀과 파이썬 팀의 개발자들을 대규모 해고했다고 하네요. 팀에서 플러터로 많은 프로젝트들을 진행하고 있어서 관심갖고 Followup 해야할 것 같습니다

https://techcrunch.com/2024/04/29/google-lays-off-staff-from-flutter-dart-python-weeks-before-its-developer-conference/

Google I/O가 2주정도 남은 시점에서 플러터 담당팀과 파이썬 팀의 개발자들을 대규모 해고했다고 하네요. 팀에서 플러터로 많은 프로젝트들을 진행하고 있어서 관심갖고 Followup 해야할 것 같습니다 https://techcrunch.com/2024/04/29/google-lays-off-staff-from-flutter-dart-python-weeks-before-its-developer-conference/

TechCrunch

구글의 대규모 해고

플러터 비석도 추가가 될려나요?

a remix of Aimee Carty's song - the 10 & 20 year version for sad millennials.

2 days into college (10 year version)

우연히 듣게된 노래인데요. 짧지만 울림이 있네요

https://youtu.be/5vtO2qxGgSA?si=Nn1UDgrjWEUeHVE4

우연히 듣게된 노래인데요. 짧지만 울림이 있네요 https://youtu.be/5vtO2qxGgSA?si=Nn1UDgrjWEUeHVE4

YouTube

나는 잘 가고 있을까?

The library for web and native user interfaces

React 19 Beta - React

React 19 베타 버전이 npm을 통해 출시되었습니다. 이번 업데이트에서 주목할 만한 것은 "Actions"이라는 개념인데요. Actions은 비동기 전환을 사용하는 함수를 말합니다.
그럼 비동기 전환을 사용하는 함수란 무엇일까요?
비동기 작업을 콜백함수나 Promise로 처리하게 되면 코드 가독성이 떨어지고 복잡성이 증대되는데요. React에서는 이런 문제를 해결하기 위해 비동기 전환 즉 Action을 사용하여 비동기 작업을 마치 동기 작업처럼 쉽게 처리할 수 있습니다.

이런 Actions 개념을 바탕으로 React 19에서는 'useOptimistic'과 'useActionState'와 같은 새로운 훅(Hook)들이 추가되었습니다. 이 훅들은 비동기 작업을 보다 선언적이고 간결하게 처리할 수 있도록 도와주는데요.

React 19의 Actions 및 관련 훅들은 비동기 작업 처리, 데이터 제출, 오류 처리, 상태 관리 등을 자동화하고 추상화합니다. 이를 통해 개발자는 복잡한 비동기 로직 구현(Pending, Error 등)에 직접 개발을 하지 않아도 되어 개발 생산성 향상과 코드 품질 개선을 기대할 수 있습니다.

개인적으로는 Promise를 반환하는 함수의 결과를 사용할수 있는 'use'훅과 낙관적 업데이트로 UX를 개선할수 있는 'useOptimistic' 훅이 가장 기대가 되네요.

https://react.dev/blog/2024/04/25/react-19

React 19 베타 버전이 npm을 통해 출시되었습니다. 이번 업데이트에서 주목할 만한 것은 "Actions"이라는 개념인데요. Actions은 비동기 전환을 사용하는 함수를 말합니다. 그럼 비동기 전환을 사용하는 함수란 무엇일까요?비동기 작업을 콜백함수나 Promise로 처리하게 되면 코드 가독성이 떨어지고 복잡성이 증대되는데요. React에서는 이런 문제를 해결하기 위해 비동기 전환 즉 Action을 사용하여 비동기 작업을 마치 동기 작업처럼 쉽게 처리할 수 있습니다. 이런 Actions 개념을 바탕으로 React 19에서는 'useOptimistic'과 'useActionState'와 같은 새로운 훅(Hook)들이 추가되었습니다. 이 훅들은 비동기 작업을 보다 선언적이고 간결하게 처리할 수 있도록 도와주는데요. React 19의 Actions 및 관련 훅들은 비동기 작업 처리, 데이터 제출, 오류 처리, 상태 관리 등을 자동화하고 추상화합니다. 이를 통해 개발자는 복잡한 비동기 로직 구현(Pending, Error 등)에 직접 개발을 하지 않아도 되어 개발 생산성 향상과 코드 품질 개선을 기대할 수 있습니다. 개인적으로는 Promise를 반환하는 함수의 결과를 사용할수 있는 'use'훅과 낙관적 업데이트로 UX를 개선할수 있는 'useOptimistic' 훅이 가장 기대가 되네요. https://react.dev/blog/2024/04/25/react-19

React

React 19 베타 출시: Actions의 도입과 새로운 비동기 훅

복잡한 리스트를 보기 좋게 출력하는 몇 가지 방법에 대해서 알아보겠습니다. - 관련 포스팅: https://www.daleseo.com/python-lists-print/ - 실습 코드: https://dales.link/cln 목차: 0:00 소개 2:50 for 루프 3:35 pprint 모듈 4:23 print 함수 6:58 정리 #파이썬 #python #print #pprint

파이썬에서 복잡한 리스트 출력하기

파이썬에서 리스트(list)를 콘솔에 출력할 때 보통
print()
함수를 사용하게 되는데요. 예를 들어, 10개의 숫자를 담고 있는 간단한 리스트는 다음과 같이 출력할 수 있습니다.

```py
>>> nums = list(range(10))
>>> print(nums)
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
```

하지만 리스트가 많은 양의 데이터를 담고 있거나 리스트의 구조가 복잡할 경우에는 이런 식으로 출력하면 상당히 보기가 어려워지죠? 😵‍💫 예를 들어, 파이썬의 꽃이라고 불리우는 표현식(comprehension) 문법을 사용해서, 100개의 숫자를 10개씩 이차원 리스트로 만들고 출력해보겠습니다.

```py
>>> matrix = [[r * 10 + c for c in range(10)] for r in range(10)]
>>> print(matrix)
[[0, 1, 2, 3, 4, 5, 6, 7, 8, 9], [10, 11, 12, 13, 14, 15, 16, 17, 18, 19], [20, 21, 22, 23, 24, 25, 26, 27, 28, 29], [30, 31, 32, 33, 34, 35, 36, 37, 38, 39], [40, 41, 42, 43, 44, 45, 46, 47, 48, 49], [50, 51, 52, 53, 54, 55, 56, 57, 58, 59], [60, 61, 62, 63, 64, 65, 66, 67, 68, 69], [70, 71, 72, 73, 74, 75, 76, 77, 78, 79], [80, 81, 82, 83, 84, 85, 86, 87, 88, 89], [90, 91, 92, 93, 94, 95, 96, 97, 98, 99]]
```

이번 시간에는 위와 같이 복잡한 리스트를 최소한의 노력으로 좀 더 보기 좋게 출력하는 몇 가지 팁을 알려드리려고 합니다. 이 요령을 잘 습득해두시면 리스트에 저장된 값을 빠르게 디버깅하실 때 특히 유용하실 거에요! 😉

📺 동영상: https://youtu.be/uvbP-3tqAUM
📝 포스팅: https://www.daleseo.com/python-lists-print/

파이썬에서 리스트(list)를 콘솔에 출력할 때 보통 <code >print()</code> 함수를 사용하게 되는데요. 예를 들어, 10개의 숫자를 담고 있는 간단한 리스트는 다음과 같이 출력할 수 있습니다. ```py&gt;&gt;&gt; nums = list(range(10))&gt;&gt;&gt; print(nums)[0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ``` 하지만 리스트가 많은 양의 데이터를 담고 있거나 리스트의 구조가 복잡할 경우에는 이런 식으로 출력하면 상당히 보기가 어려워지죠? 😵‍💫 예를 들어, 파이썬의 꽃이라고 불리우는 표현식(comprehension) 문법을 사용해서, 100개의 숫자를 10개씩 이차원 리스트로 만들고 출력해보겠습니다. ```py&gt;&gt;&gt; matrix = [[r * 10 + c for c in range(10)] for r in range(10)]&gt;&gt;&gt; print(matrix)[[0, 1, 2, 3, 4, 5, 6, 7, 8, 9], [10, 11, 12, 13, 14, 15, 16, 17, 18, 19], [20, 21, 22, 23, 24, 25, 26, 27, 28, 29], [30, 31, 32, 33, 34, 35, 36, 37, 38, 39], [40, 41, 42, 43, 44, 45, 46, 47, 48, 49], [50, 51, 52, 53, 54, 55, 56, 57, 58, 59], [60, 61, 62, 63, 64, 65, 66, 67, 68, 69], [70, 71, 72, 73, 74, 75, 76, 77, 78, 79], [80, 81, 82, 83, 84, 85, 86, 87, 88, 89], [90, 91, 92, 93, 94, 95, 96, 97, 98, 99]] ``` 이번 시간에는 위와 같이 복잡한 리스트를 최소한의 노력으로 좀 더 보기 좋게 출력하는 몇 가지 팁을 알려드리려고 합니다. 이 요령을 잘 습득해두시면 리스트에 저장된 값을 빠르게 디버깅하실 때 특히 유용하실 거에요! 😉 📺 동영상: https://youtu.be/uvbP-3tqAUM📝 포스팅: https://www.daleseo.com/python-lists-print/

프론트엔드 개발의 정의부터 기본 개념과 실무, 커리어까지 다루는 핸드북입니다. 시간을 두고 조금씩 보면 좋을 것 같네요!

https://frontendmasters.com/guides/front-end-handbook/2024/

프론트엔드 개발의 정의부터 기본 개념과 실무, 커리어까지 다루는 핸드북입니다. 시간을 두고 조금씩 보면 좋을 것 같네요! https://frontendmasters.com/guides/front-end-handbook/2024/

프론트엔드 개발자를 위한 핸드북 2024

작은 팀부터 규모 있는 기업까지 다양한 곳에서 정말 많은 분들을 뽑아도 보고 탈락도 시켜본 자로서 정리해본 개발자 이력서 스타일에 대해서.

나는 개인적으로 개발자 이력서를 디자이너 포트폴리오 꾸미듯 꾸미기는 선호하지 않는다. 그렇다고 전형적인 이력서 포맷도 그닥이다. 자유양식의 심플 a4 스타일로 간결 1장 분량이면 좋고 길어도 2-3 페이지 정도를 선호한다.

내가 좋아하는 구성은
 * 사진(사진은 필수는 아니다) 이름, 전화번호, 이메일 주소
 * 경력 : 최신이 위로 올라오게 내림차순
 * 학력/교육 : 최종전공학력 위주.
   교육은 직무와 연관된 코스만 간단하게.
 * git repo, blog 등. 기술블로그 경우만.
   
이메일은 수시로 체크 가능한게 좋다. 이상하게 내 경험으로는 네이버 카카오 메일보다 gmail 지원자가 개발자의 경우는 채용까지 연결되는 경우가 많았다. 경험일 뿐이고 지금 지원하는 회사가 카카오, 네이버라면 당연히각 사의 메일주소를 쓰는게 낫겠다.

경력은 주로 아래로 구성된다.
 * 회사명, 재직기간
 * 담당 업무와 개발스택
 * 주요 활약이나 성과
JD(Job Descriptions) 와 연결된 담당 업무나 개발 스텍을 써보자.
 * AWS 기반 ec2 에 java + spring boot 로 구성된 백엔드 API 개발담당
 * React Native 를 활용한 사용자용 모바일 앱 개발
 * Jsp, html, css, JavaScript 로 구성된 was 개발
 * PyTorch 기반의 image classification, detection model 구현 및 serving API 개발 담당
 * swift 를 활용한 iOS native app 개발
등등 JD 에서 찾고 있는 스택과 맞는 경력사항을 간결하게 기술하자.

주요활약이나 성과
실제 내가 주도해서 달성했던 성과나 해결했던 문제를 기술해 주는게 좋다. 아래는 예제다.
 * operator 가 수동 분리하던 업무를 자동화하여 기존 처리량의 200% 를 달설하게 적은 수의 운영자가 더 많은 업무처리가 가능하도록 함
 * 20만 동접 채팅 및 입장 기능을 구현
 * 카카오, 네이버, 애플 로그인 연동으로 사용자의 소셜 로그인을 지원하고 간편가입을 구현.
 * RestFul API 체계를 구축하여, 다양한 이종 단말기 디바이스에서 유연한 연동이 가능하도록 제공
 * *** API 연동 개발을 통해 ML 모델을 구현하고 *** 기반으로 serving 체계 구축
 * 앱리뉴얼을 통해 사용자 MAU 20만 달성 앱 개발 운영 업무를 담당
 * **** 을 활용하여 CI/CD 체계 구축을 통해 개발생산성을 향상시켰고 상시 안정적인 운영배포 체계 구축
등등. 구체적이고 본인의 성과가 확실한 경력이라면 역시 간단히 써주는게 좋다.
인턴쉽 경험과 정규직 경험은 확실히 써주는게
좋다. 애매하게 인턴쉽을 정규직처럼 쓴다거나 하는데 어차피 기간에 나오니 인턴 경험이면 당당하게 인턴쉽 으로 명기하는데 더 좋은 인상을 준다.

학력/교육
최종학력과 교육 수강 내역을 쓰는데 최종학력이 개발쪽이 아니라면(예 학부는 개발전공인데 mba 를 했다거나
이종 석박사 과정을 했다면) 최종학력과 학부 경력까지 쓰자. 최종학력이 연관이라면 최종 학력만 쓰는 것도 좋겠다.

교육 수강내용은 타이틀과 어떤 과정이었는지만 간단히 쓰는게 좋다. 경력이 충분하다면 역시 스킵해도 된다.

신입이라 경력이 없다면 직무연관 동아리 활동이나 경진대회 수상이력, 이수한 교육 프로그램 등을 추가할 수 있으나 경력자라면 굳이 추가할 필요가 없다. 만약 채용 직무 관련 전공자가 아니라면 경력자라도 물론 관련활동이나 받은 교육내용을 써 주는 것도 좋다.
단 주의할 점은 짧게 간단하게. 간혹 당황스러운 건 교육 프로그램 과정에서 만든 프로젝트로 유명 사이트나 앱 기능 하나를 구현해 본걸 장황하게 쓰는 경우라던가, 기획자를 뽑는게 아닌데 아이디어 자체 강조형이면 좀 난감스럽다. 예를 들면 "*** 창업 경진대회 1위 수상" 이면 충분하고 이후 진행이 잘 되서 면접에 가게 되면 더 물어볼 수 있는 수준만 쓰는 게 이 파트 노하우다.

더 궁금한 사람들을 위해 git repo 는 반드시 이력서 초반 혹은 말미에 넣는 건 기본 중의 기본! 기술블로그는 있다면 남기자. 난 솔직히 git repo 는 들여다보는데 기술블로그는 잘 보진 않는다.

git 은 토이프로젝트라도 당연히 내 개인 프로젝트들이 들어 있어야 한다. 어디선가 베껴온 건 바로 티나니까, 내 코드를 넣어두되, 간단해도 되니 일반적인 개발언어별 컨벤션을 따르는게 좋겠고 lint 를 사용해 두는 걸 권장한다. 그리고 전직장이나 다른 사람들 기여가 더 높은 팀 프로젝트를 올려두는 건 오히려 마이너스다. 기본 비밀유지를 못하는 도덕적 법적 문제를 일으킬 수 있는 사람으로 보여질 수 있기 때문이다.

일단 구구절절 자기소개를 그리 신경 쓸 필요가 없다. 직장은 이 직무에 제일 잘 맞는 사람을 찾기를 원하기 때문에 잘 정리되고 깔끔한 구성이면 충분하다.

그리고 인턴이면 인턴, 신입이면 신입 또는 신입경력무관, 경력자면 경력에 맞는 곳에만 지원하자. 지원자가 많은 회사의 서류전형자라면 자격요건에 해당 안되는 경우는 무조건 스킵할 확률이 높기 때문이다.

그리고 서류전형을 통과해도 코딩테스트, 기술면접이 있기 때문에 경력을 과장하거나 회사나 팀의 성과를 모두 내 성과인 것 처럼 쓸 필요는 없다. 내가 했던 일이 뽑고 있는 직무와 관련도가 높은 곳을 찾고 그 점을 어필하는 게 좋은 전략 아닐까.

요즘 자의건 타의건 이직을 고민하는 개발자 분들이 주변에 많은 시기. 그간 다양한 직능의 다양한 직종의 분들을 면접 전형해 본 사람으로서 스킬 투척!

작은 팀부터 규모 있는 기업까지 다양한 곳에서 정말 많은 분들을 뽑아도 보고 탈락도 시켜본 자로서 정리해본 개발자 이력서 스타일에 대해서. 나는 개인적으로 개발자 이력서를 디자이너 포트폴리오 꾸미듯 꾸미기는 선호하지 않는다. 그렇다고 전형적인 이력서 포맷도 그닥이다. 자유양식의 심플 a4 스타일로 간결 1장 분량이면 좋고 길어도 2-3 페이지 정도를 선호한다. 내가 좋아하는 구성은<ul><li>사진(사진은 필수는 아니다) 이름, 전화번호, 이메일 주소</li><li>경력 : 최신이 위로 올라오게 내림차순</li><li>학력/교육 : 최종전공학력 위주.교육은 직무와 연관된 코스만 간단하게.</li><li>git repo, blog 등. 기술블로그 경우만. </li></ul>이메일은 수시로 체크 가능한게 좋다. 이상하게 내 경험으로는 네이버 카카오 메일보다 gmail 지원자가 개발자의 경우는 채용까지 연결되는 경우가 많았다. 경험일 뿐이고 지금 지원하는 회사가 카카오, 네이버라면 당연히각 사의 메일주소를 쓰는게 낫겠다. 경력은 주로 아래로 구성된다.<ul><li>회사명, 재직기간</li><li>담당 업무와 개발스택</li><li>주요 활약이나 성과</li></ul>JD(Job Descriptions) 와 연결된 담당 업무나 개발 스텍을 써보자.<ul><li>AWS 기반 ec2 에 java + spring boot 로 구성된 백엔드 API 개발담당</li><li>React Native 를 활용한 사용자용 모바일 앱 개발</li><li>Jsp, html, css, JavaScript 로 구성된 was 개발</li><li>PyTorch 기반의 image classification, detection model 구현 및 serving API 개발 담당</li><li>swift 를 활용한 iOS native app 개발</li></ul>등등 JD 에서 찾고 있는 스택과 맞는 경력사항을 간결하게 기술하자. 주요활약이나 성과실제 내가 주도해서 달성했던 성과나 해결했던 문제를 기술해 주는게 좋다. 아래는 예제다.<ul><li>operator 가 수동 분리하던 업무를 자동화하여 기존 처리량의 200% 를 달설하게 적은 수의 운영자가 더 많은 업무처리가 가능하도록 함</li><li>20만 동접 채팅 및 입장 기능을 구현</li><li>카카오, 네이버, 애플 로그인 연동으로 사용자의 소셜 로그인을 지원하고 간편가입을 구현.</li><li>RestFul API 체계를 구축하여, 다양한 이종 단말기 디바이스에서 유연한 연동이 가능하도록 제공</li><li>*** API 연동 개발을 통해 ML 모델을 구현하고 *** 기반으로 serving 체계 구축</li><li>앱리뉴얼을 통해 사용자 MAU 20만 달성 앱 개발 운영 업무를 담당</li><li>**** 을 활용하여 CI/CD 체계 구축을 통해 개발생산성을 향상시켰고 상시 안정적인 운영배포 체계 구축</li></ul>등등. 구체적이고 본인의 성과가 확실한 경력이라면 역시 간단히 써주는게 좋다.인턴쉽 경험과 정규직 경험은 확실히 써주는게좋다. 애매하게 인턴쉽을 정규직처럼 쓴다거나 하는데 어차피 기간에 나오니 인턴 경험이면 당당하게 인턴쉽 으로 명기하는데 더 좋은 인상을 준다. 학력/교육최종학력과 교육 수강 내역을 쓰는데 최종학력이 개발쪽이 아니라면(예 학부는 개발전공인데 mba 를 했다거나이종 석박사 과정을 했다면) 최종학력과 학부 경력까지 쓰자. 최종학력이 연관이라면 최종 학력만 쓰는 것도 좋겠다. 교육 수강내용은 타이틀과 어떤 과정이었는지만 간단히 쓰는게 좋다. 경력이 충분하다면 역시 스킵해도 된다. 신입이라 경력이 없다면 직무연관 동아리 활동이나 경진대회 수상이력, 이수한 교육 프로그램 등을 추가할 수 있으나 경력자라면 굳이 추가할 필요가 없다. 만약 채용 직무 관련 전공자가 아니라면 경력자라도 물론 관련활동이나 받은 교육내용을 써 주는 것도 좋다.단 주의할 점은 짧게 간단하게. 간혹 당황스러운 건 교육 프로그램 과정에서 만든 프로젝트로 유명 사이트나 앱 기능 하나를 구현해 본걸 장황하게 쓰는 경우라던가, 기획자를 뽑는게 아닌데 아이디어 자체 강조형이면 좀 난감스럽다. 예를 들면 "*** 창업 경진대회 1위 수상" 이면 충분하고 이후 진행이 잘 되서 면접에 가게 되면 더 물어볼 수 있는 수준만 쓰는 게 이 파트 노하우다. 더 궁금한 사람들을 위해 git repo 는 반드시 이력서 초반 혹은 말미에 넣는 건 기본 중의 기본! 기술블로그는 있다면 남기자. 난 솔직히 git repo 는 들여다보는데 기술블로그는 잘 보진 않는다. git 은 토이프로젝트라도 당연히 내 개인 프로젝트들이 들어 있어야 한다. 어디선가 베껴온 건 바로 티나니까, 내 코드를 넣어두되, 간단해도 되니 일반적인 개발언어별 컨벤션을 따르는게 좋겠고 lint 를 사용해 두는 걸 권장한다. 그리고 전직장이나 다른 사람들 기여가 더 높은 팀 프로젝트를 올려두는 건 오히려 마이너스다. 기본 비밀유지를 못하는 도덕적 법적 문제를 일으킬 수 있는 사람으로 보여질 수 있기 때문이다. 일단 구구절절 자기소개를 그리 신경 쓸 필요가 없다. 직장은 이 직무에 제일 잘 맞는 사람을 찾기를 원하기 때문에 잘 정리되고 깔끔한 구성이면 충분하다. 그리고 인턴이면 인턴, 신입이면 신입 또는 신입경력무관, 경력자면 경력에 맞는 곳에만 지원하자. 지원자가 많은 회사의 서류전형자라면 자격요건에 해당 안되는 경우는 무조건 스킵할 확률이 높기 때문이다. 그리고 서류전형을 통과해도 코딩테스트, 기술면접이 있기 때문에 경력을 과장하거나 회사나 팀의 성과를 모두 내 성과인 것 처럼 쓸 필요는 없다. 내가 했던 일이 뽑고 있는 직무와 관련도가 높은 곳을 찾고 그 점을 어필하는 게 좋은 전략 아닐까. 요즘 자의건 타의건 이직을 고민하는 개발자 분들이 주변에 많은 시기. 그간 다양한 직능의 다양한 직종의 분들을 면접 전형해 본 사람으로서 스킬 투척!

서류전형은 통과할만한 신입 or 주니어 경력 개발자 이력서 스타일

Hi I have finally solved 300 problems on LeetCode. Following is the distribution of the topics I have solved questions from and the number of questions in each of them. The major thing I have learnt...

I Solved 300+ Leetcode problems , Here is what I learnt.

마침내 리트코드에서 300개의 문제를 해결했습니다. 이 여정에서 중요한 부분은 다음과 같습니다.
 
 1. 고급 토픽에 집중하기: 동적 프로그래밍(DP), 이진 검색, 그래프, 트리 및 우선순위 큐와 같은 주제는 인터뷰에서 자주 질문을 받으며, 익숙해 지기 위해서는 시간과 인내심이 필요하기 때문에 계속해서 집중합니다.
 2. 다른 사람과 비교하지 않기: 우리는 모두 다른 개체이기 때문에, 자신의 학습곡선을 그대로 받아들이는 것이 좋습니다. 당신의 여정을 다른 사람과 비교하지 마세요.
 3. 일하면서 300개의 문제를 해결하는 데 10개월이 걸렸고, 일부 사람들은 그 절반의 시간만을 투자할지도 모르지만 괜찮습니다. 그것은 저만의 여정이니 다른 사람을 생각하며 내 기분을 상하게 하지 않을 것입니다.
 4. medium 단계의 문제는 최소 30분 동안 시도하기: 30분 동안 최선을 다하고, 그 후에는 힌트를 보는 것을 주저하지 마세요. 아무 문제가 없더라도 내가 모르는 특정한 기술이나 개념이 있을 수 있으므로 힌트를 찾아보세요.
 5. 최고가 되기 위한 동기를 가지기: 최고가 되기 위한 열망은 장애물을 극복하도록 도와줍니다. 
 6. 훈련하기: 처음에는 그것이 숙제처럼 느껴질 수 있지만, 서서히 적응하게 되어 삶의 일부가 될 것입니다. 

번역: [https://ducktopia.tistory.com/122]
원문:

마침내 리트코드에서 300개의 문제를 해결했습니다. 이 여정에서 중요한 부분은 다음과 같습니다.&nbsp;<ol ><li>고급 토픽에 집중하기: 동적 프로그래밍(DP), 이진 검색, 그래프, 트리 및 우선순위 큐와 같은 주제는 인터뷰에서 자주 질문을 받으며, 익숙해 지기 위해서는 시간과 인내심이 필요하기 때문에 계속해서 집중합니다.</li><li>다른 사람과 비교하지 않기: 우리는 모두 다른 개체이기 때문에, 자신의 학습곡선을 그대로 받아들이는 것이 좋습니다. 당신의 여정을 다른 사람과 비교하지 마세요.</li><li>일하면서 300개의 문제를 해결하는 데 10개월이 걸렸고, 일부 사람들은 그 절반의 시간만을 투자할지도 모르지만 괜찮습니다. 그것은 저만의 여정이니 다른 사람을 생각하며 내 기분을 상하게 하지 않을 것입니다.</li><li>medium 단계의 문제는 최소 30분 동안 시도하기: 30분 동안 최선을 다하고, 그 후에는 힌트를 보는 것을 주저하지 마세요. 아무 문제가 없더라도 내가 모르는 특정한 기술이나 개념이 있을 수 있으므로 힌트를 찾아보세요.</li><li>최고가 되기 위한 동기를 가지기: 최고가 되기 위한 열망은 장애물을 극복하도록 도와줍니다.&nbsp;</li><li>훈련하기: 처음에는 그것이 숙제처럼 느껴질 수 있지만, 서서히 적응하게 되어 삶의 일부가 될 것입니다.&nbsp;</li></ol> 번역: [https://ducktopia.tistory.com/122]원문:

Medium

🕊️  [Medium] 300개 이상의 리트코드 문제를 해결한 방

01 . 숏폼 콘텐츠의 자극성에 비판을 가하고 싶은 생각은 전혀 없지만 가끔 숏폼 피드를 보다 보면 저도 모르게 희한한 감정이 들 때가 있습니다. 조금 전까지는 예능 프로에서 레전드 짤로 불리는 하이라이트를 보며 낄낄대다가 곧장 다음 콘텐츠를 넘기면 그때는 또 세상을 아주 올바르게 살아가야 할 법한 중요한 말들이 쏟아지거든요. 그렇게 축구 하이라이트를 지나 사람이 금성에 떨어지면 어떻게 되는지를 알려주는 과학 콘텐츠를 만날 때면 이제 어떤 감정으로 콘텐츠를 대해야 하는지 의아해질 때도 많기 때문이죠.

02 . 그중에서도 저는 요즘 동기부여에 관한 콘텐츠를 어떻게 받아들여야 하는지가 참 고민입니다. 저 역시 책 읽는 걸 좋아하고 콘텐츠 보는 걸 즐기는 편이라 중요한 문장이나 의미 있게 다가온 장면들이 있으면 어떻게든 남겨두려고 하거든요.
특히 숏폼 콘텐츠가 뜨고 나서부터는 수많은 유명인들의 인터뷰에 큼지막한 자막을 입히고 웅장한 BGM을 깔아서 전달하는 게시물들이 늘어나다 보니 왠지 아주 특별하지 않은 내용도 꼭 저장을 해 둬야 할 것 같은 주요한 콘텐츠처럼 받아들여지는 순간도 없지 않습니다.

03 . 이상하다 싶었죠. 오히려 책을 읽으며 적당히 하이라이트하고, 기록하고, 때로는 필사를 해가며 얻은 인사이트들보다 훨씬 간편하고 임팩트 있게 마주할 수 있는 동기부여 콘텐츠들이 넘쳐나는 세상인데 정작 왜 동기부여가 제대로 되지 않을까 싶은 그 사실이 무척 궁금해진 겁니다.
그래서 오늘은 지극히 개인적인 해석과 지극히 개인적인 방법들을 한 번 소개해 볼까 합니다. 바로 명언 중독의 시대에 동기부여 콘텐츠를 적절히 활용하기 위한 방법으로 말이죠.

04 . 우선 저는 비타민의 역설을 이야기하고 싶습니다. 많이들 아시다시피 비타민은 우리 몸에 필요한 일정 수준의 양분으로 흡수되고 나면 초과분은 모두 몸 밖으로 배출되게 됩니다. 때문에 고함량의 비타민을 여러 번 복용한다고 해도 건강에 주는 이점은 딱히 없는 셈이죠.
그런데 저는 동기부여에 관한 콘텐츠도 크게 다를 바가 없다고 생각합니다. 숏폼이든 아니면 다른 형태든 간에 좋은 말을 많이 스크랩해놓는 것이 주는 가장 큰 충족은 '내가 좋은 콘텐츠를 일단 저장해놨다'라는 순간의 자기만족이거든요. 때문에 나중에는 우리 몸밖으로 모두 흘러나가버릴 걸 잘 알면서도 어떤 식으로든 도움이 된다는 생각에 '삼키고 보자'는 심리가 발동하는 겁니다.

05 . 이런 딜레마에서 벗어나려면 결국 또 취사선택의 마법을 부려야 합니다. 이전에도 글을 통해 '메모하는 것보다 정리하는 게 훨씬 중요하다'는 말을 전달한 적이 있었는데요, 저는 이른바 '동기부여'로 분류되는 콘텐츠들을 보고 저장하더라도 되도록 일주일에 베스트(?) 콘텐츠 하나만을 골라보려고 노력합니다. 다시 말해 정말 나 스스로에게 도움이 되고, 두고두고 생각해도 맞는 말인 것 같고, 내 삶에서 내가 직접 실천해 볼 수 있다고 생각되는 콘텐츠를 딱 하나만 선정해 보는 거죠. 그렇게 감히 '명언을 고른다'는 생각으로 접근하면 동기부여 콘텐츠를 보는 눈은 완전히 달라지게 됩니다.

06 . 더불어 저는 어떤 콘텐츠를 보건 간에 결국 텍스트로 변환해서 정리해두려고 노력합니다. 앞서 말한 것처럼 콘텐츠는 늘 극적인 임팩트를 주는 연출이 담겨있으니까요, 그 효과 자체를 부정하는 것은 아니지만 우리가 궁극적으로 취해야 할 것이 메시지라면, 그 메시지를 둘러싸고 있는 당의정 캡슐을 모두 녹여내고서 메시지 그 자체에 주목해 볼 필요가 있는 겁니다.
이렇게 텍스트만으로 주요한 내용을 정리해두면 스크랩해둔 콘텐츠 원본을 볼 때와는 꽤 다른 느낌을 받을 수 있습니다. 처음 콘텐츠를 만날 때보다 감동이 줄어들 때도 물론 있지만 또 어떤 말들은 그 감동이 배가되기도 하거든요. 그러니 마음에 드는 콘텐츠를 만날 때면 조금 시간이 걸리더라도 가급적 글만으로 담백히 남겨두려는 시도를 해보는 것이 좋습니다.

07 . 마지막으로는 콘텐츠의 성격을 규정하고 분류해 보는 겁니다. 저는 동기부여 콘텐츠에는 크게 두 가지 기준이 있다고 생각하는데요, 하나는 지금 내가 하고 있는 생각에 부스트를 달아주는 형태의 콘텐츠고 다른 하나는 나에게 새로운 시각과 관점을 주는 콘텐츠라는 겁니다. 때문에 이 콘텐츠가 요즘 내가 추구하는 가치관을 응원해 주는 것인지 아니면 '세상에 그런 생각만 있는 건 아니란다'라며 새로운 눈을 뜨게 해주는 콘텐츠인지 구분해 보는 것만으로도 콘텐츠의 활용도가 완전히 달려집니다. 저는 이 작은 행동만으로도 우리가 타인이 만들어 놓은 좋은 말들을 아주 잘 써먹을 수 있다고 봅니다.

08 . 아마 여러분 주위에 있는 사람들의 대화를 유심히 보다 보면 하나의 공통점을 발견할 수 있을 겁니다.
"OOO이 하는 유튜브 보다 보니까 들은 말인데~"
"엊그제 나혼산 보다가 OOO이 하는 거 보면서 느낀 건데~"
"숏츠 보다가 OOO 선생님이 해주는 이야기에서 말야~"
라는 말이 생각보다 우리 대화의 아주 큰 지분을 차지하고 있다는 사실 말이죠.

09 . 물론 아무런 감흥도, 생각도, 주관도, 자각도 없이 사는 것보다야 훨씬 나은 일이지만 결국 한 번이라도 내 마음에 동요를 일으킨 뭔가를 만날 때는 어떻게라도 그걸 붙잡아두고 재가공해서 흡수하는 일이 꼭 필요합니다. 저는 그게 이렇게 차고 넘치는 명언의 시대를 현명하게 살아가는 방법이 아닐까 싶기도 하고 말이죠.

10 . 좀 우스운 비유이긴 하지만 저는 식당에 가서 메뉴 추천을 받을 때 '아유 저흰 다 맛있어요'라고 하시는 사장님보다는 '오늘은 특히 이게 좋습니다'라든가 '요즘엔 손님들이 이걸 제일 많이 찾으십니다'라고 말해 줄 때가 훨씬 좋습니다. 전자는 더 이상 대화를 이어갈 소스가 없는 반면 후자는 사장님 나름대로 선택하고 편집한 작은 이유라도 있을 테니까요. 설사 그 과정을 스스로 경험한 사람의 생각이 나와 다를지언정 나로 하여금 판단의 기준을 만들어주는 사람들은 언제나 고마운 법이죠. 그리고 우리 역시 그런 사람일 때 더 매력적이 되는 것 같고요.

01 . 숏폼 콘텐츠의 자극성에 비판을 가하고 싶은 생각은 전혀 없지만 가끔 숏폼 피드를 보다 보면 저도 모르게 희한한 감정이 들 때가 있습니다. 조금 전까지는 예능 프로에서 레전드 짤로 불리는 하이라이트를 보며 낄낄대다가 곧장 다음 콘텐츠를 넘기면 그때는 또 세상을 아주 올바르게 살아가야 할 법한 중요한 말들이 쏟아지거든요. 그렇게 축구 하이라이트를 지나 사람이 금성에 떨어지면 어떻게 되는지를 알려주는 과학 콘텐츠를 만날 때면 이제 어떤 감정으로 콘텐츠를 대해야 하는지 의아해질 때도 많기 때문이죠. 02 . 그중에서도 저는 요즘 동기부여에 관한 콘텐츠를 어떻게 받아들여야 하는지가 참 고민입니다. 저 역시 책 읽는 걸 좋아하고 콘텐츠 보는 걸 즐기는 편이라 중요한 문장이나 의미 있게 다가온 장면들이 있으면 어떻게든 남겨두려고 하거든요. 특히 숏폼 콘텐츠가 뜨고 나서부터는 수많은 유명인들의 인터뷰에 큼지막한 자막을 입히고 웅장한 BGM을 깔아서 전달하는 게시물들이 늘어나다 보니 왠지 아주 특별하지 않은 내용도 꼭 저장을 해 둬야 할 것 같은 주요한 콘텐츠처럼 받아들여지는 순간도 없지 않습니다. 03 . 이상하다 싶었죠. 오히려 책을 읽으며 적당히 하이라이트하고, 기록하고, 때로는 필사를 해가며 얻은 인사이트들보다 훨씬 간편하고 임팩트 있게 마주할 수 있는 동기부여 콘텐츠들이 넘쳐나는 세상인데 정작 왜 동기부여가 제대로 되지 않을까 싶은 그 사실이 무척 궁금해진 겁니다.그래서 오늘은 지극히 개인적인 해석과 지극히 개인적인 방법들을 한 번 소개해 볼까 합니다. 바로 명언 중독의 시대에 동기부여 콘텐츠를 적절히 활용하기 위한 방법으로 말이죠. 04 . 우선 저는 비타민의 역설을 이야기하고 싶습니다. 많이들 아시다시피 비타민은 우리 몸에 필요한 일정 수준의 양분으로 흡수되고 나면 초과분은 모두 몸 밖으로 배출되게 됩니다. 때문에 고함량의 비타민을 여러 번 복용한다고 해도 건강에 주는 이점은 딱히 없는 셈이죠.그런데 저는 동기부여에 관한 콘텐츠도 크게 다를 바가 없다고 생각합니다. 숏폼이든 아니면 다른 형태든 간에 좋은 말을 많이 스크랩해놓는 것이 주는 가장 큰 충족은 '내가 좋은 콘텐츠를 일단 저장해놨다'라는 순간의 자기만족이거든요. 때문에 나중에는 우리 몸밖으로 모두 흘러나가버릴 걸 잘 알면서도 어떤 식으로든 도움이 된다는 생각에 '삼키고 보자'는 심리가 발동하는 겁니다. 05 . 이런 딜레마에서 벗어나려면 결국 또 취사선택의 마법을 부려야 합니다. 이전에도 글을 통해 '메모하는 것보다 정리하는 게 훨씬 중요하다'는 말을 전달한 적이 있었는데요, 저는 이른바 '동기부여'로 분류되는 콘텐츠들을 보고 저장하더라도 되도록 일주일에 베스트(?) 콘텐츠 하나만을 골라보려고 노력합니다. 다시 말해 정말 나 스스로에게 도움이 되고, 두고두고 생각해도 맞는 말인 것 같고, 내 삶에서 내가 직접 실천해 볼 수 있다고 생각되는 콘텐츠를 딱 하나만 선정해 보는 거죠. 그렇게 감히 '명언을 고른다'는 생각으로 접근하면 동기부여 콘텐츠를 보는 눈은 완전히 달라지게 됩니다. 06 . 더불어 저는 어떤 콘텐츠를 보건 간에 결국 텍스트로 변환해서 정리해두려고 노력합니다. 앞서 말한 것처럼 콘텐츠는 늘 극적인 임팩트를 주는 연출이 담겨있으니까요, 그 효과 자체를 부정하는 것은 아니지만 우리가 궁극적으로 취해야 할 것이 메시지라면, 그 메시지를 둘러싸고 있는 당의정 캡슐을 모두 녹여내고서 메시지 그 자체에 주목해 볼 필요가 있는 겁니다.이렇게 텍스트만으로 주요한 내용을 정리해두면 스크랩해둔 콘텐츠 원본을 볼 때와는 꽤 다른 느낌을 받을 수 있습니다. 처음 콘텐츠를 만날 때보다 감동이 줄어들 때도 물론 있지만 또 어떤 말들은 그 감동이 배가되기도 하거든요. 그러니 마음에 드는 콘텐츠를 만날 때면 조금 시간이 걸리더라도 가급적 글만으로 담백히 남겨두려는 시도를 해보는 것이 좋습니다. 07 . 마지막으로는 콘텐츠의 성격을 규정하고 분류해 보는 겁니다. 저는 동기부여 콘텐츠에는 크게 두 가지 기준이 있다고 생각하는데요, 하나는 지금 내가 하고 있는 생각에 부스트를 달아주는 형태의 콘텐츠고 다른 하나는 나에게 새로운 시각과 관점을 주는 콘텐츠라는 겁니다. 때문에 이 콘텐츠가 요즘 내가 추구하는 가치관을 응원해 주는 것인지 아니면 '세상에 그런 생각만 있는 건 아니란다'라며 새로운 눈을 뜨게 해주는 콘텐츠인지 구분해 보는 것만으로도 콘텐츠의 활용도가 완전히 달려집니다. 저는 이 작은 행동만으로도 우리가 타인이 만들어 놓은 좋은 말들을 아주 잘 써먹을 수 있다고 봅니다. 08 . 아마 여러분 주위에 있는 사람들의 대화를 유심히 보다 보면 하나의 공통점을 발견할 수 있을 겁니다."OOO이 하는 유튜브 보다 보니까 들은 말인데~""엊그제 나혼산 보다가 OOO이 하는 거 보면서 느낀 건데~""숏츠 보다가 OOO 선생님이 해주는 이야기에서 말야~"라는 말이 생각보다 우리 대화의 아주 큰 지분을 차지하고 있다는 사실 말이죠. 09 . 물론 아무런 감흥도, 생각도, 주관도, 자각도 없이 사는 것보다야 훨씬 나은 일이지만 결국 한 번이라도 내 마음에 동요를 일으킨 뭔가를 만날 때는 어떻게라도 그걸 붙잡아두고 재가공해서 흡수하는 일이 꼭 필요합니다. 저는 그게 이렇게 차고 넘치는 명언의 시대를 현명하게 살아가는 방법이 아닐까 싶기도 하고 말이죠. 10 . 좀 우스운 비유이긴 하지만 저는 식당에 가서 메뉴 추천을 받을 때 '아유 저흰 다 맛있어요'라고 하시는 사장님보다는 '오늘은 특히 이게 좋습니다'라든가 '요즘엔 손님들이 이걸 제일 많이 찾으십니다'라고 말해 줄 때가 훨씬 좋습니다. 전자는 더 이상 대화를 이어갈 소스가 없는 반면 후자는 사장님 나름대로 선택하고 편집한 작은 이유라도 있을 테니까요. 설사 그 과정을 스스로 경험한 사람의 생각이 나와 다를지언정 나로 하여금 판단의 기준을 만들어주는 사람들은 언제나 고마운 법이죠. 그리고 우리 역시 그런 사람일 때 더 매력적이 되는 것 같고요.

명언 중독의 시대를 살아가는 법

Learn the top mistakes made while using ChatGPT and how to fix them effectively.

You Are Using ChatGPT Wrong! Here are 3 Mistakes You've Probably Done!

ChatGPT의 3가지 유용한 사용 방법을 알려주는 좋은 기사가 있어 공유합니다.😃

<ChatGPT를 사용하면서 저지르기 쉬운 실수 3가지>

🥇 사용자 정의 지침의 마법(Custom Instructions)
 * 사용자 정의 지침의 사용 없이 ChatGPT를 사용하는 것은 마치 포르쉐를 소유하고 있지만 자동차의 시속이 80mph로 제한되는 것과 같다고 합니다.😭
 * ChatGPT의 사용자 정의 지침을 통해 사용자는 필요에 따라 AI의 응답을 사용자 정의할 수 있으므로 전문적이고 개인적인 설정에서 더욱 유용하게 사용할 수 있습니다.
 * GPT를 맞춤설정할 수 있는데, 예를 들어 콘텐츠 제작자는 사용자 정의 지침을 통해 ChatGPT의 분위기와 목적을 형성할 수 있습니다.

🥈 AI 마인드 마스터하기: CoT(Chain of Thought) 프롬프트
 * LLM(대형 언어 모델)은 CoT(사고 사슬) 프롬프트가 제공되면, 어려운 작업을 수행해야 할 때 더 명확하게 생각한다고 합니다. 어려운 수학, 상식 문제에 대해서 보다 정확하고 유용한 답변을 제공한다고 하네요.
 * 이 방법은 문제를 이해하기 쉬운 단계로 나누고 모델을 정답으로 유도합니다. 수학 문제와 마찬가지로 각 단계는 이전 단계를 바탕으로 끝까지 진행됩니다.

🥉 5가지 단계 적용으로 완벽한 프롬프트 만들기
 * 완벽한 ChatGPT 프롬프트를 이해하는 것은 명확성, 맥락, 창의성이 혼합된 복잡한 예술이라고 할 수 있고, 컨텍스트(Context), 작업(Task), 지시(Instruct), 명확화(Clarify), 개선(Refine) 등 각 조각이 중요한 역할을 하는 퍼즐을 조립하는 것입니다.
 * 컨텍스트: 강력한 기반을 구축하기 위해 배경 정보를 제공합니다. (AI에게 대화 주제를 지시합니다.)
 * 작업: ChatGPT에서 수행하려는 작업을 매우 명확하게 지정하세요. (잘 정의된 작업은 AI의 능력을 극대화합니다.)
 * 지시: 작업 수행 방법에 대해 명확한 지시를 하는 것을 지시라고 합니다. (원하는 모양으로 출력됩니다.)
 * 명확화: 사람들이 이해할 수 있도록 의심을 없애고 응답이 의도한 것과 일치하는지 확인하십시오. (소통이 향상됩니다.)
 * 개선: 프롬프트로 돌아가서 개선하세요. (오류를 제거하고 프롬프트를 명확하게 합니다.)

원본 기사 링크는 아래와 같습니다. 감사합니다.🙏
[Source Link] https://levelup.gitconnected.com/you-are-using-chatgpt-wrong-here-are-3-mistakes-youve-probably-done-b3f3eaef40d1

ChatGPT의 3가지 유용한 사용 방법을 알려주는 좋은 기사가 있어 공유합니다.😃 &lt;ChatGPT를 사용하면서 저지르기 쉬운 실수 3가지&gt; 🥇 사용자 정의 지침의 마법(Custom Instructions)<ul ><li>사용자 정의 지침의 사용 없이 ChatGPT를 사용하는 것은 마치 포르쉐를 소유하고 있지만 자동차의 시속이 80mph로 제한되는 것과 같다고 합니다.😭</li><li>ChatGPT의 사용자 정의 지침을 통해 사용자는 필요에 따라 AI의 응답을 사용자 정의할 수 있으므로 전문적이고 개인적인 설정에서 더욱 유용하게 사용할 수 있습니다.</li><li>GPT를 맞춤설정할 수 있는데, 예를 들어 콘텐츠 제작자는 사용자 정의 지침을 통해 ChatGPT의 분위기와 목적을 형성할 수 있습니다.</li></ul> 🥈 AI 마인드 마스터하기: CoT(Chain of Thought) 프롬프트<ul ><li>LLM(대형 언어 모델)은 CoT(사고 사슬) 프롬프트가 제공되면, 어려운 작업을 수행해야 할 때 더 명확하게 생각한다고 합니다. 어려운 수학, 상식 문제에 대해서 보다 정확하고 유용한 답변을 제공한다고 하네요.</li><li>이 방법은 문제를 이해하기 쉬운 단계로 나누고 모델을 정답으로 유도합니다. 수학 문제와 마찬가지로 각 단계는 이전 단계를 바탕으로 끝까지 진행됩니다.</li></ul> 🥉 5가지 단계 적용으로 완벽한 프롬프트 만들기<ul ><li>완벽한 ChatGPT 프롬프트를 이해하는 것은 명확성, 맥락, 창의성이 혼합된 복잡한 예술이라고 할 수 있고, 컨텍스트(Context), 작업(Task), 지시(Instruct), 명확화(Clarify), 개선(Refine) 등 각 조각이 중요한 역할을 하는 퍼즐을 조립하는 것입니다.<ul ><li>컨텍스트: 강력한 기반을 구축하기 위해 배경 정보를 제공합니다. (AI에게 대화 주제를 지시합니다.)</li><li>작업: ChatGPT에서 수행하려는 작업을 매우 명확하게 지정하세요. (잘 정의된 작업은 AI의 능력을 극대화합니다.)</li><li>지시: 작업 수행 방법에 대해 명확한 지시를 하는 것을 지시라고 합니다. (원하는 모양으로 출력됩니다.)</li><li>명확화: 사람들이 이해할 수 있도록 의심을 없애고 응답이 의도한 것과 일치하는지 확인하십시오. (소통이 향상됩니다.)</li><li>개선: 프롬프트로 돌아가서 개선하세요. (오류를 제거하고 프롬프트를 명확하게 합니다.)</li></ul></li></ul> 원본 기사 링크는 아래와 같습니다. 감사합니다.🙏[Source Link] https://levelup.gitconnected.com/you-are-using-chatgpt-wrong-here-are-3-mistakes-youve-probably-done-b3f3eaef40d1

ChatGPT 사용 시 유용한 3가지 팁

GitHub Copilot](https://github.com/features/copilot)을 터미널에서 사용할 수 있는 GitHub Copilot in the CLI가 지난달부터 GA, 즉 누구나 이용할 수 있게 공개되었다. 누구나라고는 하지만 [GitHub Copilot...

GitHub Copilot을 CLI 명령어에서 도움받을 수 있는 GitHub Copilot in the CLI :: Outsider's Dev Story

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copilot in the CLI가 GitHub Copilot 사용자라면(유료) 누구나 이용할 수 있도록 공개되었습니다.

GitHub Copilot in the CLI는 Copilot의 AI기능을 터미널에서도 쓸수 있도록 원하는 CLI 명령어를 쉽게 찾을수 있거나 CLI 명령어가 어떤 의미인지 알 수 있도록 도와주는 명령어입니다.

GitHub Copilot in the CLI가 어떤 기능을 제공하고 어떻게 사용할 수 있는지를 정리해봤습니다.

https://blog.outsider.ne.kr/1717

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copilot in the CLI가 GitHub Copilot 사용자라면(유료) 누구나 이용할 수 있도록 공개되었습니다. GitHub Copilot in the CLI는 Copilot의 AI기능을 터미널에서도 쓸수 있도록 원하는 CLI 명령어를 쉽게 찾을수 있거나 CLI 명령어가 어떤 의미인지 알 수 있도록 도와주는 명령어입니다. GitHub Copilot in the CLI가 어떤 기능을 제공하고 어떻게 사용할 수 있는지를 정리해봤습니다. https://blog.outsider.ne.kr/1717

Outsider's Dev Story

작년부터 베타 테스트를 진행하다가 지난 3월 GitHub Copi

뽑지 말아야할 CTO, 뽑아야할 CTO 대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기 때문에 VC도 C레벨의 이력과 경험을 중요하게 봅니다. 좋은... | 14 comments on LinkedIn

Dennis Kim on LinkedIn: #스타트업 #startup #cto #기술총괄 #창업 #투자 #배달의민족 #배민 #데마에칸 #php #파이썬 #python #java... | 14 comments

대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기에, VC도 C레벨의 이력과 경험을 중요하게 봅니다.
좋은 CTO는 무엇인가에 대해 명확한 정답은 없지만, Dennis Kim님께서 개인적으로 공감이 가도록 정리해주신 내용이 있어 공유드립니다.

👁️ 좋은 기술 리드의 예
 * 데마에칸을 에러 없이 새로운 코드로 짠 팀의 기술 리드
 * PHP에서 자바로 리팩토링을 한 배달의 민족
 * C++로 된 코드를 자바 스프링으로 거의 리팩토링을 진행한 토스 증권팀의 기술 리드

🏋️ 좋은 팀은 보이지 않는 기술 부채를 청산하고 미래로 달릴 수 있는 기반을 만듭니다.
기술은 회사의 미래와 사업적 가중치에서 균형을 잡아야합니다. 그렇지 못한 경우에는 CTO의 개인적인 욕심과 취미활동이 됩니다. 그렇게 되면 회사는 방향을 잃거나 비용을 낭비하게 되고, 투자 받을 타이밍에 투자를 못받게 됩니다. 개발 총괄의 자리는 개발 인력의 수준을 끌어올리고 기술 지향점의 비전을 공유할 수 있어야 합니다.

💁‍♂️ 뽑지 말아야할 CTO는 ?
 * SNS 중독, 코딩은 절대 시간이기 때문에 적당히 해야 합니다.
 * SNS와 커뮤니티에서 그루급이고 너무 커뮤니티에 진심인 분
 * 전 회사에서 분쟁이 있었던 분
 * 마이너한 기술 스택을 고집하는 분 (=개발자 뽑기 힘들어요. 인공지능 쪽 아니면 파이썬이 주력이면 갈아 엎는 데 더 비용과 시간이 들어요)
 * SI 회사에서 오래다니신분 (=어떤 코드가 나올지 팀원들을 SI 노가다로 굴릴 수 있어요)
 * 빅테크 기업 출신 (=코딩은 하는데 회사의 복지, 시스템을 빅테크로 만들어달라고 합니다. 회사는 돈을 버는 곳입니다.)
 * 개발문화를 중시하는 분 (=개발자에게 인심은 얻지만, 회사는 개발과 서비스를 만드는데 개발문화를 전도하는 컬쳐 전도사가 되면 안됩니다.)

🏄🏻‍♂️ 좋은 CTO는 ?
 * 꾸준하게 자신의 생각을 글로 씁니다.
 * 레거시를 어떤 전략으로 리팩토링할지 항상 고민합니다.
 * 팀의 성장을 돕습니다.
 * 채용을 잘 할 수 있는 개발 스택을 늘 고민합니다.
 * 회사의 방향성에 맞는 개발 스택을 자신의 기술 스택보다 앞서 선택합니다.
 * 커뮤니케이션과 소통을 잘 합니다.
 * 다양한 사회 경험, 사업 경험과 호기심이 있습니다.
 * 회사의 성장 목표를 일치하기 위해 C레벨과 소통합니다.

대부분의 테크 기업은 투자를 받으면서 VC에서 좋은 CTO를 요구하는 경우가 많습니다. 기술 기반의 기업에서 기술적으로 중요한 결정은 스타트업의 흥망을 좌우하는 경우가 대부분이기에, VC도 C레벨의 이력과 경험을 중요하게 봅니다.좋은 CTO는 무엇인가에 대해 명확한 정답은 없지만, Dennis Kim님께서 개인적으로 공감이 가도록 정리해주신 내용이 있어 공유드립니다. 👁️ 좋은 기술 리드의 예<ul ><li>데마에칸을 에러 없이 새로운 코드로 짠 팀의 기술 리드</li><li>PHP에서 자바로 리팩토링을 한 배달의 민족</li><li>C++로 된 코드를 자바 스프링으로 거의 리팩토링을 진행한 토스 증권팀의 기술 리드</li></ul> 🏋️ 좋은 팀은 보이지 않는 기술 부채를 청산하고 미래로 달릴 수 있는 기반을 만듭니다.기술은 회사의 미래와 사업적 가중치에서 균형을 잡아야합니다. 그렇지 못한 경우에는 CTO의 개인적인 욕심과 취미활동이 됩니다. 그렇게 되면 회사는 방향을 잃거나 비용을 낭비하게 되고, 투자 받을 타이밍에 투자를 못받게 됩니다. 개발 총괄의 자리는 개발 인력의 수준을 끌어올리고 기술 지향점의 비전을 공유할 수 있어야 합니다. 💁‍♂️ 뽑지 말아야할 CTO는 ?<ul ><li>SNS 중독, 코딩은 절대 시간이기 때문에 적당히 해야 합니다.</li><li>SNS와 커뮤니티에서 그루급이고 너무 커뮤니티에 진심인 분</li><li>전 회사에서 분쟁이 있었던 분</li><li>마이너한 기술 스택을 고집하는 분 (=개발자 뽑기 힘들어요. 인공지능 쪽 아니면 파이썬이 주력이면 갈아 엎는 데 더 비용과 시간이 들어요)</li><li>SI 회사에서 오래다니신분 (=어떤 코드가 나올지 팀원들을 SI 노가다로 굴릴 수 있어요)</li><li>빅테크 기업 출신 (=코딩은 하는데 회사의 복지, 시스템을 빅테크로 만들어달라고 합니다. 회사는 돈을 버는 곳입니다.)</li><li>개발문화를 중시하는 분 (=개발자에게 인심은 얻지만, 회사는 개발과 서비스를 만드는데 개발문화를 전도하는 컬쳐 전도사가 되면 안됩니다.)</li></ul> 🏄🏻‍♂️ 좋은 CTO는 ?<ul ><li>꾸준하게 자신의 생각을 글로 씁니다.</li><li>레거시를 어떤 전략으로 리팩토링할지 항상 고민합니다.</li><li>팀의 성장을 돕습니다.</li><li>채용을 잘 할 수 있는 개발 스택을 늘 고민합니다.</li><li>회사의 방향성에 맞는 개발 스택을 자신의 기술 스택보다 앞서 선택합니다.</li><li>커뮤니케이션과 소통을 잘 합니다.</li><li>다양한 사회 경험, 사업 경험과 호기심이 있습니다.</li><li>회사의 성장 목표를 일치하기 위해 C레벨과 소통합니다.</li></ul>

Linkedin

뽑지말아야할 CTO, 뽑아야할 CTO

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

문제 정의 능력이란 무엇일까? 내가 맡은 업무를 제대로 파악하는 것을 말한다. 내 업무의 우선 순위를 이해하고 문맥을 파악하는 것과 업무의 완료를 의미하는 성공과 실패 기준 혹은 지표를 이해하는 것을 말한다. 나에게 업무를 준 사람의 의도를 파악하기 위한 의사소통이 필수이며 의사소통에 대해서는 지난 포스트에서 내 의견을 공유했다.

문제 정의를 잘못하면 어떻게 될까? 엉뚱한 방향으로 불필요한 노력을 쏟을 가능성이 아주 높아진다. 등산을 예로 들어보자. 어느 산으로 올라가는지 명확히 알아야 열심히 올라간 성과가 인정받게 된다. 열심히 하지 않았느냐고 항변하는 것은 별 의미가 없다. 그래서 어디로 가야할지 대충 알아서 판단하지 말고 (자기검열하지 말고) 많이 물어봐야한다.

반대로 이야기하면 리더에게는 결정의 "명확성"이 중요해진다. "알아서 잘해주세요"와 같은 결정은 완전한 위임이 아니라면 리더에 대한 신뢰를 스스로 깎아먹는 행동이다. 틀릴 가능성이 있더라도 결과에 대한 기대를 명확히 해야 팀원들이 덜 헤맨다. 같은 방향으로 움직였다면 결과적으로 틀린 방향이라도 회고하며 같이 배울 수 있는 포인트들이 분명히 있다.

"자기 검열"이 문제 정의에 가장 큰 걸림돌이 된다. 이 정도는 내가 알아서 해야지 물어보면 멍청해보이지는 않을지, 내 매니저가 바빠보이는데 물어보면 민폐는 아닐지 등등 여러가지 이유가 있겠지만 불편함을 견디며 등산 예처럼 방향과 목적지를 먼저 확인하기 위해 같이 대화해봐야 그 다음에 열심히 하는 것이 의미가 있다.

그런데 "자기 검열"은 주니어만 하는 것이 아니다. 경력을 충분히 쌓은 시니어들도 때로는 본인에 대한 기대라는 중압감에 물어보면 일을 못하는 사람이라 느껴지지 않을까 싶어 물어보지 못하고 그럼으로써 문제 정의를 제대로 못하는 경우들을 보았다. 아무리 경력이 많아도 자기가 맡은 업무를 제대로 파악하려 노력한 다음에 일을 시작하는 것은 꼭 필요하다. 너무 자신감이 넘치는 경우에도 동일한 실수를 하기 쉽다. 예를 들어 대기업에서 하던 업무를 작은 스타트업에 조인해서 하는 경우 작은 회사라는 이유만으로 깔보며 이 정도는 우습지라고 생각하며 문제정의를 제대로 안하는 경우 실패할 가능성이 아주 높다. 모든 환경은 그 환경 나름대로의 차이가 있는 것이기에 한 환경에서의 성공 경험이 다른 환경에서의 성공을 보장하지 않는다.

내 경력과 상관없이 항상 맡은 업무를 시작하기 전에 질문을 바탕으로 의사소통을 하고 문제정의하는 것 꼭 필요하다. 이는 타고나는 재능이라기 보다는 실수와 연습을 통해 더 잘하게 되는 기술이란 점도 잊지 말자. 이는 레벨이 올라갈수록 더 중요하다.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 문제 정의 능력이란 무엇일까? 내가 맡은 업무를 제대로 파악하는 것을 말한다. 내 업무의 우선 순위를 이해하고 문맥을 파악하는 것과 업무의 완료를 의미하는 성공과 실패 기준 혹은 지표를 이해하는 것을 말한다. 나에게 업무를 준 사람의 의도를 파악하기 위한 의사소통이 필수이며 의사소통에 대해서는 지난 포스트에서 내 의견을 공유했다. 문제 정의를 잘못하면 어떻게 될까? 엉뚱한 방향으로 불필요한 노력을 쏟을 가능성이 아주 높아진다. 등산을 예로 들어보자. 어느 산으로 올라가는지 명확히 알아야 열심히 올라간 성과가 인정받게 된다. 열심히 하지 않았느냐고 항변하는 것은 별 의미가 없다. 그래서 어디로 가야할지 대충 알아서 판단하지 말고 (자기검열하지 말고) 많이 물어봐야한다. 반대로 이야기하면 리더에게는 결정의 "명확성"이 중요해진다. "알아서 잘해주세요"와 같은 결정은 완전한 위임이 아니라면 리더에 대한 신뢰를 스스로 깎아먹는 행동이다. 틀릴 가능성이 있더라도 결과에 대한 기대를 명확히 해야 팀원들이 덜 헤맨다. 같은 방향으로 움직였다면 결과적으로 틀린 방향이라도 회고하며 같이 배울 수 있는 포인트들이 분명히 있다. "자기 검열"이 문제 정의에 가장 큰 걸림돌이 된다. 이 정도는 내가 알아서 해야지 물어보면 멍청해보이지는 않을지, 내 매니저가 바빠보이는데 물어보면 민폐는 아닐지 등등 여러가지 이유가 있겠지만 불편함을 견디며 등산 예처럼 방향과 목적지를 먼저 확인하기 위해 같이 대화해봐야 그 다음에 열심히 하는 것이 의미가 있다. 그런데 "자기 검열"은 주니어만 하는 것이 아니다. 경력을 충분히 쌓은 시니어들도 때로는 본인에 대한 기대라는 중압감에 물어보면 일을 못하는 사람이라 느껴지지 않을까 싶어 물어보지 못하고 그럼으로써 문제 정의를 제대로 못하는 경우들을 보았다. 아무리 경력이 많아도 자기가 맡은 업무를 제대로 파악하려 노력한 다음에 일을 시작하는 것은 꼭 필요하다. 너무 자신감이 넘치는 경우에도 동일한 실수를 하기 쉽다. 예를 들어 대기업에서 하던 업무를 작은 스타트업에 조인해서 하는 경우 작은 회사라는 이유만으로 깔보며 이 정도는 우습지라고 생각하며 문제정의를 제대로 안하는 경우 실패할 가능성이 아주 높다. 모든 환경은 그 환경 나름대로의 차이가 있는 것이기에 한 환경에서의 성공 경험이 다른 환경에서의 성공을 보장하지 않는다. 내 경력과 상관없이 항상 맡은 업무를 시작하기 전에 질문을 바탕으로 의사소통을 하고 문제정의하는 것 꼭 필요하다. 이는 타고나는 재능이라기 보다는 실수와 연습을 통해 더 잘하게 되는 기술이란 점도 잊지 말자. 이는 레벨이 올라갈수록 더 중요하다.

좋은 개발자가 알아야하는 9가지 포인트들 - 4. 문제 정의 잘하

개발자로서 우리는 코드의 품질과 유지보수성을 중요하게 여긴다. 하지만 이러한 기술적 가치 추구가 때로는 비즈니스 가치 창출이라는 본질을 잊게 만들기도 한다.

회사에 소속된 개발자라면 자신의 역량을 비즈니스 목표 달성에 기여하는 데 사용해야 한다. 완벽한 코드를 작성하는 것보다 적절한 품질을 유지하면서 빠르게 가치를 전달하는 것이 더욱 중요할 때가 있다. 물론 장기적으로는 코드 품질과 개발 문화를 개선해 나가는 노력도 필요하다. 하지만 이는 단기적인 비즈니스 성과와 균형을 이뤄야 한다. 지나친 완벽주의는 오히려 개발 속도를 늦추고 기회를 놓치게 만들 수 있기 때문이다.

좋은 설계 원칙과 아키텍처 패턴, 그리고 실천법은 변화에 빠르게 대응하기 위한 도구다. 상황에 맞게 적절한 수준으로 적용하여 개발 효율성과 코드 품질 사이의 균형을 찾아야 한다.

비즈니스 임팩트를 만들어내는 것이 핵심임을 잊지 말고, 클린 코드에 대한 열정을 비즈니스 가치 창출까지 연결시켜야 한다.

개발자로서 우리는 코드의 품질과 유지보수성을 중요하게 여긴다. 하지만 이러한 기술적 가치 추구가 때로는 비즈니스 가치 창출이라는 본질을 잊게 만들기도 한다. 회사에 소속된 개발자라면 자신의 역량을 비즈니스 목표 달성에 기여하는 데 사용해야 한다. 완벽한 코드를 작성하는 것보다 적절한 품질을 유지하면서 빠르게 가치를 전달하는 것이 더욱 중요할 때가 있다. 물론 장기적으로는 코드 품질과 개발 문화를 개선해 나가는 노력도 필요하다. 하지만 이는 단기적인 비즈니스 성과와 균형을 이뤄야 한다. 지나친 완벽주의는 오히려 개발 속도를 늦추고 기회를 놓치게 만들 수 있기 때문이다. 좋은 설계 원칙과 아키텍처 패턴, 그리고 실천법은 변화에 빠르게 대응하기 위한 도구다. 상황에 맞게 적절한 수준으로 적용하여 개발 효율성과 코드 품질 사이의 균형을 찾아야 한다. 비즈니스 임팩트를 만들어내는 것이 핵심임을 잊지 말고, 클린 코드에 대한 열정을 비즈니스 가치 창출까지 연결시켜야 한다.

클린 코드와 비즈니스 임팩트

A modern JavaScript library for handling Hangul characters. - toss/es-hangul

GitHub - toss/es-hangul: A modern JavaScript library for handling Hangul characters.

es-hangul
은 쉽게 한글을 다룰 수 있도록 돕는 JavaScript 라이브러리입니다. 토스에서 오픈소스로 공개하고 유지보수 중인 라이브러리로, 2024년 4월 11일에 첫 커밋된 따끈따끈한 라이브러리입니다. (히스토리를 보면 원래 공개되있던 toss/slash의 @toss/hangul 패키지가 분리된 것으로 보입니다.)

한글 특성 상 국내 개발자들의 기여가 많이 필요한 영역이기 때문에, 유지보수가 쉽지 않습니다. Hangul.js, Josa.js 같은 유명한 라이브러리들도 몇 년 전 커밋을 마지막으로 관리가 멈춰있습니다. 이런 점에서
es-hangul
의 가치가 더욱 빛나는 것 같습니다.

es-hangul
에서 사용할 수 있는 일부 함수들의 예시를 정리해보았습니다.

chosungIncludes
: 단어가 해당 초성을 포함하는지 여부를 반환하는 함수
import { chosungIncludes } from 'es-hangul'

chosungIncludes('프론트엔드', 'ㅍㄹㅌ') // true

combineHangulCharacter
: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수
import { combineHangulCharacter} from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'
combineHangulCharacter('ㅌ', 'ㅗ') // '토'

josa
: 조사 붙여주는 함수
import { josa } from 'es-hangul';

josa('샴푸', '이/가') // '샴푸가'

josa('바깥', '으로/로') // '바깥으로'

disassembleHangul
: 자모 해체하는 함수
import { disassembleHangul } from 'es-hangul'

disassembleHangul('값') // 'ㄱㅏㅂㅅ'

combineHangulCharacter
: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수
import { combineHangulCharacter } from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'

removeLastHangulCharacter
: 인자로 주어진 한글 문자열에서 가장 마지막 문자 하나를 제거하여 반환하는 함수
import { removeLastHangulCharacter } from 'es-hangul'

removeLastHangulCharacter('안녕하세요 값') // '안녕하세요 갑'
removeLastHangulCharacter('프론트엔드') // '프론트엔ㄷ'

https://github.com/toss/es-hangul

<code>es-hangul</code>은 쉽게 한글을 다룰 수 있도록 돕는 JavaScript 라이브러리입니다. 토스에서 오픈소스로 공개하고 유지보수 중인 라이브러리로, 2024년 4월 11일에 첫 커밋된 따끈따끈한 라이브러리입니다. (히스토리를 보면 원래 공개되있던 toss/slash의 @toss/hangul 패키지가 분리된 것으로 보입니다.) 한글 특성 상 국내 개발자들의 기여가 많이 필요한 영역이기 때문에, 유지보수가 쉽지 않습니다. Hangul.js, Josa.js 같은 유명한 라이브러리들도 몇 년 전 커밋을 마지막으로 관리가 멈춰있습니다. 이런 점에서 <code>es-hangul</code>의 가치가 더욱 빛나는 것 같습니다. <code>es-hangul</code>에서 사용할 수 있는 일부 함수들의 예시를 정리해보았습니다. <code>chosungIncludes</code>: 단어가 해당 초성을 포함하는지 여부를 반환하는 함수<pre><code class="language-js">import { chosungIncludes } from 'es-hangul'

chosungIncludes('프론트엔드', 'ㅍㄹㅌ') // true</code></pre> <code>combineHangulCharacter</code>: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수<pre><code class="language-js">import { combineHangulCharacter} from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'
combineHangulCharacter('ㅌ', 'ㅗ') // '토'</code></pre> <code>josa</code>: 조사 붙여주는 함수<pre><code class="language-js">import { josa } from 'es-hangul';

josa('샴푸', '이/가') // '샴푸가'

josa('바깥', '으로/로') // '바깥으로'</code></pre> <code>disassembleHangul</code>: 자모 해체하는 함수<pre><code class="language-js">import { disassembleHangul } from 'es-hangul'

disassembleHangul('값') // 'ㄱㅏㅂㅅ'</code></pre> <code>combineHangulCharacter</code>: 인자로 초성, 중성, 종성을 받아 하나의 한글 문자를 반환하는 함수<pre><code class="language-js">import { combineHangulCharacter } from 'es-hangul'

combineHangulCharacter('ㄱ', 'ㅏ', 'ㅂㅅ') // '값'</code></pre> <code>removeLastHangulCharacter</code>: 인자로 주어진 한글 문자열에서 가장 마지막 문자 하나를 제거하여 반환하는 함수<pre><code class="language-js">import { removeLastHangulCharacter } from 'es-hangul'

removeLastHangulCharacter('안녕하세요 값') // '안녕하세요 갑'
removeLastHangulCharacter('프론트엔드') // '프론트엔ㄷ'</code></pre>https://github.com/toss/es-hangul

GitHub

현대적인 JavaScript 한글 라이브러리, es-hangul

저부터 고백하자면, 수도 없이 경험한 것 같습니다. 팀에서 보고서 템플릿을 바꿔서 예전 내용을 옮겨야 할 때, 고객사 별로 같은 문서에 내용만 다르게 사용하고 있었는데 하나 수정하면 다른 곳도 다 일일이 바꿔줘야 할 때... 사용하는 툴에 따라 이런 일이 매우 적을 수는 있지만, 그래도 최소 한 번쯤은 이런 경험을 하셨을 거예요.

다음 분기에 5개월 일하기 vs. 지금 5시간 논의하기

DB 설계 (혹은 DB 마이그레이션) 관련 업무를 진행할 때, 기획자는 어떤 것들을 챙기면 좋을까요? 막연하게 개발팀에서 알아서 잘 하겠지... 라고 미뤄뒀다가 나중에 큰 고생을 하는 것을 방지하기 위해서 ㅎㅎ 기획 단계에서 챙겨야 하는 것들에 대해 정리한 아티클입니다. 실제로 알라미에서 동기화 기능을 개발하면서, 중간중간 담당자들 머리를 아프게 했던 사례들을 기반으로 쓴 글인데요. 되돌리기 어려운 의사결정들을 초기에 어떻게 잘 할 수 있는지 살펴보시면 좋을 것 같네요.

DB 설계 (혹은 DB 마이그레이션) 관련 업무를 진행할 때, 기획자는 어떤 것들을 챙기면 좋을까요? 막연하게 개발팀에서 알아서 잘 하겠지... 라고 미뤄뒀다가 나중에 큰 고생을 하는 것을 방지하기 위해서 ㅎㅎ 기획 단계에서 챙겨야 하는 것들에 대해 정리한 아티클입니다. 실제로 알라미에서 동기화 기능을 개발하면서, 중간중간 담당자들 머리를 아프게 했던 사례들을 기반으로 쓴 글인데요. 되돌리기 어려운 의사결정들을 초기에 어떻게 잘 할 수 있는지 살펴보시면 좋을 것 같네요.

[다음 분기에 5개월 일하기 vs 지금 5시간 논의하기]

react #next.js | 안녕하세요, React를 이제 막 시작한 학생입니다. React를 배우다보니 next.js관련 키워드가 많은 것 같더라구요. 커리어리에도 next.js 질문이 많...

next.js를 실무에서 많이 쓰나요?

검색엔진에 노출되어야 하는 컨텐츠(게시판, 쇼핑몰 ..등등) 같은경우는 클라이언트 사이드 렌더링으로 노출하기 힘들기 때문에 nextjs와 같은 서버 사이드 렌더링 프레임워크를 사용해서 개발합니다.
nextjs를 공부하시기 전 검색 엔진 최적화(SEO)와 클라이언트 사이드 렌더링(CSR), 서버 사이드 렌더링(SSR)이 어떤건지 공부하면 도움될 것 같네요!

커리어리

React를 활용해 디자이너 커뮤니티 개발
Adobe API를 활용해 디자이너 전용 컨트롤러 개발
Electron x TypeScript를 활용해 디자이너 전용 컨트롤러 프리셋 설정 프로그램 개발
React + TypeScript를 활용해 영상 편집 프로그램에서 쓰는 모션 그래픽 플러그인 개발
NestJs를 이용해 모션 그래픽 플러그인 API 개발

프론트엔드 개발자

컴퓨터공학

박창준

#커뮤니케이션 #프로N잡러 #변화를읽는 #질문하는 #끊임없이배우기 #창업 #기획자 #개발자 #콘텐츠기획 #글쓰기 #사이드프로젝트

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필