'성장'과 '물경력' 사이에서 혼란스러워하는 분들께

그 누구도 나의 서사를 대신 써주지 않는다

'성장'과 '물경력' 사이에서 혼란스러워하는 분들께

코노님이 작성한 글입니다. 지금처럼 경력자를 후려치는 마케팅이 성행하는 시기에 살펴볼만한 대목이 많네요!

 * 물경력과 성장: 글에서는 '물경력 탈출’과 같은 마케팅이 저연차 개발자들의 불안을 자극하는 것에 대해 비판하며, 진정한 성장의 의미를 탐구합니다.
 * 개인적 경험의 가치: 다양한 경험들이 개발자로서의 성장에 어떻게 기여하는지를 공유하며, 링크드인에 적을 수 없는 경험들도 중요하다고 강조합니다.
 * 자기 인정의 중요성: 필자는 타인의 인정을 넘어 자기 스스로를 인정하는 것이 진정한 성장으로 이어진다고 주장합니다.
 * 본인의 서사 쓰기: 자신의 경험을 소중히 여기고, 타인의 시선에 휘둘리지 않으며, 자신만의 서사를 써나가야 한다고 강조합니다.

https://codingpause.hashnode.dev/about-growing-up

'성장'과 '물경력' 사이에서 혼란스러워하는 분들께 코노님이 작성한 글입니다. 지금처럼 경력자를 후려치는 마케팅이 성행하는 시기에 살펴볼만한 대목이 많네요! <ul ><li>물경력과 성장: 글에서는 '물경력 탈출’과 같은 마케팅이 저연차 개발자들의 불안을 자극하는 것에 대해 비판하며, 진정한 성장의 의미를 탐구합니다.</li><li>개인적 경험의 가치: 다양한 경험들이 개발자로서의 성장에 어떻게 기여하는지를 공유하며, 링크드인에 적을 수 없는 경험들도 중요하다고 강조합니다.</li><li>자기 인정의 중요성: 필자는 타인의 인정을 넘어 자기 스스로를 인정하는 것이 진정한 성장으로 이어진다고 주장합니다.</li><li>본인의 서사 쓰기: 자신의 경험을 소중히 여기고, 타인의 시선에 휘둘리지 않으며, 자신만의 서사를 써나가야 한다고 강조합니다.</li></ul> https://codingpause.hashnode.dev/about-growing-up

코딩 놓으려 했는데

지난 2년 반 동안 리렌더링과 메모이제이션 관련 패턴을 언급하는 글을 공개하면 미래에서 온 방문자가 댓글로 방금 말한 모든 내용이 리액트 Forget(현재 리액트 컴파일러로 알려짐) 때문에 더 이상 신경 쓸 필요가 없다고 친절하게 알려주곤 했습니다. 이제 우리의 시간이 마침내 그들의 시간을 따라잡았습니다. 리액트 컴파일러가 실제로 실험적 기능으로 일반...

오늘 리액트 컴파일러를 사용해 봤는데, 어땠을 것 같나요? 😉

다들 메모이제이션에서 마법처럼 벗어날 리액트 컴파일러 소식을 기다리고 계시지 않나요? 최근 React Conf에서 드디어 코드가 오픈소스화되었고 사용할 수 있게 되었습니다. 이미 사용해보신 분들도 있으실 것 같은데요. 모두가 이 소식을 고대하던 이유는 경쟁 프론트엔드 프레임워크들에서 이미 제공하고 있는 기능이기도 했고, 리액트 코드를 작성할 때 항상 고민되는 부분에서 자유로워질 수 있지 않을까 라는 기대감이기도 했을겁니다.

하지만 정말 우리가 기대한 것처럼 마법같은 변화를 만들어낼까요?

이 글에서는 간단한 예시와 실제 운영 중인 서비스를 리액트 19 카나리아 버전으로 업데이트한 뒤 컴파일러를 적용해 이슈가 발생하고 있는 부분을 자동으로 해결해주는지에 대해 살펴봅니다. 과연 결과가 어떻게 되었을까요? 궁금하신 분들은 글을 읽어보세요!

글 링크: https://bit.ly/4ba9Gzp

다들 메모이제이션에서 마법처럼 벗어날 리액트 컴파일러 소식을 기다리고 계시지 않나요? 최근 React Conf에서 드디어 코드가 오픈소스화되었고 사용할 수 있게 되었습니다. 이미 사용해보신 분들도 있으실 것 같은데요. 모두가 이 소식을 고대하던 이유는 경쟁 프론트엔드 프레임워크들에서 이미 제공하고 있는 기능이기도 했고, 리액트 코드를 작성할 때 항상 고민되는 부분에서 자유로워질 수 있지 않을까 라는 기대감이기도 했을겁니다. 하지만 정말 우리가 기대한 것처럼 마법같은 변화를 만들어낼까요? 이 글에서는 간단한 예시와 실제 운영 중인 서비스를 리액트 19 카나리아 버전으로 업데이트한 뒤 컴파일러를 적용해 이슈가 발생하고 있는 부분을 자동으로 해결해주는지에 대해 살펴봅니다. 과연 결과가 어떻게 되었을까요? 궁금하신 분들은 글을 읽어보세요! 글 링크: https://bit.ly/4ba9Gzp

Medium

오늘 리액트 컴파일러를 사용해 봤는데, 어땠을 것 같나요?

『소프트웨어 장인』에 이은 또 한 권의 '로버트 C. 마틴 시리즈' 베스트셀러!70년 동안 개발자들에게 검증 받은 개발 방법론과 주옥 같은 팁들을 한 권으로 총 정리! `좋은 소프트웨어 설계를 하라`는 말에 명확한 답과 방법을 떠올릴 수 있는가? 개발은 명확한...

읽기 쉬운 코드 - 예스24

안녕하세요. 오늘은 최근에 읽은 책 소개를 하나 할까 합니다.

종종 주니어 개발자 분들과 이야기를 나누다보면 '읽기 좋은 코드란 무엇일까요?' '코드를 어떻게 하면 읽기 좋게 작성할 수 있을까요?' 라는 질문을 많이 받곤 합니다. 그 기준은 무엇이고, 어떻게 발전 시킬수 있을지에 대한 고민도 많이 듣게되구요.

종종 주니어 개발자들과의 대화에서 "읽기 좋은 코드란 무엇일까요?", "코드를 어떻게 하면 읽기 좋게 작성할 수 있을까요?"에 대한 질문을 많이 받습니다. 그런 코드를 위해 구체적으로 어떤 방식으로 코드를 작성해야 하는지, 발전시킬수 있는지에 대해서도 질문을 많이 듣습니다.

생각나는 여러 기준을 제시하며 대화를 나누곤 했지만, 그러한 기준을 정확히 어디서 배웠고 어떻게 내재화하게 되었는지 생각해보면 그 출처가 명확하지 않았습니다. 나름 선호하는 코드 스타일과 개선이 필요한 코드를 식별하고 규칙을 만들어 적용해왔지만, 도움이 될 수 있는 구체적인 액션 아이템을 제시할때는 어려움을 느끼곤 했습니다.

그러다 최근 이 두 책을 제공받아 읽게 되었습니다. 그러다 최근 두 권의 책을 읽게 되었습니다. 이 책들은 좋은 코드를 작성하기 위한 기준과 코드에 안정성을 부여하는 방법에 대해 명확한 저자의 관점으로 구체적인 예시와 함께 설명하고 있습니다. 여러 곳에서 배운 지식들을 체계적으로 정리하고 재조명할 수 있는 좋은 기회가 되었습니다.

최근 비슷한 고민을 하는 개발자들뿐만 아니라 주니어 개발자들에게도 명확한 지침서가 될 수 있을 것이라 생각되어 다음 책들을 추천합니다. 목차를 확인해보시고 관심이 간다면 주문하여 읽어보시길 바랍니다.

 * 읽기 쉬운 코드: http://gilbut.co/c/24034992MF
 * 코드 작성 가이드: http://gilbut.co/c/24046947nM

안녕하세요. 오늘은 최근에 읽은 책 소개를 하나 할까 합니다. 종종 주니어 개발자 분들과 이야기를 나누다보면 '읽기 좋은 코드란 무엇일까요?' '코드를 어떻게 하면 읽기 좋게 작성할 수 있을까요?' 라는 질문을 많이 받곤 합니다. 그 기준은 무엇이고, 어떻게 발전 시킬수 있을지에 대한 고민도 많이 듣게되구요. 종종 주니어 개발자들과의 대화에서 "읽기 좋은 코드란 무엇일까요?", "코드를 어떻게 하면 읽기 좋게 작성할 수 있을까요?"에 대한 질문을 많이 받습니다. 그런 코드를 위해 구체적으로 어떤 방식으로 코드를 작성해야 하는지, 발전시킬수 있는지에 대해서도 질문을 많이 듣습니다. 생각나는 여러 기준을 제시하며 대화를 나누곤 했지만, 그러한 기준을 정확히 어디서 배웠고 어떻게 내재화하게 되었는지 생각해보면 그 출처가 명확하지 않았습니다. 나름 선호하는 코드 스타일과 개선이 필요한 코드를 식별하고 규칙을 만들어 적용해왔지만, 도움이 될 수 있는 구체적인 액션 아이템을 제시할때는 어려움을 느끼곤 했습니다. 그러다 최근 이 두 책을 제공받아 읽게 되었습니다. 그러다 최근 두 권의 책을 읽게 되었습니다. 이 책들은 좋은 코드를 작성하기 위한 기준과 코드에 안정성을 부여하는 방법에 대해 명확한 저자의 관점으로 구체적인 예시와 함께 설명하고 있습니다. 여러 곳에서 배운 지식들을 체계적으로 정리하고 재조명할 수 있는 좋은 기회가 되었습니다. 최근 비슷한 고민을 하는 개발자들뿐만 아니라 주니어 개발자들에게도 명확한 지침서가 될 수 있을 것이라 생각되어 다음 책들을 추천합니다. 목차를 확인해보시고 관심이 간다면 주문하여 읽어보시길 바랍니다. <ul ><li>읽기 쉬운 코드: http://gilbut.co/c/24034992MF</li><li>코드 작성 가이드: http://gilbut.co/c/24046947nM</li></ul>

예스24

읽기 쉬운 코드 / 코드 작성 가이드

책 추천 감사합니다!
비전공자로서 개발에 입문하고 있는 코린이인데요, 알고 있는게 아무것도 없어서 열심히 때려넣고 있습니다😂

원문 : Write SOLID React Hooks SOLID는 가장 일반적으로 사용되는 디자인 패턴 중 하나입니다. 여러 언어와 프레임워크에서 사용되며, 리액트에서 사용하는 방법을 소개하는 문서도 많습니다. SOLID에 대한 각 리액트 문서는 약간씩 다른 방식으로 모델을 제시하는데, 컴포넌트에 적용하거나 타입스크립트에 적용하는 경우들은 있지만 훅에 원리를 적용하는 경우는 거의 없습니다. 훅은 리액트의 기초의 일부이므로, 이 문서에서 SOLID...

(번역) SOLID 원칙으로 리액트 훅 작성하기

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다.

여러분은 SOLID 원칙에 대해 들어보셨나요? SOLID 원칙은 가장 일반적인 디자인 패턴 중 하나로, 많은 분들이 이미 익숙할 것입니다. 이미 많은 블로그의 글들이 SOLID 원칙을 리액트에 적용한 사례를 소개하고 있는데요. 이번 글에서는 우리가 자주 사용하는 리액트 훅에 SOLID 원칙이 어떻게 적용할 수 있는지에 대해 설명하고 있습니다. 각 원칙이 무슨 원칙이며, 그 원칙이 리액트 훅에 어떻게 적용되는지 간단한 예시와 함께 살펴보시면 좋을 것 같습니다 :)

글 링크 : https://ykss.netlify.app/translation/write_solid_react_hooks/

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다. 여러분은 SOLID 원칙에 대해 들어보셨나요? SOLID 원칙은 가장 일반적인 디자인 패턴 중 하나로, 많은 분들이 이미 익숙할 것입니다. 이미 많은 블로그의 글들이 SOLID 원칙을 리액트에 적용한 사례를 소개하고 있는데요. 이번 글에서는 우리가 자주 사용하는 리액트 훅에 SOLID 원칙이 어떻게 적용할 수 있는지에 대해 설명하고 있습니다. 각 원칙이 무슨 원칙이며, 그 원칙이 리액트 훅에 어떻게 적용되는지 간단한 예시와 함께 살펴보시면 좋을 것 같습니다 :) 글 링크 : https://ykss.netlify.app/translation/write_solid_react_hooks/

Netlify

SOLID 원칙으로 리액트 훅 작성하기

원문: https&#x3A;//deno.com/blog/jsr-is-not-another-package-manager

[번역] JSR은 또 다른 패키지 관리자가 아닙니다

오늘 소개드릴 글은 라인플러스의 손수림님이 번역해주신 글입니다.

평소 패키지 관리와 배포의 복잡성에 지치셨나요?
이 글은 자바스크립트와 타입스크립트 배포 방식을 혁신하기 위해 설계된 새로운 레지스트리, JSR을 소개하고 있습니다.
글에서는 JSR이 어떻게 npm 레지스트리를 보완하면서 보안성을 강화했는지와 자바스크립트와 타입스크립트 배포 방식을 혁신하는지에 대해서도 자세히 살펴보는데요,
코드 배포의 복잡성을 줄이고 효율성을 높이는 새로운 방법이 궁금하셨던 분들에게 이 글을 추천드립니다. :)

글 링크: https://velog.io/@surim014/jsr-is-not-another-package-manager

오늘 소개드릴 글은 라인플러스의 손수림님이 번역해주신 글입니다. 평소 패키지 관리와 배포의 복잡성에 지치셨나요?이 글은 자바스크립트와 타입스크립트 배포 방식을 혁신하기 위해 설계된 새로운 레지스트리, JSR을 소개하고 있습니다.글에서는 JSR이 어떻게 npm 레지스트리를 보완하면서 보안성을 강화했는지와 자바스크립트와 타입스크립트 배포 방식을 혁신하는지에 대해서도 자세히 살펴보는데요,코드 배포의 복잡성을 줄이고 효율성을 높이는 새로운 방법이 궁금하셨던 분들에게 이 글을 추천드립니다. :) 글 링크: https://velog.io/@surim014/jsr-is-not-another-package-manager

Velog

JSR은 또 다른 패키지 관리자가 아닙니다

자바스크립트의 History API와 클라이언트 단 라우팅

URL이 바뀔 때 마다 새로운 페이지를 서버로 요청하지 않는 SPA(Single Page Application)에서는 보통 클라이언트 단에서 라우팅(routing)을 하는데요. 그래서 React, Svelte, Vue.js와 같은 대부분의 프론트엔드 프레임워크을 사용할 때는 이러한 클라이언트 단 라우팅을 지원하는 라이브러리와 함께 쓰는 경우가 많습니다.

그런데 이러한 라우팅 라이브러리는 대부분은 내부적으로 자바스크립트의 History API를 사용하고 있다는 것을 알고 계셨나요? 이번 글에서는 클라이언트 단 라우팅을 이해하는데 핵심적인 자바스크립트의 History API에 대해서 알아보고 간단한 실습도 진행해보겠습니다.

📝 포스팅: https://www.daleseo.com/js-history-api/
🧑‍💻 실습 코드: https://codepen.io/daleseo/pen/JjwPBwv

실제 애플리케이션을 개발하실 때는 이미 많은 프로젝트에서 검증이 된 유명한 라우팅 라이브러리를 사용하실테니 이렇게 직접 라우팅을 구현할 일은 없으실 것입니다. 하지만 라우팅 라이브러리가 내부적으로 어떻게 동작하시는지 이해하신다면 버그가 생겼을 때 디버깅이 용이해지고 나중에 다른 프론트엔드의 라우팅 라이브러리를 배울 때도 큰 도움이 될 것입니다.

URL이 바뀔 때 마다 새로운 페이지를 서버로 요청하지 않는 SPA(Single Page Application)에서는 보통 클라이언트 단에서 라우팅(routing)을 하는데요. 그래서 React, Svelte, Vue.js와 같은 대부분의 프론트엔드 프레임워크을 사용할 때는 이러한 클라이언트 단 라우팅을 지원하는 라이브러리와 함께 쓰는 경우가 많습니다. 그런데 이러한 라우팅 라이브러리는 대부분은 내부적으로 자바스크립트의 History API를 사용하고 있다는 것을 알고 계셨나요? 이번 글에서는 클라이언트 단 라우팅을 이해하는데 핵심적인 자바스크립트의 History API에 대해서 알아보고 간단한 실습도 진행해보겠습니다. 📝 포스팅: https://www.daleseo.com/js-history-api/🧑‍💻 실습 코드: https://codepen.io/daleseo/pen/JjwPBwv 실제 애플리케이션을 개발하실 때는 이미 많은 프로젝트에서 검증이 된 유명한 라우팅 라이브러리를 사용하실테니 이렇게 직접 라우팅을 구현할 일은 없으실 것입니다. 하지만 라우팅 라이브러리가 내부적으로 어떻게 동작하시는지 이해하신다면 버그가 생겼을 때 디버깅이 용이해지고 나중에 다른 프론트엔드의 라우팅 라이브러리를 배울 때도 큰 도움이 될 것입니다.

Daleseo

Skew는 피그마 초기에 사이드 프로젝트로 시작되었습니다. 당시에 Skew는 웹과 모바일을 모두 지원하는 프로토타입 뷰어를 구축해야 한다는 피그마의 중요한 요구사항을 충족해 주었습니다. 처음에는 뷰어를 빠르게 구현하기 위한 방법으로 시작했지만, 결과적으로 더 고도의 최적화와 빠른 컴파일 시간을 가능하게 하는 전체적인 compile-to-JavaScript...

피그마 모바일 엔진의 진화: 커스텀 프로그래밍 언어를 제거하고 컴파일하기

오늘은 파트리지 시스템즈의 이시연님이 번역해주신 글입니다.

피그마는 최근 Skew라는 자체 프로그래밍 언어를 타입스크립트로 전환하여 핵심 코드 베이스를 개선했다고 합니다. 이 글은 피그마가 단계별로 마이그레이션을 진행한 과정을 상세히 소개합니다. 단 하루의 개발 중단 없이 Skew를 타입스크립트로 자동으로 마이그레이션한 방법이 궁금하신 분들께 이 글을 추천드립니다. 피그마의 성공적인 마이그레이션 사례를 통해, 효율적인 코드 전환 방법을 알아보아요! 😎

글 링크 : https://medium.com/@ricki-lee/피그마-모바일-엔진의-진화-커스텀-프로그래밍-언어를-제거하고-컴파일하기-1cd2d06898db

오늘은 파트리지 시스템즈의 이시연님이 번역해주신 글입니다. 피그마는 최근 Skew라는 자체 프로그래밍 언어를 타입스크립트로 전환하여 핵심 코드 베이스를 개선했다고 합니다. 이 글은 피그마가 단계별로 마이그레이션을 진행한 과정을 상세히 소개합니다. 단 하루의 개발 중단 없이 Skew를 타입스크립트로 자동으로 마이그레이션한 방법이 궁금하신 분들께 이 글을 추천드립니다. 피그마의 성공적인 마이그레이션 사례를 통해, 효율적인 코드 전환 방법을 알아보아요! 😎 글 링크 : https://medium.com/@ricki-lee/피그마-모바일-엔진의-진화-커스텀-프로그래밍-언어를-제거하고-컴파일하기-1cd2d06898db

LeetCode의 208. Implement Trie (Prefix Tree) 문제를 파이썬으로 풀어보겠습니다. - 전체 코드: https://www.algodale.com/problems/implement-trie-prefix-tree/ - 문제 출처: https://leetcode.com/problems/implement-trie-prefix-tree/ 목차: 0:00 문제 설명 2:00 자료구조 설명 7:15 반복알고리즘 13:04 재귀 알고리즘 

LeetCode 문제 208. Implement Trie (Prefix Tree) 파이썬 풀이

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 208번째 문제인 Implement Trie (Prefix Tree)를 반복 알고리즘과 재귀 알고리즘을 사용해서 풀어보겠습니다.

📺 동영상: https://youtu.be/j7Zkw5XWe_Q
📝 코드: https://www.algodale.com/problems/implement-trie-prefix-tree/

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 208번째 문제인 Implement Trie (Prefix Tree)를 반복 알고리즘과 재귀 알고리즘을 사용해서 풀어보겠습니다. 📺 동영상: https://youtu.be/j7Zkw5XWe_Q📝 코드: https://www.algodale.com/problems/implement-trie-prefix-tree/

YouTube

리트코드 208. Implement Trie (Prefix Tree)

지난 2022년 7월 1일에 활동을 시작해 2년을 채우기 전에 2만 명을 넘겼습니다.

2년 전이면 제가 블로그 글을 많이 쓰던 시기입니다. 이는 커리어리가 개발자를 메인 타겟으로 하는 플랫폼으로 변하는 시기와 겹치죠. 블로그 글을 홍보하기 위해 커리어리를 시작한 건 자연스러운 선택이었습니다.

블로그 글을 포함해 추천할 만한 아티클을 올렸습니다. 게시글을 많이 올린 덕분인지 팔로워가 빠르게 증가했습니다. 도파민을 자극하기에 충분했죠. 이 시기에는 커리어리를 유튜브보다 많이 들어왔습니다.

정체기는 찾아오기 마련이죠. 글의 소재가 반복되는 것 같았습니다. 자기검열을 통과하기가 점점 어려워져 글이 써지질 않았습니다. 올릴 글이 없으니 커리어리 활동도 줄었습니다.

드문드문 글을 썼지만, 팔로워는 계속 증가했습니다. 일간 추천 글, 주간 인기글에 제 글이 소개된 덕분인 것 같습니다. 다른 플랫폼은 천 명대에 그친 팔로워의 숫자가 커리어리에선 만 명대를 넘어섰습니다.

만 명을 넘어선 순간부터 협업 제의가 종종 들어왔습니다. 도서 리뷰, 멘토링 등의 활동이었습니다. 새로운 기회가 열린 것이었죠. 이런 기회가 생겨 커리어리를 꾸준히 사용한 것 같습니다.

앞으로는 팔로워분들과 소통하는 기회를 만들고 싶습니다. 기회가 된다면 오프라인으로 작은 만남의 자리를 마련해 봐도 좋지 않을까 생각하고 있습니다.

앞으로의 활동도 응원해 주세요. 감사합니다.

지난 2022년 7월 1일에 활동을 시작해 2년을 채우기 전에 2만 명을 넘겼습니다. 2년 전이면 제가 블로그 글을 많이 쓰던 시기입니다. 이는 커리어리가 개발자를 메인 타겟으로 하는 플랫폼으로 변하는 시기와 겹치죠. 블로그 글을 홍보하기 위해 커리어리를 시작한 건 자연스러운 선택이었습니다. 블로그 글을 포함해 추천할 만한 아티클을 올렸습니다. 게시글을 많이 올린 덕분인지 팔로워가 빠르게 증가했습니다. 도파민을 자극하기에 충분했죠. 이 시기에는 커리어리를 유튜브보다 많이 들어왔습니다. 정체기는 찾아오기 마련이죠. 글의 소재가 반복되는 것 같았습니다. 자기검열을 통과하기가 점점 어려워져 글이 써지질 않았습니다. 올릴 글이 없으니 커리어리 활동도 줄었습니다. 드문드문 글을 썼지만, 팔로워는 계속 증가했습니다. 일간 추천 글, 주간 인기글에 제 글이 소개된 덕분인 것 같습니다. 다른 플랫폼은 천 명대에 그친 팔로워의 숫자가 커리어리에선 만 명대를 넘어섰습니다. 만 명을 넘어선 순간부터 협업 제의가 종종 들어왔습니다. 도서 리뷰, 멘토링 등의 활동이었습니다. 새로운 기회가 열린 것이었죠. 이런 기회가 생겨 커리어리를 꾸준히 사용한 것 같습니다. 앞으로는 팔로워분들과 소통하는 기회를 만들고 싶습니다. 기회가 된다면 오프라인으로 작은 만남의 자리를 마련해 봐도 좋지 않을까 생각하고 있습니다. 앞으로의 활동도 응원해 주세요. 감사합니다.

커리어리 팔로워가 2만명을 넘겼습니다

접근성 및 인클루시브 디자인(inclusive design)을 위한 예상치 못했지만 실용적인 8+1개의 팁을 확인해보세요.

(번역) 예상치 못한 접근성 팁 소개

오늘 소개해드릴 글은 라인플러스의 황세현님이 번역해주신 글입니다.

접근성(accessibility, a11y)이란 모두가 동등하게 불편 없이 이용할 수 있도록 서비스를 디자인하는 것으로, 웹 개발에 있어서 중요하게 고려해야 할 요소입니다. 그러면 접근성을 어떻게 테스트해 볼 수 있을까요? 구글에서는 접근성 측정을 위해 lighthouse라는 좋은 도구를 제공하지만, 이 외에도 실생활에서 우리가 직접 테스트해 볼 수 있는 방법이 있습니다. 일상생활 속에서의 접근성 테스트 방법을 재밌게 설명하고 있는 글이니 접근성에 관심이 있으신 분들은 읽어보시길 추천해 드립니다. 🤓

글 링크 : https://velog.io/@sehyunny/unexpected-a11y-tips

오늘 소개해드릴 글은 라인플러스의 황세현님이 번역해주신 글입니다. 접근성(accessibility, a11y)이란 모두가 동등하게 불편 없이 이용할 수 있도록 서비스를 디자인하는 것으로, 웹 개발에 있어서 중요하게 고려해야 할 요소입니다. 그러면 접근성을 어떻게 테스트해 볼 수 있을까요? 구글에서는 접근성 측정을 위해 lighthouse라는 좋은 도구를 제공하지만, 이 외에도 실생활에서 우리가 직접 테스트해 볼 수 있는 방법이 있습니다. 일상생활 속에서의 접근성 테스트 방법을 재밌게 설명하고 있는 글이니 접근성에 관심이 있으신 분들은 읽어보시길 추천해 드립니다. 🤓 글 링크 : https://velog.io/@sehyunny/unexpected-a11y-tips

예상치 못한 접근성 팁 소개

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

앞서 연차로 인한 압박에 관한 글을 쓰기도 했지만 아무래도 사교육과 선행학습이 일상인 환경에서 자라고 교육받다보니 다들 기술 지향적으로 뭘 배워두면 내 커리어가 안전해질까 등으로 항상 정답을 찾으려 많이 하려 하는 듯 하다. 다시 한번 학교 바깥의 세상에는 정해진 커리큘럼도 없고 시험처럼 정답이 정해진 형태의 테스트가 있지도 않다.

긴 커리어에서 더 건강한 관점은 내가 원하는 것이 무엇인지 고민하고 나에게 맞는 환경을 찾아 거기서 현재에 집중하며 맡은 업무 파악(의사 소통 -> 문제 정의)하고 그 업무를 성공으로 이끌어내는 경험을 하는 것이 중요하다. 피터 드러커의 "The Effective Executive"라는 책을 보면 모든 지식 노동자는 본인이 하고 있는 "공헌"이 무엇인지 고민해봐야 한다는 이야기를 한다. 여기서 포인트는 "맞는" 공헌을 하고 있는지 아니면 뭔가 잘못된 공헌을 하고 있는지 살펴봐야 한다는 점이다.

잘못된 공헌으로는 어떤 것들이 있을까?

 1. 매니저로써 팀빌딩에 힘을 쓰기 보다는 개인으로 하는 코딩에 더 노력하는 것을 들 수 있다. 팀에 인력이 부족해서 라면 모르겠지만 대신할 사람이 있는데 그렇다면 큰 문제다.
 2. 매니저로 모든 일에 직접 끼어들다보니 본인이 없으면 팀이 안 돌아간다면 결국 본인이 병목이 되면서 문제가 된다. 1, 2번에서 매니저라고 했지만 팀내 시니어 멤버라면 본인을 대입해서 생각해볼 필요가 있다. 프로세스로 돌아가게 하거나 나를 대신할 사람을 계속 찾는 노력을 계속해야 한다.
 3. 불필요하게 새로운 프레임웍의 도입을 서두르는 것인데 일반적으로 이야기하자면 문제해결이나 가치창출에 집중하는 것이 아니라 너무 기술중심으로 가는 거다.
 4. 주니어라면 처음에는 모르는 것들이 많을 수 있지만 동일한 질문이나 도움을 반복한다면 뭔가 잘못된 것이다. 팀에 공헌하는 사람이 되고 싶다면 발전하는 사람이 되어야 하며 때로는 모르거나 이해가 안되거를 대충 체면치레하며 넘어가지 말고 구체적으로 물어보고 이해해야 한다.
 5. 다른 큰 범주는 문제정의를 잘 하고 맞는 방향으로 노력을 하는 것이 아니라 잘못된 "노력"을 강조하는 것이다.맞는 방향으로 노력했지만 결과가 안 좋았다면 그건 괜찮지만 열심히 했다는 이유만으로 모든 것이 인정되는 것은 아니다. 등산이라면 어느 산으로 올라가는지 먼저 파악해야지 아무 산이나 열심히 올라간 다음에 그걸 인정해달라는 건 말이 안 된다.

조직 사회에서 인정받고 자신감을 쌓는 제일 좋은 방법은 "결과"를 내는 사람이 되는 것이며 이는 내가 지금 할 수 있는 "맞는 공헌"이 무엇이 있는지 생각해보고 내 매니저나 동료들과 많이 이야기해보는 것이다. 개발자 관점에서 조심할 부분은 너무 기술적으로만 바라보는 것이다.

<ol ><li>기본기 확실히 하기</li><li>학습 능력 키우기</li><li>의사 소통 잘하기</li><li>문제 정의 잘하기</li><li>태스크 완료 시간 추정 잘하기</li><li>운영을 고려한 코드 작성하기</li><li>서비스 사고 대처 능력 키우기</li><li>결과를 내는데 집중하기</li><li>영향력 갖기 <s>(코딩 멍키)</s></li></ol> 앞서 연차로 인한 압박에 관한 글을 쓰기도 했지만 아무래도 사교육과 선행학습이 일상인 환경에서 자라고 교육받다보니 다들 기술 지향적으로 뭘 배워두면 내 커리어가 안전해질까 등으로 항상 정답을 찾으려 많이 하려 하는 듯 하다. 다시 한번 학교 바깥의 세상에는 정해진 커리큘럼도 없고 시험처럼 정답이 정해진 형태의 테스트가 있지도 않다. 긴 커리어에서 더 건강한 관점은 내가 원하는 것이 무엇인지 고민하고 나에게 맞는 환경을 찾아 거기서 현재에 집중하며 맡은 업무 파악(의사 소통 -&gt; 문제 정의)하고 그 업무를 성공으로 이끌어내는 경험을 하는 것이 중요하다. 피터 드러커의 "The Effective Executive"라는 책을 보면 모든 지식 노동자는 본인이 하고 있는 "공헌"이 무엇인지 고민해봐야 한다는 이야기를 한다. 여기서 포인트는 "맞는" 공헌을 하고 있는지 아니면 뭔가 잘못된 공헌을 하고 있는지 살펴봐야 한다는 점이다. 잘못된 공헌으로는 어떤 것들이 있을까? <ol ><li>매니저로써 팀빌딩에 힘을 쓰기 보다는 개인으로 하는 코딩에 더 노력하는 것을 들 수 있다. 팀에 인력이 부족해서 라면 모르겠지만 대신할 사람이 있는데 그렇다면 큰 문제다.</li><li>매니저로 모든 일에 직접 끼어들다보니 본인이 없으면 팀이 안 돌아간다면 결국 본인이 병목이 되면서 문제가 된다. 1, 2번에서 매니저라고 했지만 팀내 시니어 멤버라면 본인을 대입해서 생각해볼 필요가 있다. 프로세스로 돌아가게 하거나 나를 대신할 사람을 계속 찾는 노력을 계속해야 한다.</li><li>불필요하게 새로운 프레임웍의 도입을 서두르는 것인데 일반적으로 이야기하자면 문제해결이나 가치창출에 집중하는 것이 아니라 너무 기술중심으로 가는 거다.</li><li>주니어라면 처음에는 모르는 것들이 많을 수 있지만 동일한 질문이나 도움을 반복한다면 뭔가 잘못된 것이다. 팀에 공헌하는 사람이 되고 싶다면 발전하는 사람이 되어야 하며 때로는 모르거나 이해가 안되거를 대충 체면치레하며 넘어가지 말고 구체적으로 물어보고 이해해야 한다.</li><li>다른 큰 범주는 문제정의를 잘 하고 맞는 방향으로 노력을 하는 것이 아니라 잘못된 "노력"을 강조하는 것이다.맞는 방향으로 노력했지만 결과가 안 좋았다면 그건 괜찮지만 열심히 했다는 이유만으로 모든 것이 인정되는 것은 아니다. 등산이라면 어느 산으로 올라가는지 먼저 파악해야지 아무 산이나 열심히 올라간 다음에 그걸 인정해달라는 건 말이 안 된다.</li></ol> 조직 사회에서 인정받고 자신감을 쌓는 제일 좋은 방법은 "결과"를 내는 사람이 되는 것이며 이는 내가 지금 할 수 있는 "맞는 공헌"이 무엇이 있는지 생각해보고 내 매니저나 동료들과 많이 이야기해보는 것이다. 개발자 관점에서 조심할 부분은 너무 기술적으로만 바라보는 것이다.

좋은 개발자가 알아야하는 9가지 포인트들 - 8. 결과를 내는데 

트위터에 끄적였던 내용인데, 커리어리에도 공유해봐요.

----

’애플에서는 단순하게 일합니다‘ 를 읽다 든 생각인데, 쿠팡이 잘한 점 중 하나는 단 하나의 회사만 벤치마킹 했다는 점인 것 같다.
쿠팡은 (특히) 엔지니어링 조직의 운영을 아마존을 대부분 카피했는데 어느 한 부분만 카피하기보다 전 시스템을 그대로 가져왔다. 리더쉽원칙 부터 레벨제도까지…

어떻게 보면 시행착오를 최소한으로 줄이고, 특정 부분이 아닌 조직을 지탱하는 전체 시스템을 그대로 가져와서 운영했다.
탄탄한 기업의 견고한 시스템을 구성하는 요소들은 오랜시간 갈고 닦이는 과정에서 서로 강하게 연관되어 있을 수 밖에 없고 함께 운용되어야 가치를 발할 수 있다고 생각한다.

생각보다 이 점을 간과하고 특정한 부분 하나, 둘만 배껴 잘 동작하길 바라는 국내 회사가 많은 듯 하다.
책에서 보니 메타가.. 어디서 보니 넷플릭스가… 배끼려면 전체를 이해하고 가져와야 한다는 생각을 한다.
아니면 지금 회사에 맞게 새로 창조하거나…

쓰고보니 쿠팡 경영진들은 그렇게 생각 안할 수도 있을 것 같은데… 말단 사원이 느끼기에는 그랬다.
아니 이렇게까지 배껴도 되나 싶을 정도로 ‘아마존, 세상의 모든 것을 팝니다’ 에서 봤던 내용과 비슷했는데(인터뷰를 앞두고 이 책을 읽고 오라고 추천받았었다), 꽤 괜찮은 전략이었다고 생각한다.

시스템은 카피하고, 시행착오를 줄여 아낀 에너지와 비용을 제품을 만드는데 집중했다.
지금의 쿠팡은 어떨지 모르겠지만 퇴사하고 시간이 꽤 지난 시점에서, 회고해보니 뭐에 집중해야할지 잘 알았던 것 같다.

그 다음 우형, 당근 등 회사에 이직했는데 전사 인원이 훨씬 줄어든 규모였음에도 오히려 회사가 커진 기분이 들었다.
쿠팡의 119 채널은 조금만 서비스가 이상해도 전사 누구나 언제나 편하게 제보했고, 부서에 무관하게 뛰어들어 문제를 파악하고 개선안을 제시하는 문화가 있었다.

공개적으로 질문하고, 누구든 답변했다.
이게 쉽지 않은거구나. 하고 알게 됐다.
사업부마다 소규모 스타트업인 것 처럼 분리되어 느껴지는 회사가 대부분이었는데, 쿠팡은 의도했는지 아닌지 모르지만 이 부분에 있어서는 직원으로서 경험이 가장 좋았다.

’애플에서는 단순하게 일합니다.‘ 에서 애플로 복귀한 잡스가 가장 먼저 한 일이 제품별 부서를 기능별 부서로 재 조직하고, 회사를 하나의 조직으로서 운용하고, 평가하도록 했다는 부분, 새 조직구조를 지탱하기 위해 만들고 지켰던 원칙들에 대한 이야기를 읽다보니 문득 생각이 들어 끄적거려봤다.

전체 직원수, 회사의 규모와 직원 한 명, 한 명이 느끼는 조직의 크기가 꼭 같지만은 않은 것 같다. 생각보다 이 부분을 많은 회사가 놓치는 것 같기도 하고… “이 정도 규모에선 그런 걸 기대하긴 이제 어렵죠.” 라는 말을 너무 쉽게 꺼내는 것 같기도 하고…

여기까지 쓰고보니, 요즘 업계 상황을 보면 월급 안 밀리고, 안 잘리고, 퇴근할 때(!) 퇴근하는 거에 감사해야한다는 생각이 들었다.
뭐가 문제의 원인인지 얼마나 시간이 흘러야 업계 상황이 나아질지, 나아지긴 할런지… 하고 생각이 들었다.
좋은 회사, 건강한 회사, 행복한 IT 인들 많아지길…

트위터에 끄적였던 내용인데, 커리어리에도 공유해봐요. ---- ’애플에서는 단순하게 일합니다‘ 를 읽다 든 생각인데, 쿠팡이 잘한 점 중 하나는 단 하나의 회사만 벤치마킹 했다는 점인 것 같다.쿠팡은 (특히) 엔지니어링 조직의 운영을 아마존을 대부분 카피했는데 어느 한 부분만 카피하기보다 전 시스템을 그대로 가져왔다. 리더쉽원칙 부터 레벨제도까지… 어떻게 보면 시행착오를 최소한으로 줄이고, 특정 부분이 아닌 조직을 지탱하는 전체 시스템을 그대로 가져와서 운영했다.탄탄한 기업의 견고한 시스템을 구성하는 요소들은 오랜시간 갈고 닦이는 과정에서 서로 강하게 연관되어 있을 수 밖에 없고 함께 운용되어야 가치를 발할 수 있다고 생각한다. 생각보다 이 점을 간과하고 특정한 부분 하나, 둘만 배껴 잘 동작하길 바라는 국내 회사가 많은 듯 하다.책에서 보니 메타가.. 어디서 보니 넷플릭스가… 배끼려면 전체를 이해하고 가져와야 한다는 생각을 한다.아니면 지금 회사에 맞게 새로 창조하거나… 쓰고보니 쿠팡 경영진들은 그렇게 생각 안할 수도 있을 것 같은데… 말단 사원이 느끼기에는 그랬다.아니 이렇게까지 배껴도 되나 싶을 정도로 ‘아마존, 세상의 모든 것을 팝니다’ 에서 봤던 내용과 비슷했는데(인터뷰를 앞두고 이 책을 읽고 오라고 추천받았었다), 꽤 괜찮은 전략이었다고 생각한다. 시스템은 카피하고, 시행착오를 줄여 아낀 에너지와 비용을 제품을 만드는데 집중했다.지금의 쿠팡은 어떨지 모르겠지만 퇴사하고 시간이 꽤 지난 시점에서, 회고해보니 뭐에 집중해야할지 잘 알았던 것 같다. 그 다음 우형, 당근 등 회사에 이직했는데 전사 인원이 훨씬 줄어든 규모였음에도 오히려 회사가 커진 기분이 들었다.쿠팡의 119 채널은 조금만 서비스가 이상해도 전사 누구나 언제나 편하게 제보했고, 부서에 무관하게 뛰어들어 문제를 파악하고 개선안을 제시하는 문화가 있었다. 공개적으로 질문하고, 누구든 답변했다.이게 쉽지 않은거구나. 하고 알게 됐다.사업부마다 소규모 스타트업인 것 처럼 분리되어 느껴지는 회사가 대부분이었는데, 쿠팡은 의도했는지 아닌지 모르지만 이 부분에 있어서는 직원으로서 경험이 가장 좋았다. ’애플에서는 단순하게 일합니다.‘ 에서 애플로 복귀한 잡스가 가장 먼저 한 일이 제품별 부서를 기능별 부서로 재 조직하고, 회사를 하나의 조직으로서 운용하고, 평가하도록 했다는 부분, 새 조직구조를 지탱하기 위해 만들고 지켰던 원칙들에 대한 이야기를 읽다보니 문득 생각이 들어 끄적거려봤다. 전체 직원수, 회사의 규모와 직원 한 명, 한 명이 느끼는 조직의 크기가 꼭 같지만은 않은 것 같다. 생각보다 이 부분을 많은 회사가 놓치는 것 같기도 하고… “이 정도 규모에선 그런 걸 기대하긴 이제 어렵죠.” 라는 말을 너무 쉽게 꺼내는 것 같기도 하고… 여기까지 쓰고보니, 요즘 업계 상황을 보면 월급 안 밀리고, 안 잘리고, 퇴근할 때(!) 퇴근하는 거에 감사해야한다는 생각이 들었다.뭐가 문제의 원인인지 얼마나 시간이 흘러야 업계 상황이 나아질지, 나아지긴 할런지… 하고 생각이 들었다.좋은 회사, 건강한 회사, 행복한 IT 인들 많아지길…

`애플에서는 단순하게 일합니다.` 를 읽다가...

이메일로 앱을 만들어 달라는 요청을 받곤 합니다.
모두 거절합니다.

앱을 만든다는 것은 너무 피곤하고 고통스러운 일.
아마 요청하는 사람들은 이 피곤함을 잘 모를 겁니다.

이렇게 거절당한 사람들 중 앱 의뢰 시장에서 실패를 맛보고 온 사람들이 있습니다.
위시켓, 크몽 같은 앱 개발 의뢰 시장.

이런 시장에서 일상의 작은 불편함을 고쳐달라는 의뢰 정도는 괜찮은 것 같지만…
서비스라 불릴만한 것을 만들어 달라는 것은 좀 걱정스럽습니다.
과연 원하는 결과를 얻을 수 있을까?

건물주를 하면서 집수리 의뢰를 많이 해봤습니다.
내가 할 줄 모르는 일들을 의뢰할 때 스트레스를 많이 받았습니다.
과연 제대로 일을 해줄까? 눈탱이 맞는 건 아닐까?
결과가 맘에 들 때도 있고 맘에 안 들 때도 있었는데…
어쨌든 내 문제를 해결해 주긴 했습니다.

개발자 같은 경우에는 어떨까요?
기대했던 것과 너무 다른 결과물을 받아 들고는 실망하는 일이 비일비재할 겁니다.
문제를 해결했다고 말할 수 없는 결과물.

"내가 원했던 건 이게 아니라고."
"뭔 소리야, 난 개발 명세서에 쓰여있는 대로 만들었다고."

이런 경험을 해본 사람들이 믿고 개발 맡길 사람이 없다고 하소연하는 것.

어느 의뢰 시장에나 이런 문제가 있겠지만 개발 시장은 좀 더 미스매치가 심한 것 같습니다.
아마 의뢰하는 사람뿐 아니라 개발하는 사람도 스트레스를 많이 받을 겁니다.
서로의 생각을 일치시킨 채로 일을 시작하는 것 자체가 이 세계의 고난도 기술인 걸요.

하소연하는 의뢰인들에게 말합니다.
“공부해서 직접 앱을 만드시는 게 더 빠르지 않을까요?”

앱 하나를 온전히 만든다는 게 쉬운 일은 아니지만…
모르는 사람에게 부탁해서 원하는 앱을 갖게 되는 것 보다는 쉬울 것 같습니다.

이메일로 앱을 만들어 달라는 요청을 받곤 합니다. 모두 거절합니다. 앱을 만든다는 것은 너무 피곤하고 고통스러운 일. 아마 요청하는 사람들은 이 피곤함을 잘 모를 겁니다. 이렇게 거절당한 사람들 중 앱 의뢰 시장에서 실패를 맛보고 온 사람들이 있습니다. 위시켓, 크몽 같은 앱 개발 의뢰 시장. 이런 시장에서 일상의 작은 불편함을 고쳐달라는 의뢰 정도는 괜찮은 것 같지만… 서비스라 불릴만한 것을 만들어 달라는 것은 좀 걱정스럽습니다. 과연 원하는 결과를 얻을 수 있을까? 건물주를 하면서 집수리 의뢰를 많이 해봤습니다. 내가 할 줄 모르는 일들을 의뢰할 때 스트레스를 많이 받았습니다. 과연 제대로 일을 해줄까? 눈탱이 맞는 건 아닐까? 결과가 맘에 들 때도 있고 맘에 안 들 때도 있었는데… 어쨌든 내 문제를 해결해 주긴 했습니다. 개발자 같은 경우에는 어떨까요? 기대했던 것과 너무 다른 결과물을 받아 들고는 실망하는 일이 비일비재할 겁니다. 문제를 해결했다고 말할 수 없는 결과물. "내가 원했던 건 이게 아니라고." "뭔 소리야, 난 개발 명세서에 쓰여있는 대로 만들었다고." 이런 경험을 해본 사람들이 믿고 개발 맡길 사람이 없다고 하소연하는 것. 어느 의뢰 시장에나 이런 문제가 있겠지만 개발 시장은 좀 더 미스매치가 심한 것 같습니다. 아마 의뢰하는 사람뿐 아니라 개발하는 사람도 스트레스를 많이 받을 겁니다. 서로의 생각을 일치시킨 채로 일을 시작하는 것 자체가 이 세계의 고난도 기술인 걸요. 하소연하는 의뢰인들에게 말합니다. “공부해서 직접 앱을 만드시는 게 더 빠르지 않을까요?” 앱 하나를 온전히 만든다는 게 쉬운 일은 아니지만… 모르는 사람에게 부탁해서 원하는 앱을 갖게 되는 것 보다는 쉬울 것 같습니다.

앱 개발 의뢰 시장

01 . 의외로 세상에는 다작을 하는 크리에이터들이 많습니다. 이제는 일반적인 말이 되었지만 '영감이 떠오를 때까지 기다리지 말고, 작은 영감의 불씨라도 살리려 애를 써라'는 말은 위대한 작품들이 다작의 결과물로서 탄생함을 짚어주는 말이기도 하죠.
그래서 다작 작가들의 어록 또한 적지 않은데요, 미국의 대표적인 다작 작가인 소설가 '스티븐 킹'은 '크리스마스와 생일을 빼고는 매일 글을 쓴다'고 했고, 하도 글을 많이 써서 책공장이란 별명이 붙은 일본 작가 '히가시노 게이고'는 '작품을 쓴다는 생각으로 글을 쓰기보단, 글을 쓰다 보면 어느 순간 작품이 되어있더라'란 말로 유명합니다.

02 . 그중에서도 제가 가장 좋아하는 말은 2007년 노벨문학상 수상자인 영국 작가 '도리스 레싱'의 말입니다.
'나는 생산하는 삶을 사랑한다. 책을 읽는 것이 즐거우냐 아니면 쓰는 것이 즐거우냐고 묻는다면 나는 1초의 망설임도 없이 쓰는 것이라고 말한다. 책을 읽을 때는 누군가가 생산해 놓은 것을 소비한다는 느낌이지만 글을 쓸 때는 누군가의 소비를 위해 내가 직접 생산한다는 느낌이 들기 때문이다. 그러니 나의 모든 소비는 나의 생산을 위한 것이다.'

03 . 저는 이 말이 다작에 대한 노력을 새롭게 조명하게끔 해주었다고 생각합니다. 물론 세상의 모든 일을 소비와 생산으로 딱 구분 지어 바라보기는 어렵겠지만 우리 삶의 많은 부분은 소비에 초점이 맞춰져있는 것이 사실입니다. 특히 직장을 다니거나 학업을 하는 시간을 제외한 일상의 순간을 떠올려보면 이런 기억들은 더욱 또렷해지죠. 누군가가 만든 콘텐츠를 보거나, 누군가가 기획해놓은 공간에서 시간을 보내거나, 누군가가 마련한 경험에 몸을 맡기는 일은 대부분 소비의 측면으로 볼 수 있으니 말입니다.

04 . 한편으론 당연한 일일 수 있습니다. 내가 일하는 시간이 온전한 생산의 시간이었다면 그 외 일상은 소비를 하며 즐기는 게 밸런스가 맞는 삶이지 않냐고 되물을 수 있으니 말이죠. 특히 우리나라처럼 일터에서의 생산성에 높은 방점을 찍는 환경이라면 사실 회사에 다니거나 일을 하는 것만으로도 생산에 필요한 모든 에너지를 쏟아붓는다고 해도 과언이 아니거든요. 저도 사실 어떤 날은 세상 일을 모두 내가 다 한 것만 같은 지친 마음으로 퇴근하는 경우가 많으니까요.

05 . 하지만 저는 그럼에도 일상생활 속에서의 생산성을 확보하는 것도 참 중요한 포인트 중 하나라고 생각합니다. 그중에서도 더 중요한 건 내가 좋아하는 것들을 소비하는 수준에만 그치지 말고 새롭게 변형하거나 내가 직접 그 콘텐츠의 공급자가 되어봄으로써 또 하나의 생산 동력을 마련해 보는 것이죠. 뭐든 가장 가까운 것에서부터 시작하는 게 쉽고도 간편한 법이니까요.
제 주변만 해도 그런 분들이 의외로 적지 않습니다. 음식을 좋아하는 지인은 바쁜 일상 속에서도 직접 푸드 관련 뉴스레터를 제작해 양질의 콘텐츠를 제공하고 있고, 영화를 사랑하는 지인 한 분은 며칠 전 영화 콘텐츠를 소개하는 1인 팟캐스트를 시작했다고 하시더군요. 저는 이런 모든 시도가 엄연히 내 일상을 훨씬 더 애정 하게 만드는 긍정의 생산들이라고 생각합니다.

06 . 물론 이런 삶을 추천해도 두려움이 먼저 앞선다는 분들이 있습니다. 그리고 보통은 두 가지 이유를 들죠.
하나는 '나는 보는 것은 할 수 있는데 만드는 재주는 없다'는 겁니다. 아마 이 말을 듣고서는 '오! 나도 그런데!'라고 생각하는 분들도 많으실 거라고 봅니다. 하지만 이건 전제 자체가 잘못되었습니다. 저는 생산하는 삶을 강조했지 그 결과물이 최상의 수준을 갖춰야 한다거나 특별한 역량을 동원해 생산력을 발휘하라고 말씀드린 적이 없거든요. 아니 오히려 그런 마음으로 접근했다가는 며칠도 못가 쉽게 실망하고 포기하게 될 가능성이 더 큽니다. 그러니 '잘 하고 싶은 마음'은 버리고 '그냥 해보는 마음'을 가지는 게 생산적인 삶을 사는 첫 시작이라고 생각합니다.

07 . 다른 하나는 '한두 번은 해보겠는데 지속할 소스가 없다'는 겁니다. 이 말 역시 어떤 의미인지 잘 알고 있습니다. 예를 들어 맛집 블로그를 시작해 보겠다고 호기롭게 첫 포문을 열었는데 몇 개 포스트를 올리고 나니 왠지 다른 사람들이 다 간 곳만 재탕해서 리뷰하는 것 같고, 나만의 것을 찾자니 그건 또 한계가 있는 것 같고, 매번 비슷한 표현에 비슷한 문장들만 나열하고 있는 것 같고, 찍은 사진도 다 거기서 거기 같은 느낌이 드는 거죠. 그리고 이건 비단 블로그뿐 아니라 글이든 영상이든 음악이든 뭐든 간에 콘텐츠를 생산하는 사람들이 겪는 숙명의 고민과도 같습니다.

08 . 그러나 이럴 때일수록 큰 변화를 바라기보다 아주 작은 것들을 조금씩 바꿔간다는 생각으로 지속력을 발휘하는 게 좋습니다. '더 이상 새로울 게 없다'는 생각으로 쉽게 포기하지 말고 내 눈에 비슷하게 보이는 콘텐츠라도 계속 생산하면서 '뭔가 조금이나마 다르게 변주를 줄 부분이 없는지'를 찾는 게 디테일을 보완하는 나만의 역량으로 연결될 수 있기 때문입니다. 그러다 보면 의외의 순간에서 터지는 콘텐츠가 하나둘씩 발견되기 시작하고 어느 순간 콘텐츠를 생산하는 나의 능력 역시 쑥 성장하기 마련이니까요.

09 . 예전에 을지로에 있는 한 꼬리뼈찜 가게를 방문한 적이 있었는데요, 거기서 어느 나이 지긋하신 회사원 몇 분이 자리를 잡더니 이내 술을 주문하는 장면을 보게 되었습니다. 흔하디흔하게 볼 수 있는 술자리의 모습이었는데 그중 한 분께서 이런 말씀을 하시더군요.
"야. 오늘은 우리 생산적으로 마시자. 어제는 쓸데없는 얘기만 한가득했으니까 오늘은 다들 좋은 얘기, 도움 되는 얘기해."

10 . 저는 그 발상이 정말 신기하고도 재미있었습니다. 물론 중간중간 귀를 쫑긋 세웠을 땐 딱히 생산적인 대화인 것 같지 않은 말들이 오고 갔지만 그런 마음가짐으로 술자리를 시작하는 장면은 난생처음 보는 광경이었으니까요, 술도 생산적으로 마실 수 있겠구나 싶은 생각이 들었던 거죠.
'안 그래도 피곤한데 매사 생산적으로 살 필요가 있나' 싶으신 마음도 일견 이해하지만, 그렇다고 어디 소비하는 삶은 안 피곤한가요.... 사실 따지고 보면 소비든 생산이든 모두 에너지가 드는 일이고, 어떤 식으로든 나의 집중력과 몰입을 일정 부분 상납해야 하는 대상이라면 꼭 소비만 하며 살 필요는 없지 않을까요?
그러니 내일부터라도 작게나마 일상의 순간들을 조금이라도 더 생산적으로 바꿀 수 있는 뭔가를 찾아보는 노력을 해보는 건 어떨까 싶네요. 의외로 생산적인 삶이 우리의 인생을 더 재미난 방향으로 이끌어줄 수도 있을 테니까요.

01 . 의외로 세상에는 다작을 하는 크리에이터들이 많습니다. 이제는 일반적인 말이 되었지만 '영감이 떠오를 때까지 기다리지 말고, 작은 영감의 불씨라도 살리려 애를 써라'는 말은 위대한 작품들이 다작의 결과물로서 탄생함을 짚어주는 말이기도 하죠. 그래서 다작 작가들의 어록 또한 적지 않은데요, 미국의 대표적인 다작 작가인 소설가 '스티븐 킹'은 '크리스마스와 생일을 빼고는 매일 글을 쓴다'고 했고, 하도 글을 많이 써서 책공장이란 별명이 붙은 일본 작가 '히가시노 게이고'는 '작품을 쓴다는 생각으로 글을 쓰기보단, 글을 쓰다 보면 어느 순간 작품이 되어있더라'란 말로 유명합니다. 02 . 그중에서도 제가 가장 좋아하는 말은 2007년 노벨문학상 수상자인 영국 작가 '도리스 레싱'의 말입니다. '나는 생산하는 삶을 사랑한다. 책을 읽는 것이 즐거우냐 아니면 쓰는 것이 즐거우냐고 묻는다면 나는 1초의 망설임도 없이 쓰는 것이라고 말한다. 책을 읽을 때는 누군가가 생산해 놓은 것을 소비한다는 느낌이지만 글을 쓸 때는 누군가의 소비를 위해 내가 직접 생산한다는 느낌이 들기 때문이다. 그러니 나의 모든 소비는 나의 생산을 위한 것이다.' 03 . 저는 이 말이 다작에 대한 노력을 새롭게 조명하게끔 해주었다고 생각합니다. 물론 세상의 모든 일을 소비와 생산으로 딱 구분 지어 바라보기는 어렵겠지만 우리 삶의 많은 부분은 소비에 초점이 맞춰져있는 것이 사실입니다. 특히 직장을 다니거나 학업을 하는 시간을 제외한 일상의 순간을 떠올려보면 이런 기억들은 더욱 또렷해지죠. 누군가가 만든 콘텐츠를 보거나, 누군가가 기획해놓은 공간에서 시간을 보내거나, 누군가가 마련한 경험에 몸을 맡기는 일은 대부분 소비의 측면으로 볼 수 있으니 말입니다. 04 . 한편으론 당연한 일일 수 있습니다. 내가 일하는 시간이 온전한 생산의 시간이었다면 그 외 일상은 소비를 하며 즐기는 게 밸런스가 맞는 삶이지 않냐고 되물을 수 있으니 말이죠. 특히 우리나라처럼 일터에서의 생산성에 높은 방점을 찍는 환경이라면 사실 회사에 다니거나 일을 하는 것만으로도 생산에 필요한 모든 에너지를 쏟아붓는다고 해도 과언이 아니거든요. 저도 사실 어떤 날은 세상 일을 모두 내가 다 한 것만 같은 지친 마음으로 퇴근하는 경우가 많으니까요. 05 . 하지만 저는 그럼에도 일상생활 속에서의 생산성을 확보하는 것도 참 중요한 포인트 중 하나라고 생각합니다. 그중에서도 더 중요한 건 내가 좋아하는 것들을 소비하는 수준에만 그치지 말고 새롭게 변형하거나 내가 직접 그 콘텐츠의 공급자가 되어봄으로써 또 하나의 생산 동력을 마련해 보는 것이죠. 뭐든 가장 가까운 것에서부터 시작하는 게 쉽고도 간편한 법이니까요. 제 주변만 해도 그런 분들이 의외로 적지 않습니다. 음식을 좋아하는 지인은 바쁜 일상 속에서도 직접 푸드 관련 뉴스레터를 제작해 양질의 콘텐츠를 제공하고 있고, 영화를 사랑하는 지인 한 분은 며칠 전 영화 콘텐츠를 소개하는 1인 팟캐스트를 시작했다고 하시더군요. 저는 이런 모든 시도가 엄연히 내 일상을 훨씬 더 애정 하게 만드는 긍정의 생산들이라고 생각합니다. 06 . 물론 이런 삶을 추천해도 두려움이 먼저 앞선다는 분들이 있습니다. 그리고 보통은 두 가지 이유를 들죠.하나는 '나는 보는 것은 할 수 있는데 만드는 재주는 없다'는 겁니다. 아마 이 말을 듣고서는 '오! 나도 그런데!'라고 생각하는 분들도 많으실 거라고 봅니다. 하지만 이건 전제 자체가 잘못되었습니다. 저는 생산하는 삶을 강조했지 그 결과물이 최상의 수준을 갖춰야 한다거나 특별한 역량을 동원해 생산력을 발휘하라고 말씀드린 적이 없거든요. 아니 오히려 그런 마음으로 접근했다가는 며칠도 못가 쉽게 실망하고 포기하게 될 가능성이 더 큽니다. 그러니 '잘 하고 싶은 마음'은 버리고 '그냥 해보는 마음'을 가지는 게 생산적인 삶을 사는 첫 시작이라고 생각합니다. 07 . 다른 하나는 '한두 번은 해보겠는데 지속할 소스가 없다'는 겁니다. 이 말 역시 어떤 의미인지 잘 알고 있습니다. 예를 들어 맛집 블로그를 시작해 보겠다고 호기롭게 첫 포문을 열었는데 몇 개 포스트를 올리고 나니 왠지 다른 사람들이 다 간 곳만 재탕해서 리뷰하는 것 같고, 나만의 것을 찾자니 그건 또 한계가 있는 것 같고, 매번 비슷한 표현에 비슷한 문장들만 나열하고 있는 것 같고, 찍은 사진도 다 거기서 거기 같은 느낌이 드는 거죠. 그리고 이건 비단 블로그뿐 아니라 글이든 영상이든 음악이든 뭐든 간에 콘텐츠를 생산하는 사람들이 겪는 숙명의 고민과도 같습니다. 08 . 그러나 이럴 때일수록 큰 변화를 바라기보다 아주 작은 것들을 조금씩 바꿔간다는 생각으로 지속력을 발휘하는 게 좋습니다. '더 이상 새로울 게 없다'는 생각으로 쉽게 포기하지 말고 내 눈에 비슷하게 보이는 콘텐츠라도 계속 생산하면서 '뭔가 조금이나마 다르게 변주를 줄 부분이 없는지'를 찾는 게 디테일을 보완하는 나만의 역량으로 연결될 수 있기 때문입니다. 그러다 보면 의외의 순간에서 터지는 콘텐츠가 하나둘씩 발견되기 시작하고 어느 순간 콘텐츠를 생산하는 나의 능력 역시 쑥 성장하기 마련이니까요. 09 . 예전에 을지로에 있는 한 꼬리뼈찜 가게를 방문한 적이 있었는데요, 거기서 어느 나이 지긋하신 회사원 몇 분이 자리를 잡더니 이내 술을 주문하는 장면을 보게 되었습니다. 흔하디흔하게 볼 수 있는 술자리의 모습이었는데 그중 한 분께서 이런 말씀을 하시더군요."야. 오늘은 우리 생산적으로 마시자. 어제는 쓸데없는 얘기만 한가득했으니까 오늘은 다들 좋은 얘기, 도움 되는 얘기해." 10 . 저는 그 발상이 정말 신기하고도 재미있었습니다. 물론 중간중간 귀를 쫑긋 세웠을 땐 딱히 생산적인 대화인 것 같지 않은 말들이 오고 갔지만 그런 마음가짐으로 술자리를 시작하는 장면은 난생처음 보는 광경이었으니까요, 술도 생산적으로 마실 수 있겠구나 싶은 생각이 들었던 거죠.'안 그래도 피곤한데 매사 생산적으로 살 필요가 있나' 싶으신 마음도 일견 이해하지만, 그렇다고 어디 소비하는 삶은 안 피곤한가요.... 사실 따지고 보면 소비든 생산이든 모두 에너지가 드는 일이고, 어떤 식으로든 나의 집중력과 몰입을 일정 부분 상납해야 하는 대상이라면 꼭 소비만 하며 살 필요는 없지 않을까요? 그러니 내일부터라도 작게나마 일상의 순간들을 조금이라도 더 생산적으로 바꿀 수 있는 뭔가를 찾아보는 노력을 해보는 건 어떨까 싶네요. 의외로 생산적인 삶이 우리의 인생을 더 재미난 방향으로 이끌어줄 수도 있을 테니까요.

이왕이면 '생산적인 일상'이 낫지

SVGR - Transforms SVG into React Components. - SVGR

SVGR은 SVG(Scalable Vector Graphics) 파일을 React 컴포넌트로 변환하는 도구입니다. SVG 파일은 웹사이트에서 이미지를 표시하는 한 방법인데요. 크기를 늘리거나 줄여도 선명한 상태를 유지할 수 있는 이미지 파일입니다. SVGR을 사용하면 이 SVG 파일을 React 애플리케이션에서 쉽게 사용할 수 있는 컴포넌트로 바꿀 수 있습니다. 즉, SVG 파일을 가져와서 React 코드 안에서 바로 사용할 수 있게 도와주는 도구입니다.

 1. SVG 파일을 React 컴포넌트로 변환: SVGR은 SVG 파일을 React 컴포넌트로 변환하여 코드 내에서 직접 사용할 수 있도록 합니다. 이렇게 하면 SVG 파일을 React 코드 안에 포함시키고, 필요할 때마다 사용할 수 있습니다.
 2. SVG 최적화: SVGR은 SVG 파일을 최적화하여 파일 크기를 줄이고 로드 시간을 단축시킵니다. 최적화된 파일은 웹사이트를 빠르게 로드할 수 있게 도와줍니다.
 3. 사용자 정의 설정: SVGR은 다양한 설정 옵션을 제공하여 변환 과정을 사용자에 맞게 조정할 수 있습니다. 예를 들어, 특정 속성을 유지하거나 제거하는 등의 설정을 할 수 있습니다.
 4. 플러그인 및 API 지원: SVGR은 Webpack, Rollup 등의 번들러와 함께 사용할 수 있는 플러그인 및 CLI(Command Line Interface) 도구를 제공합니다. 이를 통해 프로젝트에 쉽게 통합할 수 있습니다.

주의사항: viewBox 속성
SVG 파일에는
viewBox
라는 속성이 있습니다.
viewBox
는 SVG 이미지의 크기와 비율을 제어하는 데 사용되는데요. 이 속성이 있어야 이미지를 화면 크기에 맞게 조정할 수 있습니다. 그러나 SVGR의 기본 설정에서는 최적화를 위해
viewBox
속성을 자동으로 제거가 됩니다. 이렇게 되면 SVG 이미지 크기를 키웠을 때 퀄리티가 유지되지 않을수 있습니다. 즉 벡터 그래픽의 가장 큰 장점인 크기에 상관없이 선명한 화질을 유지하는 기능이 사라지는 것인데요.
이미지의 퀄리티가 중요하다면,
viewBox
속성을 유지하는 것이 좋습니다. 따라서 Webpack 설정에서
removeViewBox: false
로 설정하는것을 추천드립니다.

https://react-svgr.com/

SVGR은 SVG(Scalable Vector Graphics) 파일을 React 컴포넌트로 변환하는 도구입니다. SVG 파일은 웹사이트에서 이미지를 표시하는 한 방법인데요. 크기를 늘리거나 줄여도 선명한 상태를 유지할 수 있는 이미지 파일입니다. SVGR을 사용하면 이 SVG 파일을 React 애플리케이션에서 쉽게 사용할 수 있는 컴포넌트로 바꿀 수 있습니다. 즉, SVG 파일을 가져와서 React 코드 안에서 바로 사용할 수 있게 도와주는 도구입니다. <ol ><li>SVG 파일을 React 컴포넌트로 변환: SVGR은 SVG 파일을 React 컴포넌트로 변환하여 코드 내에서 직접 사용할 수 있도록 합니다. 이렇게 하면 SVG 파일을 React 코드 안에 포함시키고, 필요할 때마다 사용할 수 있습니다.</li><li>SVG 최적화: SVGR은 SVG 파일을 최적화하여 파일 크기를 줄이고 로드 시간을 단축시킵니다. 최적화된 파일은 웹사이트를 빠르게 로드할 수 있게 도와줍니다.</li><li>사용자 정의 설정: SVGR은 다양한 설정 옵션을 제공하여 변환 과정을 사용자에 맞게 조정할 수 있습니다. 예를 들어, 특정 속성을 유지하거나 제거하는 등의 설정을 할 수 있습니다.</li><li>플러그인 및 API 지원: SVGR은 Webpack, Rollup 등의 번들러와 함께 사용할 수 있는 플러그인 및 CLI(Command Line Interface) 도구를 제공합니다. 이를 통해 프로젝트에 쉽게 통합할 수 있습니다.</li></ol> 주의사항: viewBox 속성SVG 파일에는 <code >viewBox</code>라는 속성이 있습니다. <code >viewBox</code>는 SVG 이미지의 크기와 비율을 제어하는 데 사용되는데요. 이 속성이 있어야 이미지를 화면 크기에 맞게 조정할 수 있습니다. 그러나 SVGR의 기본 설정에서는 최적화를 위해 <code >viewBox</code> 속성을 자동으로 제거가 됩니다. 이렇게 되면 SVG 이미지 크기를 키웠을 때 퀄리티가 유지되지 않을수 있습니다. 즉 벡터 그래픽의 가장 큰 장점인 크기에 상관없이 선명한 화질을 유지하는 기능이 사라지는 것인데요.이미지의 퀄리티가 중요하다면, <code >viewBox</code> 속성을 유지하는 것이 좋습니다. 따라서 Webpack 설정에서 <code >removeViewBox: false</code>로 설정하는것을 추천드립니다. https://react-svgr.com/

React-svgr

SVGR로 SVG를 React에 통합: viewBox 속성의 중요

트위터에 시간관리 방법을 잘 정리해둔 글이 있어서 공유드립니다.
시간을 어떻게 사용할지에 대해서는 많은 사람들이 만든 테크닉들이 있는데요.
그런 다양한 시간 관리 방법의 핵심만 빼내서 이미지 한장에 정리해두었네요!

정리해둔 방법들은 아래와 같습니다.
여러분에게 맞는 방법을 찾아서 실행해보시는건 어떨까요?

 * Pomodoro Technique
   * 작업 계획하기 (Plan your tasks)
   * 1개의 포모도로 실행하기
   * 4개의 포모도로 반복 후 긴 휴식 취하기
 * 2 Minute Rule
   * 2분 이하로 걸리는 작업은 즉시 실행하기
 * Eliminate Multitasking
   * 하나의 작업에 집중하기
 * Eat That Frog
   * 가장 어려운 작업을 하루의 첫 번째로 수행하기
 * 80/20 Rule (팔레토 법칙)
   * 20%의 노력으로 80%의 결과를 얻기 위해 중요한 작업에 집중하기
 * Eisenhower Matrix
   * 긴급하고 중요한 작업: 실행 (Do)
   * 긴급하지 않지만 중요한 작업: 일정 잡기 (Schedule)
   * 긴급하지만 중요하지 않은 작업: 위임 (Delegate)
   * 긴급하지도 중요하지도 않은 작업: 삭제 (Delete)
 * Time Blocking
   * 시간을 블록으로 나누어 특정 작업에 할당하기
   * 블록 시간 동안 다른 일을 하지 않기
     * 예시:
       * 8:00 - 11:00: 집중 작업 (Deep Work)
       * 11:00 - 11:30: 이메일 확인 (Do Emails)
       * 11:30 - 12:30: 점심시간 (Lunch Break)
       * 12:30 - 2:00: 중요한 작업 2개 (2 Urgent Tasks)
       * 2:00 - 3:00: 휴식시간 (Take Break)
       * 3:00 - 5:00: 약속 (Appointments)
 * 3-3-3 Rule
   * 가장 중요한 프로젝트에 3시간 투자하기
   * 3개의 짧은 작업 수행하기
   * 3개의 유지 관리 작업 수행하기
 * Getting Things Done (GTD)
   * GTD 방법의 5단계:
     * Step 1: 캡처 (Capture)
     * Step 2: 명확히 하기 (Clarify)
     * Step 3: 조직화 (Organize)
     * Step 4: 반성 (Reflect)
     * Step 5: 참여 (Engage)

출처 : https://x.com/milan_milanovic/status/1799782855075381625

트위터에 시간관리 방법을 잘 정리해둔 글이 있어서 공유드립니다.시간을 어떻게 사용할지에 대해서는 많은 사람들이 만든 테크닉들이 있는데요.그런 다양한 시간 관리 방법의 핵심만 빼내서 이미지 한장에 정리해두었네요! 정리해둔 방법들은 아래와 같습니다.여러분에게 맞는 방법을 찾아서 실행해보시는건 어떨까요? <ul ><li>Pomodoro Technique<ul ><li>작업 계획하기 (Plan your tasks)</li><li>1개의 포모도로 실행하기</li><li>4개의 포모도로 반복 후 긴 휴식 취하기</li></ul></li><li>2 Minute Rule<ul ><li>2분 이하로 걸리는 작업은 즉시 실행하기</li></ul></li><li>Eliminate Multitasking<ul ><li>하나의 작업에 집중하기</li></ul></li><li>Eat That Frog<ul ><li>가장 어려운 작업을 하루의 첫 번째로 수행하기</li></ul></li><li>80/20 Rule (팔레토 법칙)<ul ><li>20%의 노력으로 80%의 결과를 얻기 위해 중요한 작업에 집중하기</li></ul></li><li>Eisenhower Matrix<ul ><li>긴급하고 중요한 작업: 실행 (Do)</li><li>긴급하지 않지만 중요한 작업: 일정 잡기 (Schedule)</li><li>긴급하지만 중요하지 않은 작업: 위임 (Delegate)</li><li>긴급하지도 중요하지도 않은 작업: 삭제 (Delete)</li></ul></li><li>Time Blocking<ul ><li>시간을 블록으로 나누어 특정 작업에 할당하기</li><li>블록 시간 동안 다른 일을 하지 않기<ul ><li>예시:<ul ><li>8:00 - 11:00: 집중 작업 (Deep Work)</li><li>11:00 - 11:30: 이메일 확인 (Do Emails)</li><li>11:30 - 12:30: 점심시간 (Lunch Break)</li><li>12:30 - 2:00: 중요한 작업 2개 (2 Urgent Tasks)</li><li>2:00 - 3:00: 휴식시간 (Take Break)</li><li>3:00 - 5:00: 약속 (Appointments)</li></ul></li></ul></li></ul></li><li>3-3-3 Rule<ul ><li>가장 중요한 프로젝트에 3시간 투자하기</li><li>3개의 짧은 작업 수행하기</li><li>3개의 유지 관리 작업 수행하기</li></ul></li><li>Getting Things Done (GTD)<ul ><li>GTD 방법의 5단계:<ul ><li>Step 1: 캡처 (Capture)</li><li>Step 2: 명확히 하기 (Clarify)</li><li>Step 3: 조직화 (Organize)</li><li>Step 4: 반성 (Reflect)</li><li>Step 5: 참여 (Engage)</li></ul></li></ul></li></ul> 출처 : https://x.com/milan_milanovic/status/1799782855075381625

내게 맞는 시간 관리 방법을 찾자

IIllllllIII - IlIIlllIllllIIIllIIlIlllIlllllIIllllIlll

모든 URL을 I/l(I 대문자 와 L의 소문자 l) 만 사용해서 만드는 서비스인데요..!
블라인드의 바코드 닉네임들이 떠오르는군요..ㅋㅋㅋㅋ

물론 코드로 뜯어보면 바로 다시 해독할 수 있겠지만 재밌는 아이디어 같아요 ㅋㅋㅋ

https://llili.li/

모든 URL을 I/l(I 대문자 와 L의 소문자 l) 만 사용해서 만드는 서비스인데요..!블라인드의 바코드 닉네임들이 떠오르는군요..ㅋㅋㅋㅋ 물론 코드로 뜯어보면 바로 다시 해독할 수 있겠지만 재밌는 아이디어 같아요 ㅋㅋㅋ https://llili.li/

llili.li

url을 못 알아보는 단축 url로 만들어주는 재미난 서비스

Socket.IO 기본 사용법

실시간 양방향 통신을 위해서 웹소켓(WebSocket)이 표준이 된지가 꽤 되었고, 현재 대부분의 모던 브라우저에서 웹소켓 API를 지원하고 있습니다. 하지만 여전히 우리는 모든 사용자가 최신 브라우저를 사용한다고 단정할 수 없으며, 웹소켓이 지원되지는 않는 환경에서는 어쩔 수 없이 대안 기술을 사용해야 하죠.

Socket.IO는 이런 호환성 부분에 대해서 개발자가 크게 걱정할 필요없이 실시간 양방향 통신을 하는 웹 애플리케이션을 작성할 수 있도록 도와주는 라이브러리입니다. 이번 포스팅에서는 간단한 실습을 통해서 Socket.IO를 기본적으로 어떻게 사용하는지 알아보겠습니다.

📝 포스팅: https://www.daleseo.com/socket-io/
🧑‍💻 실습 코드: https://codesandbox.io/p/devbox/nostalgic-gianmarco-v2m5yx

웹소켓(WebSocket)에 대해서 기본 개념을 먼저 잡으시고 싶으시다면 아래 게시물을 추천드립니다.
📕 실시간 양방향 통신을 위한 웹소켓(WebSocket): https://careerly.co.kr/comments/105820

실시간 양방향 통신을 위해서 웹소켓(WebSocket)이 표준이 된지가 꽤 되었고, 현재 대부분의 모던 브라우저에서 웹소켓 API를 지원하고 있습니다. 하지만 여전히 우리는 모든 사용자가 최신 브라우저를 사용한다고 단정할 수 없으며, 웹소켓이 지원되지는 않는 환경에서는 어쩔 수 없이 대안 기술을 사용해야 하죠. Socket.IO는 이런 호환성 부분에 대해서 개발자가 크게 걱정할 필요없이 실시간 양방향 통신을 하는 웹 애플리케이션을 작성할 수 있도록 도와주는 라이브러리입니다. 이번 포스팅에서는 간단한 실습을 통해서 Socket.IO를 기본적으로 어떻게 사용하는지 알아보겠습니다. 📝 포스팅: https://www.daleseo.com/socket-io/🧑‍💻 실습 코드: https://codesandbox.io/p/devbox/nostalgic-gianmarco-v2m5yx 웹소켓(WebSocket)에 대해서 기본 개념을 먼저 잡으시고 싶으시다면 아래 게시물을 추천드립니다.📕 실시간 양방향 통신을 위한 웹소켓(WebSocket): https://careerly.co.kr/comments/105820

1-on-1과 개인적 관심을 통해 잘 가르쳐주고 싶지만, 이를 거부하는 팀원들에 의해 점점 위축되어가는 부장님들도 있다.

새로운 기술이 나왔으니 공부해보면 좋겠다며 자료를 전달해주거나 책을 선물해 주었더니, 업무냐며 업무라면 정식으로 업무 요청을 해 달라던 이야기가 생각난다.

이 이야기는 한 번 들었던 것이 아니라 세미나에 오셨던 여러 회사의 여러 부장(팀장)님들에 걸쳐 반복적으로 들었던 이야기다.

진짜 꼰대적 상황이 있기도 하겠지만, 부장님들의 진심과 고충도 이해해주면 좋을 것 같다.

1-on-1과 개인적 관심을 통해 잘 가르쳐주고 싶지만, 이를 거부하는 팀원들에 의해 점점 위축되어가는 부장님들도 있다. 새로운 기술이 나왔으니 공부해보면 좋겠다며 자료를 전달해주거나 책을 선물해 주었더니, 업무냐며 업무라면 정식으로 업무 요청을 해 달라던 이야기가 생각난다. 이 이야기는 한 번 들었던 것이 아니라 세미나에 오셨던 여러 회사의 여러 부장(팀장)님들에 걸쳐 반복적으로 들었던 이야기다. 진짜 꼰대적 상황이 있기도 하겠지만, 부장님들의 진심과 고충도 이해해주면 좋을 것 같다.

1-on-1과 개인적 관심을 통해 잘 가르쳐주고 싶지만, 이를 거

오늘은 꼭 헬스장 가야지! 오늘은 덜 먹어야지! 오늘은 뇌과학자 장동선 박사님과 함께 한다고 해놓고 실천하기 힘든 사람과 의지력이 강한 사람은 뇌과학적으로 어떻게 다른지 알아봤습니다 배우는 즐거움이 있는 본격 취미 탐구 라이프 채널!

😩 한다고 해놓고 왜 안할까? 실천력 강한 사람의 뇌과학적 비밀? | 🧠 AMCC, 자제력, 미라클모닝 @CuriousBrainLab

 * 요즘 자기 계발 파트에서 뇌과학과 접목을 많이 시킴
   * 어설프게 뇌과학을 성공 법칙에 붙이면 안됨
   * 대부분 우리가 원하는 것의 정답은 우리가 알고 있음. 그것을 알면서 행동이 따라지지 않는 것
 * 성공하는 사람들의 3가지 능력
   * 절제력 : 안하려는 것을 안하는 능력
   * 행동력 : 한다면 한다
   * 이성적 : 판단하고 생각한 것을 따라감
 * 참을성과 행동력을 담당하는 뇌 부분은?
   * 전두엽. 전전두엽, 전두엽에서 감정 조절 & 통제
     * 청소년기에 이게 덜 발달됨
     * 전두엽 발달은 20대 초중반 완성
   * 전두엽에서 나가는 신호, 들어오는 신호가 들어오는 통로. AMCC
     * 하기 싫은데 해내야 하는 것을 하면, AMCC 영역이 더 두꺼워짐
     * 감정 제어, 충동 제어하는 파트
 * 도파민의 보상회로
   * 통제 회로. 중피질 회로
     * 하기 싫은데 하려면 동기부여가 되어야 함.
     * 다른 도파민 회로 사용법
     * 우리는 게임을 할 때 재밌다!라고 하는데 프로게이머는 통제 회로를 사용해서 분석하고 집중함
   * 짧은 경로 : 욕망 회로
 * AMCC를 발달시킬 수 있는 행동과 마음가짐
   * 내적 동기 : 성장, 즐거움, 열정 등
   * 팁
     * 스스로에게 함정 파놓기. 안하면 안되도록 환경 만들기
     * 시작이 어렵지 시작하면 재밌음
 * 성공한 사람들의 공통점
   * 목표를 위해 멈추지 않는 꾸준함
   * 그 안에서 실행하기
   * 눈 앞의 쾌락이 아닌 노력하며 얻는 기쁨
   * 꾸준하게 하는 것은 뇌의 가능성을 키우는 일

https://youtu.be/nWhFw9sb-Ak?si=U62l1BxDlFNGtxsx

<ul ><li>요즘 자기 계발 파트에서 뇌과학과 접목을 많이 시킴<ul ><li>어설프게 뇌과학을 성공 법칙에 붙이면 안됨</li><li>대부분 우리가 원하는 것의 정답은 우리가 알고 있음. 그것을 알면서 행동이 따라지지 않는 것</li></ul></li><li>성공하는 사람들의 3가지 능력<ul ><li>절제력 : 안하려는 것을 안하는 능력</li><li>행동력 : 한다면 한다</li><li>이성적 : 판단하고 생각한 것을 따라감</li></ul></li><li>참을성과 행동력을 담당하는 뇌 부분은?<ul ><li>전두엽. 전전두엽, 전두엽에서 감정 조절 &amp; 통제<ul ><li>청소년기에 이게 덜 발달됨</li><li>전두엽 발달은 20대 초중반 완성</li></ul></li><li>전두엽에서 나가는 신호, 들어오는 신호가 들어오는 통로. AMCC<ul ><li>하기 싫은데 해내야 하는 것을 하면, AMCC 영역이 더 두꺼워짐</li><li>감정 제어, 충동 제어하는 파트</li></ul></li></ul></li><li>도파민의 보상회로<ul ><li>통제 회로. 중피질 회로<ul ><li>하기 싫은데 하려면 동기부여가 되어야 함.</li><li>다른 도파민 회로 사용법</li><li>우리는 게임을 할 때 재밌다!라고 하는데 프로게이머는 통제 회로를 사용해서 분석하고 집중함</li></ul></li><li>짧은 경로 : 욕망 회로</li></ul></li><li>AMCC를 발달시킬 수 있는 행동과 마음가짐<ul ><li>내적 동기 : 성장, 즐거움, 열정 등</li><li>팁<ul ><li>스스로에게 함정 파놓기. 안하면 안되도록 환경 만들기</li><li>시작이 어렵지 시작하면 재밌음</li></ul></li></ul></li><li>성공한 사람들의 공통점<ul ><li>목표를 위해 멈추지 않는 꾸준함</li><li>그 안에서 실행하기</li><li>눈 앞의 쾌락이 아닌 노력하며 얻는 기쁨</li><li>꾸준하게 하는 것은 뇌의 가능성을 키우는 일</li></ul></li></ul> https://youtu.be/nWhFw9sb-Ak?si=U62l1BxDlFNGtxsx

한다고 해놓고 왜 안할까? 실천력 강한 사람의 뇌과학적 비밀

어떤 방식으로 반응형 웹을 구축하고 있나요? 우리에게 가장 친숙한 방법은 CSS 미디어 쿼리일 것입니다. 이 글에서는 미디어 쿼리는 여러 도구 중 하나일 뿐이고, 반응성을 높이는 다른 좋은 선택지들도 함께 제안하고 있습니다.

CSS 미디어 쿼리, 그 너머로

오늘 소개해드릴 글은 네이버의 안샛별님이 번역해주신 글입니다.

지금 이 글을 읽고 있는 개발자분들은 어떤 방식으로 반응형 웹을 구축하고 계신가요? 아마 우리에게 가장 친숙한 방법은 CSS 미디어 쿼리일 것입니다. 이 글에서는 미디어 쿼리는 여러 도구 중 하나일 뿐이며, 웹의 반응성을 높이는 다른 좋은 선택지들도 함께 제안하고 있습니다. 프런트엔드 개발자의 영원한 숙제인 웹 스타일링을 좀 더 우아하게 하는 방법이 궁금하시다면 이 글을 읽어보세요!

글 링크: https://velog.io/@typo/beyond-css-media-quries

오늘 소개해드릴 글은 네이버의 안샛별님이 번역해주신 글입니다. 지금 이 글을 읽고 있는 개발자분들은 어떤 방식으로 반응형 웹을 구축하고 계신가요? 아마 우리에게 가장 친숙한 방법은 CSS 미디어 쿼리일 것입니다. 이 글에서는 미디어 쿼리는 여러 도구 중 하나일 뿐이며, 웹의 반응성을 높이는 다른 좋은 선택지들도 함께 제안하고 있습니다. 프런트엔드 개발자의 영원한 숙제인 웹 스타일링을 좀 더 우아하게 하는 방법이 궁금하시다면 이 글을 읽어보세요! 글 링크: https://velog.io/@typo/beyond-css-media-quries

소프트웨어 엔지니어

김지섭

취준생

황성재

#개발자 #소프트웨어엔지니어 #프론트엔드 #Web

밸류맵 프론트엔드 개발자

유종문

Official Account를 개발하고 있습니다.

프런트엔드 개발자

프론트엔드 업무 인턴십을 수행했습니다. React를 이용해 설문조사 폼을 만드는 과제를 수행했습니다. 

프런트엔드 인턴쉽

TOAST UI 오픈소스 메인테이닝 업무를 수행했습니다.

JSP 기반의 환경에서 웹 페이지 퍼블리싱 업무를 주로 수행했습니다. jQuery와 HTML, CSS를 사용해 개발했습니다.

퍼블리셔 및 프런트엔드 개발자

컴퓨터 정보공학과

한정(Jung Han)

블로그

링크드인

프런트엔드 기술에 관심이 많고 공유하는것을 좋아합니다.
효율적이게 일하는 것을 중요하게 여기며 팀에 도움이 되는 활동에 관심이 많습니다. 
요즘은 Korean FE Article이란 프런트엔드 아티클 번역 활동을 운영하고 있습니다.
#개발자 #프론트엔드

CSS 미디어 쿼리, 그 너머로

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필