오랫동안 React 프로젝트를 만들기 위해서 Create React App라는 CLI 도구가 사용되었습니다.
State of JS 2023 설문 결과를 보시면 Create React App을 사용해봤다는 응답자가 90%가 넘을 정도로 CRA는 오랫동안 React 생태계에서 프로젝트를 생성하는 표준처럼 여겨졌습니다.

하지만 CRA는 2022년 4월 이후로 업데이트가 전혀 없으며, React 공식 문서에서도 사라지면서 사실 상 폐기(deprecated) 수순을 밟고 있습니다.

Next.js도 React 프로젝트를 만들기 위해서 많이 사용되는데요. 하지만 Next.js는 프로젝트 생성 뿐만 아니라 라우팅, 데이터 패칭(fetching), Server-Side Rendering(SSR), Static Site Generation(SSG), 이미지 최적화 등 온갖 부가 기능을 지원하는 메타 프레임워크입니다. 따라서 제대로 활용하려면 배워야할 것도 많고 CRA처럼 간단하게 React 프로젝트를 만들어 보는데는 적합한 도구가 아니죠.

이러한 이유로 최근에 Vite가 CRA의 대안 기술로 부상하고 있습니다. Vite를 사용하면 CRA처럼 간편하게 React 프로젝트를 만들 수 있을 뿐만 아니라, CRA보다 훨씬 빠르고 쾌적한 개발 서버를 사용할 수 있습니다.

뿐만 아니라, CRA로 만든 프로젝트는 규모가 커지면 결국 돌이킬 수 없는 eject를 해야한다는 부담이 있었는데, Vite는 그런 걱정없이 소규모 프로젝트부터 대규모 프로젝트까지 범용적으로 쓸 수 있도록 설계되어 있습니다.

이번 포스팅에서는 차세대 번들러인 Vite 사용하여 React 프로젝트를 생성하고 설정하는 방법에 대해서 알아보겠습니다.

📝 포스팅: https://www.daleseo.com/vite-react/

Vite에 대한 기초적인 내용에 대해서는 아래 게시물을 참고하세요.
📕 Vite 처음 시작하기: https://careerly.co.kr/comments/110882

오랫동안 React 프로젝트를 만들기 위해서 Create React App라는 CLI 도구가 사용되었습니다.State of JS 2023 설문 결과를 보시면 Create React App을 사용해봤다는 응답자가 90%가 넘을 정도로 CRA는 오랫동안 React 생태계에서 프로젝트를 생성하는 표준처럼 여겨졌습니다. 하지만 CRA는 2022년 4월 이후로 업데이트가 전혀 없으며, React 공식 문서에서도 사라지면서 사실 상 폐기(deprecated) 수순을 밟고 있습니다. Next.js도 React 프로젝트를 만들기 위해서 많이 사용되는데요. 하지만 Next.js는 프로젝트 생성 뿐만 아니라 라우팅, 데이터 패칭(fetching), Server-Side Rendering(SSR), Static Site Generation(SSG), 이미지 최적화 등 온갖 부가 기능을 지원하는 메타 프레임워크입니다. 따라서 제대로 활용하려면 배워야할 것도 많고 CRA처럼 간단하게 React 프로젝트를 만들어 보는데는 적합한 도구가 아니죠. 이러한 이유로 최근에 Vite가 CRA의 대안 기술로 부상하고 있습니다. Vite를 사용하면 CRA처럼 간편하게 React 프로젝트를 만들 수 있을 뿐만 아니라, CRA보다 훨씬 빠르고 쾌적한 개발 서버를 사용할 수 있습니다. 뿐만 아니라, CRA로 만든 프로젝트는 규모가 커지면 결국 돌이킬 수 없는 eject를 해야한다는 부담이 있었는데, Vite는 그런 걱정없이 소규모 프로젝트부터 대규모 프로젝트까지 범용적으로 쓸 수 있도록 설계되어 있습니다. 이번 포스팅에서는 차세대 번들러인 Vite 사용하여 React 프로젝트를 생성하고 설정하는 방법에 대해서 알아보겠습니다. 📝 포스팅: https://www.daleseo.com/vite-react/ Vite에 대한 기초적인 내용에 대해서는 아래 게시물을 참고하세요.📕 Vite 처음 시작하기: https://careerly.co.kr/comments/110882

CRA 대신에 Vite로 React 프로젝트 시작하기

“그냥 환불해 주세요”

입시컨설팅을 받고 있던 학부모님께서 연락을 주셨다. 컨설팅이 마음에 안 드니, 남은 수업에 대해 환불해달라는 내용이었다. 고객관리팀에서 환불 방어를 위해 통화를 해보았지만, 그냥 환불해달라고 재촉하셨다.


서비스 퀄리티에 심각한 문제가 있는 줄 알았다…

LinkedIn 정현서 페이지: “그냥 환불해 주세요” 입시컨설팅을 받고 있던 학부모님께서 연락을 주셨다. 컨설팅이 마음에 안 드니, 남은 수업에 대해 환불해달라는…

한 입시컨설턴트분께서 '고단가 서비스를 결제한 고객의 감정' 에 대한 경험 글을 남겨주셔서 공유드립니다. 고객에게 좋은 제품을 만들기 위한 스타트업의 구성원으로써도 상당히 공감가고 도움되는 글인듯 합니다.

"그냥 환불해 주세요"
입시컨설팅을 받고 있던 학부모님께서 컨설팅이 마음에 안드니, 수업 환불요청을 하셨습니다. 고객팀에서 환불 방어를 위해 노력했지만 그냥 환불해달라고 재촉하셨습니다.

처음에는 서비스 퀄리티에 문제가 있는줄 알았지만
컨설팅의 과정과 결과물은 모두 완벽했습니다. 학생은 선생님과 끈끈한 라포르를 쌓았고, 그 과정에 즐거움을 느끼고 있었습니다. 평소에도 서비스 향상에 시간을 투자하고 있었기에, 서비스의 문제가 아님을 확신했습니다.

그렇다면 도대체 무엇이 문제였을까요?
학부모님께 직접 연락을 드려 문제가 무엇인지 구체적으로 듣고 해결해드리고 싶다고 여쭤보니,
답변은 컨설팅 자체는 너무 만족했지만 학부모님께서 전문성이 없다 보니 '어떤 방식으로 컨설팅이 진행되는지 모르겠고, 학생은 내용을 다 알지만 학부모님께서 모르다 보니 계속 찝찝한 마음이 있다'고 답변을 받았습니다.

이 말씀을 듣고 그동안 놓친게 있음을 깨달았습니다.
영업 과정에서는 학부모의 마음을 사로잡고, 서비스 제공 단계에서 컨설팅 퀄리티만을 위해 노력했습니다. 최고의 컨설팅 퀄리티만이 고객에게 만족을 줄 수 있으며, 재결제를 통한 매출 증가까지 이어질 것이라고 생각했었습니다.

제가 놓쳤던 것은 '고단가 서비스를 결제한 고객의 감정' 이었습니다.
서비스 퀄리티는 당연히 중요한 것이고, 고객에게 지속적으로 '당신만을 위한 최고의 서비스를 제공하며, 항상 당신의 목소리에 귀 기울이겠습니다" 라는 메세지를 제공했어야 했었습니다.
항상 챙김 받고 있다는 느낌을 드렸어야 했습니다.

이후에도 영업 과정에서만큼 서비스 제공 단계에서도 학부모님의 마음을 신경쓰기로 했습니다.
1) 매주 학부모님께 안부 문자 발송
2) 매달 진행된 컨설팅에 대한 간단한 요약 자료 제공
간단한 개선만으로도 학부모님의 만족도는 극적으로 향상되었고, 고객이 다른 고객을 모셔 오는 지인 추천 비율은 2배 이상 증가했고, 마케팅 비용 절감 및 매출 증가 효과를 동시에 이뤄냈습니다.

이 경험을 통해 2가지를 배웠습니다
 * 고객과의 비즈니스도 '사람과 사람 사이의 관계'가 기반이다. 서비스 및 제품 뿐만이 아니라 '감정'을 중시해야 한다. 감정까지 고려해야 열정 팬을 만들 수 있다.
 * 고객이 불만을 표현한다면 서비스 및 제품 문제가 아닐 수도 있다. 의외로 간단히 해결될 문제를 가지고 무작정 서비스 및 제품의 기능을 과도하게 고치려고 하지말자.

한 입시컨설턴트분께서 '고단가 서비스를 결제한 고객의 감정' 에 대한 경험 글을 남겨주셔서 공유드립니다. 고객에게 좋은 제품을 만들기 위한 스타트업의 구성원으로써도 상당히 공감가고 도움되는 글인듯 합니다. "그냥 환불해 주세요"입시컨설팅을 받고 있던 학부모님께서 컨설팅이 마음에 안드니, 수업 환불요청을 하셨습니다. 고객팀에서 환불 방어를 위해 노력했지만 그냥 환불해달라고 재촉하셨습니다. 처음에는 서비스 퀄리티에 문제가 있는줄 알았지만컨설팅의 과정과 결과물은 모두 완벽했습니다. 학생은 선생님과 끈끈한 라포르를 쌓았고, 그 과정에 즐거움을 느끼고 있었습니다. 평소에도 서비스 향상에 시간을 투자하고 있었기에, 서비스의 문제가 아님을 확신했습니다. 그렇다면 도대체 무엇이 문제였을까요?학부모님께 직접 연락을 드려 문제가 무엇인지 구체적으로 듣고 해결해드리고 싶다고 여쭤보니,답변은 컨설팅 자체는 너무 만족했지만 학부모님께서 전문성이 없다 보니 '어떤 방식으로 컨설팅이 진행되는지 모르겠고, 학생은 내용을 다 알지만 학부모님께서 모르다 보니 계속 찝찝한 마음이 있다'고 답변을 받았습니다. 이 말씀을 듣고 그동안 놓친게 있음을 깨달았습니다.영업 과정에서는 학부모의 마음을 사로잡고, 서비스 제공 단계에서 컨설팅 퀄리티만을 위해 노력했습니다. 최고의 컨설팅 퀄리티만이 고객에게 만족을 줄 수 있으며, 재결제를 통한 매출 증가까지 이어질 것이라고 생각했었습니다. 제가 놓쳤던 것은 '고단가 서비스를 결제한 고객의 감정' 이었습니다.서비스 퀄리티는 당연히 중요한 것이고, 고객에게 지속적으로 '당신만을 위한 최고의 서비스를 제공하며, 항상 당신의 목소리에 귀 기울이겠습니다" 라는 메세지를 제공했어야 했었습니다.항상 챙김 받고 있다는 느낌을 드렸어야 했습니다. 이후에도 영업 과정에서만큼 서비스 제공 단계에서도 학부모님의 마음을 신경쓰기로 했습니다.1) 매주 학부모님께 안부 문자 발송2) 매달 진행된 컨설팅에 대한 간단한 요약 자료 제공간단한 개선만으로도 학부모님의 만족도는 극적으로 향상되었고, 고객이 다른 고객을 모셔 오는 지인 추천 비율은 2배 이상 증가했고, 마케팅 비용 절감 및 매출 증가 효과를 동시에 이뤄냈습니다. 이 경험을 통해 2가지를 배웠습니다<ul ><li>고객과의 비즈니스도 '사람과 사람 사이의 관계'가 기반이다. 서비스 및 제품 뿐만이 아니라 '감정'을 중시해야 한다. 감정까지 고려해야 열정 팬을 만들 수 있다. </li><li>고객이 불만을 표현한다면 서비스 및 제품 문제가 아닐 수도 있다. 의외로 간단히 해결될 문제를 가지고 무작정 서비스 및 제품의 기능을 과도하게 고치려고 하지말자.</li></ul>

www.linkedin.com

고단가 서비스를 결제한 고객의 감정

In the contemporary digital epoch, safeguarding sensitive data has transcended from a mere consideration to an imperative. As enterprises…

What is FIPS 140–2 and why does it matter on CDP on-premises?

기업들이 점점 더 온프레미스에서 하이브리드 데이터 플랫폼으로 전환함에 따라 엄격한 보안 프로토콜의 중요성은 아무리 강조해도 지나치지 않습니다. 국내에서는 많이 안알려져있지만, 미정부의 표준으로 사용되고 있는 FIPS 140-2에 대해서 공유하고자 합니다.

< FIPS 140-2란 무엇인가요? >
 * FIPS 140-2
 * 연방 정보 처리 표준 간행물 140-2는 민감한 정보를 보호하는 암호화 모듈의 보안 요구사항을 명시하는 미국 정부 표준
 * 미국 국립표준기술연구소(NIST)에서 발행한 FIPS 140-2는 IT 시스템에 사용되는 암호화 모듈의 설계, 구현 및 평가에 대한 엄격한 지침
 * 주요 내용
 * 암호화 알고리즘: 안전하고 승인된 알고리즘의 사용 보장. 예를 들어 MD5와 같은 약한 암호화 알고리즘의 사용은 미지원
 * 키 관리: 암호화 키의 생성, 저장 및 파기 처리. 예를 들어, 더 약한 비대칭 키 길이(예: 1024비트 미만의 키 길이를 사용하는 RSA 디지털 서명 작업)의 사용은 미지원
 * 물리적 보안: 물리적 변조 및 무단 액세스로부터 보호
 * 운영 환경: 안전하고 통제된 운영 환경 유지.

< FIPS 140-2 규정 준수와 검증의 차이점 >
 * FIPS 140-2 규정 준수
 * 관련 FIPS 표준에 명시된 지침 및 요구사항을 준수
 * FIPS 140-2 표준만 준수하고 제품의 다른 구성 요소는 FIPS 검증을 받았을 수 있지만 제품 전체가 테스트를 통과하지 못했거나 테스트 또는 인증을 전혀 받지 않았음을 의미
 * FIPS 140-2 준수 여부는 해당 제품을 담당하는 조직에서 자체적으로 선언하며, 일반적으로 FIPS 요건을 충족하는 방법을 자세히 설명하는 문서 첨부
 * FIPS 140-2 검증
 * 요구 사항 및 인증에 따른 보다 엄격하고 공식적인 절차 포함
 * 암호화 모듈의 경우, FIPS 140-2 검증은 NIST에서 인증한 암호화 모듈 검증 프로그램(CMVP) 실험실에서 수행하는 제3자 평가
 * 검증 프로세스에는 모듈의 설계, 구현 및 보안 기능에 대한 상세한 검토와 광범위한 테스트 포함.
 * 평가를 통해 암호화 모듈이 관련 FIPS 표준에 명시된 보안 요구 사항을 충족하는지 확인
 * 제품은 독립적인 전문가들의 엄격한 평가를 통과해야만 엄격한 FIPS 보안 표준 준수를 보장하는 'FIPS 검증' 지위를 획득 가능
 
 
< FIPS 140-2 규정 준수 수준 >
FIPS 140-2 표준에는 레벨 1부터 레벨 4까지 4단계의 보안 레벨이 있으며, 각 레벨은 점점 더 높은 수준의 보안을 제공합니다.
 * FIPS 140-2 보안 레벨 1
 * 가장 낮은 수준의 보안 제공
 * FIPS 승인 알고리즘 사용과 같은 기본적인 보안 요구 사항 나열
 * 이 수준의 모듈은 평가되지 않은 운영 체제 환경에서도 사용 가능
 * FIPS 140-2 보안 레벨 2
 * 위변조 방지 기술 또는 모듈에 대한 무단 물리적 액세스를 더 어렵게 만들면서도 쉽게 감지할 수 있는 기술을 사용하여 모듈의 물리적 보안 강화
 * FIPS 140-2 보안 레벨 3
 * 레벨 2의 모든 요건에 변조 방지 장치, 시스템에 출입하는 '중요한 보안 매개변수'가 있는 논리적 인터페이스와 물리적 인터페이스의 분리, ID 기반 인증 추가
 * FIPS 140-2 보안 레벨 4
 * 가장 높은 수준의 보안 제공
 * 이 수준의 물리적 보안 메커니즘은 모든 무단 물리적 공격을 탐지하고 이에 대응하기 위한 완벽한 보호 범위 제공

 * source: https://medium.com/engineering-cloudera/what-is-fips-140-2-and-why-does-it-matter-on-cdp-on-premises-14be19d940cb

기업들이 점점 더 온프레미스에서 하이브리드 데이터 플랫폼으로 전환함에 따라 엄격한 보안 프로토콜의 중요성은 아무리 강조해도 지나치지 않습니다. 국내에서는 많이 안알려져있지만, 미정부의 표준으로 사용되고 있는 FIPS 140-2에 대해서 공유하고자 합니다. &lt; FIPS 140-2란 무엇인가요? &gt;<ul ><li>FIPS 140-2<ul ><li>연방 정보 처리 표준 간행물 140-2는 민감한 정보를 보호하는 암호화 모듈의 보안 요구사항을 명시하는 미국 정부 표준</li><li>미국 국립표준기술연구소(NIST)에서 발행한 FIPS 140-2는 IT 시스템에 사용되는 암호화 모듈의 설계, 구현 및 평가에 대한 엄격한 지침</li></ul></li><li>주요 내용<ul ><li>암호화 알고리즘: 안전하고 승인된 알고리즘의 사용 보장. 예를 들어 MD5와 같은 약한 암호화 알고리즘의 사용은 미지원</li><li>키 관리: 암호화 키의 생성, 저장 및 파기 처리. 예를 들어, 더 약한 비대칭 키 길이(예: 1024비트 미만의 키 길이를 사용하는 RSA 디지털 서명 작업)의 사용은 미지원</li><li>물리적 보안: 물리적 변조 및 무단 액세스로부터 보호</li><li>운영 환경: 안전하고 통제된 운영 환경 유지.</li></ul></li></ul> &lt; FIPS 140-2 규정 준수와 검증의 차이점 &gt;<ul ><li>FIPS 140-2 규정 준수 <ul ><li>관련 FIPS 표준에 명시된 지침 및 요구사항을 준수</li><li>FIPS 140-2 표준만 준수하고 제품의 다른 구성 요소는 FIPS 검증을 받았을 수 있지만 제품 전체가 테스트를 통과하지 못했거나 테스트 또는 인증을 전혀 받지 않았음을 의미 </li><li>FIPS 140-2 준수 여부는 해당 제품을 담당하는 조직에서 자체적으로 선언하며, 일반적으로 FIPS 요건을 충족하는 방법을 자세히 설명하는 문서 첨부</li></ul></li><li>FIPS 140-2 검증<ul ><li>요구 사항 및 인증에 따른 보다 엄격하고 공식적인 절차 포함</li><li>암호화 모듈의 경우, FIPS 140-2 검증은 NIST에서 인증한 암호화 모듈 검증 프로그램(CMVP) 실험실에서 수행하는 제3자 평가</li><li>검증 프로세스에는 모듈의 설계, 구현 및 보안 기능에 대한 상세한 검토와 광범위한 테스트 포함. </li><li>평가를 통해 암호화 모듈이 관련 FIPS 표준에 명시된 보안 요구 사항을 충족하는지 확인</li><li>제품은 독립적인 전문가들의 엄격한 평가를 통과해야만 엄격한 FIPS 보안 표준 준수를 보장하는 'FIPS 검증' 지위를 획득 가능 </li></ul></li></ul>&lt; FIPS 140-2 규정 준수 수준 &gt;FIPS 140-2 표준에는 레벨 1부터 레벨 4까지 4단계의 보안 레벨이 있으며, 각 레벨은 점점 더 높은 수준의 보안을 제공합니다.<ul ><li>FIPS 140-2 보안 레벨 1<ul ><li>가장 낮은 수준의 보안 제공</li><li>FIPS 승인 알고리즘 사용과 같은 기본적인 보안 요구 사항 나열</li><li>이 수준의 모듈은 평가되지 않은 운영 체제 환경에서도 사용 가능</li></ul></li><li>FIPS 140-2 보안 레벨 2<ul ><li>위변조 방지 기술 또는 모듈에 대한 무단 물리적 액세스를 더 어렵게 만들면서도 쉽게 감지할 수 있는 기술을 사용하여 모듈의 물리적 보안 강화</li></ul></li><li>FIPS 140-2 보안 레벨 3<ul ><li>레벨 2의 모든 요건에 변조 방지 장치, 시스템에 출입하는 '중요한 보안 매개변수'가 있는 논리적 인터페이스와 물리적 인터페이스의 분리, ID 기반 인증 추가</li></ul></li><li>FIPS 140-2 보안 레벨 4<ul ><li>가장 높은 수준의 보안 제공</li><li>이 수준의 물리적 보안 메커니즘은 모든 무단 물리적 공격을 탐지하고 이에 대응하기 위한 완벽한 보호 범위 제공</li></ul></li></ul> <ul ><li>source: https://medium.com/engineering-cloudera/what-is-fips-140-2-and-why-does-it-matter-on-cdp-on-premises-14be19d940cb</li></ul>

Medium

FIPS 140-2란 무엇인가?

:house_with_garden: Open source home automation that puts local control and privacy first. - home-assistant/core

GitHub - home-assistant/core: :house_with_garden: Open source home automation that puts local control and privacy first.

Hacktoberfest 2024가 다가오고 있습니다. 이 행사는 개발자들이 오픈소스 프로젝트에 기여할 수 있는 좋은 기회입니다. 다양한 기술과 분야를 아우르는 10개의 흥미로운 프로젝트를 소개합니다.

1. Home Assistant (Python, IoT)
- 스마트홈 자동화 플랫폼
- 기여: 버그 수정, 새로운 기기 통합, 문서 개선
- URL: https://github.com/home-assistant/core

2. Rocket.Chat (JavaScript, TypeScript, React)
- 오픈소스 메시징 플랫폼
- 기여: UI/UX 개선, 백엔드 성능 최적화, 서드파티 앱 통합
- URL: https://github.com/RocketChat/Rocket.Chat

3. FreeCodeCamp (JavaScript, Node.js, React)
- 무료 코딩 학습 플랫폼
- 기여: 새로운 코딩 과제 작성, 번역, UI/UX 개선
- URL: https://github.com/freeCodeCamp/freeCodeCamp

4. Oppia (Angular, Python, TypeScript)
- 상호작용형 학습 경험 제공 플랫폼
- 기여: 교육 콘텐츠 개발, 버그 수정, 모바일 앱 개선
- URL: https://github.com/oppia/oppia

5. Habitica (JavaScript, Node.js, Vue.js)
- 생산성 향상을 위한 게임화 앱
- 기여: 게임 메커니즘 개선, 버그 수정, 새로운 기능 추가
- URL: https://github.com/HabitRPG/habitica

6. Mattermost (Go, React, JavaScript)
- 자체 호스팅 가능한 팀 협업 플랫폼
- 기여: 성능 개선, 보안 기능 강화, 모바일/데스크톱 앱 개선
- URL: https://github.com/mattermost/mattermost

7. Open Food Facts (PHP, JavaScript, Python)
- 식품 정보 데이터베이스 프로젝트
- 기여: 데이터 수집 알고리즘 개선, UI 개선, 번역
- URL: https://github.com/openfoodfacts/openfoodfacts-server

8. Excalidraw (TypeScript, React)
- 오픈소스 화이트보드 도구
- 기여: 새로운 드로잉 기능 추가, 실시간 협업 기능 개선
- URL: https://github.com/excalidraw/excalidraw

9. Appwrite (PHP, Docker, JavaScript)
- 백엔드 as a Service 플랫폼
- 기여: API 개발, CLI 도구 개선, 문서화
- URL: https://github.com/appwrite/appwrite

10. Meshery (Go, Docker, Kubernetes)
- 서비스 메시 관리 도구
- 기여: 새로운 어댑터 개발, 성능 메트릭 개선, Kubernetes 통합 강화
- URL: https://github.com/meshery/meshery

Hacktoberfest는 오픈소스 커뮤니티에 기여하고, 새로운 기술을 배우며, 전 세계 개발자들과 소통할 수 있는 훌륭한 기회입니다. 여러분의 관심사와 기술 수준에 맞는 프로젝트를 선택하여 참여해보세요. 공식 Hacktoberfest 웹사이트에서 더 많은 프로젝트 아이디어와 가이드라인을 확인할 수 있습니다. 즐거운 코딩 되세요!

Hacktoberfest 2024가 다가오고 있습니다. 이 행사는 개발자들이 오픈소스 프로젝트에 기여할 수 있는 좋은 기회입니다. 다양한 기술과 분야를 아우르는 10개의 흥미로운 프로젝트를 소개합니다. 1. Home Assistant (Python, IoT) - 스마트홈 자동화 플랫폼 - 기여: 버그 수정, 새로운 기기 통합, 문서 개선 - URL: https://github.com/home-assistant/core 2. Rocket.Chat (JavaScript, TypeScript, React) - 오픈소스 메시징 플랫폼 - 기여: UI/UX 개선, 백엔드 성능 최적화, 서드파티 앱 통합 - URL: https://github.com/RocketChat/Rocket.Chat 3. FreeCodeCamp (JavaScript, Node.js, React) - 무료 코딩 학습 플랫폼 - 기여: 새로운 코딩 과제 작성, 번역, UI/UX 개선 - URL: https://github.com/freeCodeCamp/freeCodeCamp 4. Oppia (Angular, Python, TypeScript) - 상호작용형 학습 경험 제공 플랫폼 - 기여: 교육 콘텐츠 개발, 버그 수정, 모바일 앱 개선 - URL: https://github.com/oppia/oppia 5. Habitica (JavaScript, Node.js, Vue.js) - 생산성 향상을 위한 게임화 앱 - 기여: 게임 메커니즘 개선, 버그 수정, 새로운 기능 추가 - URL: https://github.com/HabitRPG/habitica 6. Mattermost (Go, React, JavaScript) - 자체 호스팅 가능한 팀 협업 플랫폼 - 기여: 성능 개선, 보안 기능 강화, 모바일/데스크톱 앱 개선 - URL: https://github.com/mattermost/mattermost 7. Open Food Facts (PHP, JavaScript, Python) - 식품 정보 데이터베이스 프로젝트 - 기여: 데이터 수집 알고리즘 개선, UI 개선, 번역 - URL: https://github.com/openfoodfacts/openfoodfacts-server 8. Excalidraw (TypeScript, React) - 오픈소스 화이트보드 도구 - 기여: 새로운 드로잉 기능 추가, 실시간 협업 기능 개선 - URL: https://github.com/excalidraw/excalidraw 9. Appwrite (PHP, Docker, JavaScript) - 백엔드 as a Service 플랫폼 - 기여: API 개발, CLI 도구 개선, 문서화 - URL: https://github.com/appwrite/appwrite 10. Meshery (Go, Docker, Kubernetes) - 서비스 메시 관리 도구 - 기여: 새로운 어댑터 개발, 성능 메트릭 개선, Kubernetes 통합 강화 - URL: https://github.com/meshery/meshery Hacktoberfest는 오픈소스 커뮤니티에 기여하고, 새로운 기술을 배우며, 전 세계 개발자들과 소통할 수 있는 훌륭한 기회입니다. 여러분의 관심사와 기술 수준에 맞는 프로젝트를 선택하여 참여해보세요. 공식 Hacktoberfest 웹사이트에서 더 많은 프로젝트 아이디어와 가이드라인을 확인할 수 있습니다. 즐거운 코딩 되세요!

GitHub

Hacktoberfest 2024: 주목할 만한 오픈소스 프로젝트

YouTube에서 마음에 드는 동영상과 음악을 감상하고, 직접 만든 콘텐츠를 업로드하여 친구, 가족뿐 아니라 전 세계 사람들과 콘텐츠를 공유할 수 있습니다.

 - YouTube

토스는 참 이런 아기자기한, 서비스 뿐 아니라 일하는 방식까지 궁금하게 하는 회사예요 🤓

토스에서 말하는 일 잘하는 개발자의 기준은 무엇일까요?
 * "좋은 코드도 제품이 망하면 의미가 없다!"
 * "개발자가 개발만 잘하면 돼? 천만에! 한 명의 메이커로서 기여하는 것이 필요해요”
"일 잘하는 개발자란 바로 이런 것!" 함께 들어보세요!

출연진
 * 박서진, 토스 Head of Frontend
 * 이정연, 토스증권 Frontend Developer
 * 최지민, 토스증권 Server Developer

https://www.youtube.com/watch?v=ZCg8kvtgcUg

토스는 참 이런 아기자기한, 서비스 뿐 아니라 일하는 방식까지 궁금하게 하는 회사예요 🤓 토스에서 말하는 일 잘하는 개발자의 기준은 무엇일까요?<ul ><li>"좋은 코드도 제품이 망하면 의미가 없다!"</li><li>"개발자가 개발만 잘하면 돼? 천만에! 한 명의 메이커로서 기여하는 것이 필요해요”</li></ul> "일 잘하는 개발자란 바로 이런 것!" 함께 들어보세요! 출연진<ul ><li>박서진, 토스 Head of Frontend</li><li>이정연, 토스증권 Frontend Developer</li><li>최지민, 토스증권 Server Developer</li></ul> https://www.youtube.com/watch?v=ZCg8kvtgcUg

www.youtube.com

토스 개발자는 개발만 잘해도 될까?

한 번의 배달을 위해 필요한 모든 기술들

WOOWACON 2024 

 * 일정: 2024년 10월 30일(수) 10:00 ~ 18:00
 * 장소: 그랜드 인터컨티넨탈 서울 파르나스 5층
 * 주요 특징:
   * 백엔드, AI/ML, 프런트엔드, 로봇, PM, 디자인, 문화/성장 등 다양한 분야의 세션
   * 이그나이트 트랙에서는 5분 발표와 토론 시간으로 구성된 참여형 세션
   * 멘토링 트랙에서는 경험 많은 멘토들과 자유롭게 이야기하며 고민을 나눌 수 있어요.
 * 참가 신청: ~ 10/15(화), 아래 링크의 홈페이지에서

개발자들 중 많은 분들이 좋아하는, 우아한테크의 컨퍼런스 정보는 놓칠 수 없죠!

https://2024.woowacon.com/

<ul ><li>일정: 2024년 10월 30일(수) 10:00 ~ 18:00</li><li>장소: 그랜드 인터컨티넨탈 서울 파르나스 5층</li><li>주요 특징:<ul ><li>백엔드, AI/ML, 프런트엔드, 로봇, PM, 디자인, 문화/성장 등 다양한 분야의 세션</li><li>이그나이트 트랙에서는 5분 발표와 토론 시간으로 구성된 참여형 세션</li><li>멘토링 트랙에서는 경험 많은 멘토들과 자유롭게 이야기하며 고민을 나눌 수 있어요.</li></ul></li><li>참가 신청: ~ 10/15(화), 아래 링크의 홈페이지에서</li></ul> 개발자들 중 많은 분들이 좋아하는, 우아한테크의 컨퍼런스 정보는 놓칠 수 없죠! https://2024.woowacon.com/

WOOWACON 2024

우아한테크콘퍼런스, ‘WOOWACON 2024‘

if(kakaoAI)2024

 * 일정: 2024년 10월 22일(화)~24일(목), 3일간
 * 장소: 카카오 AI 캠퍼스 (지도 보기)
 * 참여: 국내 개발자, 예비 개발자, 개발 커뮤니티 멤버 등 카카오의 기술에 관심있는 모든 분들
 * 주요 특징:
   – AI 시대를 바라보는 카카오만의 새로운 관점 (3일간 키노트/패널톡 진행)
   – 다양한 기술 경험을 함께 나누는 소통의 장 (3일간 90여개 기술 발표 세션과 전시/부스)
   – 이 모든 것들이 새로운 가능성이 펼쳐지는 카카오 AI 캠퍼스에서 공개됩니다!
 * 참가 신청: 9/30(월)~10/9(수), 아래 링크의 홈페이지에서

카카오의 다양한 AI 기술들을 볼 수 있는 컨퍼런스예요!
우선 목차부터 보세요 👨🏻‍💻

https://if.kakao.com/

<ul ><li>일정: 2024년 10월 22일(화)~24일(목), 3일간</li><li>장소: 카카오 AI 캠퍼스 (지도 보기)</li><li>참여: 국내 개발자, 예비 개발자, 개발 커뮤니티 멤버 등 카카오의 기술에 관심있는 모든 분들</li><li>주요 특징: – AI 시대를 바라보는 카카오만의 새로운 관점 (3일간 키노트/패널톡 진행) – 다양한 기술 경험을 함께 나누는 소통의 장 (3일간 90여개 기술 발표 세션과 전시/부스) – 이 모든 것들이 새로운 가능성이 펼쳐지는 카카오 AI 캠퍼스에서 공개됩니다!</li><li>참가 신청: 9/30(월)~10/9(수), 아래 링크의 홈페이지에서</li></ul> 카카오의 다양한 AI 기술들을 볼 수 있는 컨퍼런스예요!우선 목차부터 보세요 👨🏻‍💻 https://if.kakao.com/

카카오 개발자 컨퍼런스 if(kakaoAI) 2024

9 Principles for Doing Node.js Right in Enterprise Environments

The Nine Node Pillars

Node.js 어플리케이션용 플랫폼을 만드는 Platformatic에서 수년간 Node.js 어플리케이션을 설계한 경험도 있고 Node.js의 기술위원회인 TSC의 멤버중 한명이 공동참업자이기 때문에 Node.js 커뮤니티의 도움도 받아서 Node.js 엔터프라이즈 어플리케이션에 적용해야할 9가지 원칙을 정리했습니다.

1. Event Loop를 차단하지 마세요.
2. Node에 특화된 메트릭을 모니터링하고 그에 따라 조치하세요.
3. 프로덕션에서는 Node LTS 버전을 사용하세요.
4. 가능한 한 테스트, 코드 리뷰, 적합성을 자동화하세요.
5. 의존성 증가를 피하세요.
6. 의존성 위험을 줄이세요.
7. 전역 변수, 설정, 싱글톤을 피하세요.
8. 오류를 처리하고 의미 있는 로그를 제공하세요.
9. API 명세를 사용하고 클라이언트를 자동 생성하세요.

각 원칙에 대해 그렇게 해야하는 이유와 어떻게 처리하면 되는지 설명하고 있어서 자세히 보면 좋습니다.

https://www.platformatichq.com/node-principles

Node.js 어플리케이션용 플랫폼을 만드는 Platformatic에서 수년간 Node.js 어플리케이션을 설계한 경험도 있고 Node.js의 기술위원회인 TSC의 멤버중 한명이 공동참업자이기 때문에 Node.js 커뮤니티의 도움도 받아서 Node.js 엔터프라이즈 어플리케이션에 적용해야할 9가지 원칙을 정리했습니다. 1. Event Loop를 차단하지 마세요.2. Node에 특화된 메트릭을 모니터링하고 그에 따라 조치하세요.3. 프로덕션에서는 Node LTS 버전을 사용하세요.4. 가능한 한 테스트, 코드 리뷰, 적합성을 자동화하세요.5. 의존성 증가를 피하세요.6. 의존성 위험을 줄이세요.7. 전역 변수, 설정, 싱글톤을 피하세요.8. 오류를 처리하고 의미 있는 로그를 제공하세요.9. API 명세를 사용하고 클라이언트를 자동 생성하세요. 각 원칙에 대해 그렇게 해야하는 이유와 어떻게 처리하면 되는지 설명하고 있어서 자세히 보면 좋습니다. https://www.platformatichq.com/node-principles

www.platformatichq.com

Hacktoberfest: a month-long celebration of open-source projects, their maintainers, and the entire community of contributors.

Hacktoberfest 2024

10월이면 시원한 바람과 함께 매년 찾아오는 핵토버페스트!

이제 공짜 티셔츠는 없지만 ^_ㅠ 그래도 오픈소스에 기여해보고싶다! 어떻게 하는지 우루루 할때 함께 해보고싶다! 하는 분들에게는 여전히 매력적인 시간입니다!

아직 2024에 뭔갈 더 이루고 싶은 개발자분들에게는 절호의 기회가 아닐까 싶어요!

https://hacktoberfest.com/

10월이면 시원한 바람과 함께 매년 찾아오는 핵토버페스트! 이제 공짜 티셔츠는 없지만 ^_ㅠ 그래도 오픈소스에 기여해보고싶다! 어떻게 하는지 우루루 할때 함께 해보고싶다! 하는 분들에게는 여전히 매력적인 시간입니다! 아직 2024에 뭔갈 더 이루고 싶은 개발자분들에게는 절호의 기회가 아닐까 싶어요! https://hacktoberfest.com/

hacktoberfest.com

핵토버페스트 2024

완벽한 경영 교보재 | 온 가족이 모여서 이번 주에 올라온 흑백요리사 5~7화를 봤다. 지난주 4화까지 볼 때는 재밌다고만 생각했는데, 이번 5~7화 단체 미션은 팀워크나 리더십, 경영에 대해서도 교훈이 많아서 보면서 딸에게도 이런저런 이야기를 해주었다. 웃긴 건 하은이가 아직 초등학교 6학년인데도 저기는 팀장을 잘못 뽑았다느니 저러면 안 된다느니 공감하더라.  팀 대결 미션에서

흑백요리사 팀 대결에서 배우는 리더십과 팀워크

요즘 흑백요리사가 정말 화제인데요!
저도 나오는 날 3개씩 쭉쭉 보고 있습니다..ㅋㅋㅋㅋ 너무 재밌네요

보다 보면 최현석 셰프는 정말 예능에서 탐낼 완벽한 캐릭터인 것 같아요. 리더십도 좋고, 전문성도 있으면서 한없이 가벼워질 수도 있고 말도 재밌게 하고 방송 대결 주제를 요리만이 아닌 대결 플랫폼 자체를 이해하고 시작하죠.

리더십이 돋보이는 대결에서 배울 것이 많았습니다.
 1. 얻고자 하는 결과물(또는 성과)이 명확해야 한다.
 2. 리더는 결정을 내려야 한다.
 3. 결정했으면 따라야 한다.

https://brunch.co.kr/@younghakjang/157

요즘 흑백요리사가 정말 화제인데요!저도 나오는 날 3개씩 쭉쭉 보고 있습니다..ㅋㅋㅋㅋ 너무 재밌네요 보다 보면 최현석 셰프는 정말 예능에서 탐낼 완벽한 캐릭터인 것 같아요. 리더십도 좋고, 전문성도 있으면서 한없이 가벼워질 수도 있고 말도 재밌게 하고 방송 대결 주제를 요리만이 아닌 대결 플랫폼 자체를 이해하고 시작하죠. 리더십이 돋보이는 대결에서 배울 것이 많았습니다.<ol ><li>얻고자 하는 결과물(또는 성과)이 명확해야 한다.</li><li>리더는 결정을 내려야 한다.</li><li>결정했으면 따라야 한다.</li></ol> https://brunch.co.kr/@younghakjang/157

Brunch Story

한국에서 일할 때는 제 주변에 대부분의 직장인들이 성장에 목말라 했었습니다. 막 입사한 개발자들은 어떻게 하면 빨리 신입 딱지를 땔 수 있을지 물어봤었고, 주니어 개발자들은 어떻게 하면 빨리 시니어가 될 수 있는지 궁금해했습니다. 동기들은 다 진급하는데 본인만 누락될까봐 걱정하시는 분들이 많았습니다. 그래서 주로 이러한 갈증을 해소시켜주는 멘토링을 했던 기억이 있습니다.

이러한 경험을 갖고 저는 캐나다에 와서 직장 생활을 하면서 문화 충격을 받는데요. 현재 자신이 맡고있는 역할에 충분히 만족하며 딱히 더 성장할 마음이 없는 직장인들이 많기 때문입니다. 이러한 엔지니어들과 얘기를 해보면 소프트웨어 개발 직군이 다른 직군 대비 처우가 얼마나 좋은지 잘 인지하고 있으며 그래서 더 이상 바랄 게 없다고 합니다. 진급과 함께 늘어난 권한만큼 무거운 책임도 부담스럽다고 하고요.

한국에서 어렸을 때 부터 치열한 경쟁 속에 살아온 저는 처음에 이러한 캐나다 동료들이 나태하고 한심하다고 느껴졌습니다. 아마도 예전에 교양 수업에서 들었던 열심히 일하지 않아도 되는 복지 선진국의 폐해일 수도 있겠다고 생각했습니다. 하지만 이러한 엔지니어들을 직접 멘토링하게 되면서 제 관점이 조금씩 바뀌게 되었습니다.

처음에는 이러한 멘티들의 성장을 독려하는 것이 저의 임무라고 생각했습니다. 업무에서 사용하고 있는 기술에 대해서 좀 더 깊이 공부하기를 바라는 마음에 여러 책과 온라인 강의를 추천해주었습니다. 이 친구들이 조직에서 더 두각을 내고 진급을 하려면 어떤 부분에서 더 실력을 키워야 하는지 얘기해 주었습니다. 이렇게 성장하는 방법을 알려주면 고마워할 줄 알았죠.

하지만 저의 이러한 멘토링 방향에 반발하는 멘티를 만났고, 이 친구와 우리는 왜 성장해야 하는가 대해서 수 차례 깊은 대화를 나누었습니다. 그러다가 저는 태어나서 한 번도 의심해보지 않았던 성장이라는 가치에 대해서 자문하게 되었습니다. 나는 왜 이렇게 성장에 집착하는 거지? 왜 다른 사람에게 성장을 강요하려는 거지?? 생각을 해보니 반드시 모든 사람이 성장하고 싶어야 할 이유도 없더군요! 제 생각이 얼마나 편협했었는지를 느끼게 되었습니다.

그래서 이제는 새로운 멘티가 생기면 성장을 하고 싶은지에 대해서 먼저 꼭 물어봅니다. 엔지니어로서 성장을 원치 않는 친구들은 보통 인생의 다른 부분에 열정을 갖고 있더라고요. 어떤 친구는 퇴근 후에 아마추어 하키팀 코치로 투잡을 뛰고, 다른 친구는 영화 감독이 꿈이라서 주말마다 독립 영화를 찍고 있다고 하네요. 이런 친구들은 성장보다는 효율에 초점을 두어 멘토링을 합니다.

저처럼 소프트웨어 개발을 천직으로 삼고 계속해서 공부하며 엔지니어로 성장하고 싶은 사람도 있지만, 그냥 소프트웨어 개발을 괜찮은 돈벌이 수단으로 생각하고 직업 그 이상 이하로도 생각하지 않는 사람도 많습니다. 멘토가 멘티의 성장을 도와줄 수는 있지만, 절대 강요할 수는 없다는 것을 배웠습니다.

한국에서 일할 때는 제 주변에 대부분의 직장인들이 성장에 목말라 했었습니다. 막 입사한 개발자들은 어떻게 하면 빨리 신입 딱지를 땔 수 있을지 물어봤었고, 주니어 개발자들은 어떻게 하면 빨리 시니어가 될 수 있는지 궁금해했습니다. 동기들은 다 진급하는데 본인만 누락될까봐 걱정하시는 분들이 많았습니다. 그래서 주로 이러한 갈증을 해소시켜주는 멘토링을 했던 기억이 있습니다. 이러한 경험을 갖고 저는 캐나다에 와서 직장 생활을 하면서 문화 충격을 받는데요. 현재 자신이 맡고있는 역할에 충분히 만족하며 딱히 더 성장할 마음이 없는 직장인들이 많기 때문입니다. 이러한 엔지니어들과 얘기를 해보면 소프트웨어 개발 직군이 다른 직군 대비 처우가 얼마나 좋은지 잘 인지하고 있으며 그래서 더 이상 바랄 게 없다고 합니다. 진급과 함께 늘어난 권한만큼 무거운 책임도 부담스럽다고 하고요. 한국에서 어렸을 때 부터 치열한 경쟁 속에 살아온 저는 처음에 이러한 캐나다 동료들이 나태하고 한심하다고 느껴졌습니다. 아마도 예전에 교양 수업에서 들었던 열심히 일하지 않아도 되는 복지 선진국의 폐해일 수도 있겠다고 생각했습니다. 하지만 이러한 엔지니어들을 직접 멘토링하게 되면서 제 관점이 조금씩 바뀌게 되었습니다. 처음에는 이러한 멘티들의 성장을 독려하는 것이 저의 임무라고 생각했습니다. 업무에서 사용하고 있는 기술에 대해서 좀 더 깊이 공부하기를 바라는 마음에 여러 책과 온라인 강의를 추천해주었습니다. 이 친구들이 조직에서 더 두각을 내고 진급을 하려면 어떤 부분에서 더 실력을 키워야 하는지 얘기해 주었습니다. 이렇게 성장하는 방법을 알려주면 고마워할 줄 알았죠. 하지만 저의 이러한 멘토링 방향에 반발하는 멘티를 만났고, 이 친구와 우리는 왜 성장해야 하는가 대해서 수 차례 깊은 대화를 나누었습니다. 그러다가 저는 태어나서 한 번도 의심해보지 않았던 성장이라는 가치에 대해서 자문하게 되었습니다. 나는 왜 이렇게 성장에 집착하는 거지? 왜 다른 사람에게 성장을 강요하려는 거지?? 생각을 해보니 반드시 모든 사람이 성장하고 싶어야 할 이유도 없더군요! 제 생각이 얼마나 편협했었는지를 느끼게 되었습니다. 그래서 이제는 새로운 멘티가 생기면 성장을 하고 싶은지에 대해서 먼저 꼭 물어봅니다. 엔지니어로서 성장을 원치 않는 친구들은 보통 인생의 다른 부분에 열정을 갖고 있더라고요. 어떤 친구는 퇴근 후에 아마추어 하키팀 코치로 투잡을 뛰고, 다른 친구는 영화 감독이 꿈이라서 주말마다 독립 영화를 찍고 있다고 하네요. 이런 친구들은 성장보다는 효율에 초점을 두어 멘토링을 합니다. 저처럼 소프트웨어 개발을 천직으로 삼고 계속해서 공부하며 엔지니어로 성장하고 싶은 사람도 있지만, 그냥 소프트웨어 개발을 괜찮은 돈벌이 수단으로 생각하고 직업 그 이상 이하로도 생각하지 않는 사람도 많습니다. 멘토가 멘티의 성장을 도와줄 수는 있지만, 절대 강요할 수는 없다는 것을 배웠습니다.

성장을 강요하는 멘토, 성장을 거부하는 멘티

OAuth는 무엇인가요?티스토리 로그인페이지에서 보면 카카오톡으로 로그인이라는 버튼이 보일 것입니다. 이 외에도 구글, 네이버, 페이스북으로 로그인 할 수 있도록 타 사이트에서 기능을 제공해주고 있는데 이처럼 서비스에 직접 사용자를 등록하지 않고 제 3자의 플랫폼에 사용자의 접근 권한을 위임할 수 있도록 해주는 표준 프로토콜을 OAuth라고 합니다.OAuth는 인터넷 사용자들이 비밀번호를 제공하지 않고 다른 웹사이트 상의 자신들의 정보에 대해 웹사이트나 애플리케이션의 접근 권한을 부여할 수 있는 공통적인 수단으로서 사용되는 접근 위임을 위한 개방형 표준. - 위키피디아OAuth가 사용되기 전에는 인증방식의 표준이 없었기 때문에 기존의 기본인증인 아이디와 비밀번호를 사용하였는데, 이는 보안상 취약한 구조일..

OAuth 원리와 이해 (feat. 카카오 로그인)

예전에 카카오워크라는 협업툴의 기획자로 일한 적이 있었는데요.
그러면서 OAuth와 SAML에 대해 많은 공부를 하게 되었었어요!
SSO 인증은 알아두면 나중에 정말 요긴하게 쓰이니 읽고 가볍게 공부해보세요!

+여담
그리고 그 당시에 찾아보며 느꼈는데,
미국이나 우리나라는 OAuth를 많이 쓰는데.. 일본은 LINE을 기반으로 SAML을 많이 쓰는 느낌이 들더라구요..!? 🤓

https://yejipro.tistory.com/entry/OAuth-%EC%9B%90%EB%A6%AC%EC%99%80-%EC%9D%B4%ED%95%B4-feat-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8

예전에 카카오워크라는 협업툴의 기획자로 일한 적이 있었는데요.그러면서 OAuth와 SAML에 대해 많은 공부를 하게 되었었어요!SSO 인증은 알아두면 나중에 정말 요긴하게 쓰이니 읽고 가볍게 공부해보세요! +여담그리고 그 당시에 찾아보며 느꼈는데, 미국이나 우리나라는 OAuth를 많이 쓰는데.. 일본은 LINE을 기반으로 SAML을 많이 쓰는 느낌이 들더라구요..!? 🤓 https://yejipro.tistory.com/entry/OAuth-%EC%9B%90%EB%A6%AC%EC%99%80-%EC%9D%B4%ED%95%B4-feat-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8

Yeji's Tech Notes

Learn how to publish a package to npm with a complete setup including, TypeScript, Prettier, Vitest, GitHub Actions, and versioning with Changesets.

How To Create An NPM Package

npm 패키징관련해서 매우 자세하게 작성해둔 글입니다.
타입스트립트로 만드는 방법도 같이 정리되어 있어서 귀한 글이라고 생각합니다.
npm으로 패키지를 배포해보고 싶으신 분은 보시는거 추천드려요~
https://www.totaltypescript.com/how-to-create-an-npm-package

npm 패키징관련해서 매우 자세하게 작성해둔 글입니다. 타입스트립트로 만드는 방법도 같이 정리되어 있어서 귀한 글이라고 생각합니다. npm으로 패키지를 배포해보고 싶으신 분은 보시는거 추천드려요~ https://www.totaltypescript.com/how-to-create-an-npm-package

Total TypeScript

NPM 패키지 만들기 가이드

Let's create a Git commit using Git's low-level (plumbing) commands

Creating a Git commit: The Hard Way

Git에서 저희가 일반적으로 사용하는 git add나 git commit 같은 명령어를 Porcelain 명령어라고 하고 보다 저수준작업을 하는 명령어는 Plumbing 명령어라고 부릅니다.

이 글에서는 Git의 동작 방식을 더 잘 이해하기 위해서 blob과 tree로 구성된 커밋의 구조를 설명하고 Git commit 대신 git hash-object, git update-index, git commit-tree같은 Plubming 명령어로 직접 커밋을 만들어 보면서 실제로 git commit이 어떻게 동작하는지를 설명하는데 직접 따라해 보면서 구조를 이해하기 쉽게 정리된 글입니다.

https://avestura.dev/blog/creating-a-git-commit-the-hard-way

Git에서 저희가 일반적으로 사용하는 git add나 git commit 같은 명령어를 Porcelain 명령어라고 하고 보다 저수준작업을 하는 명령어는 Plumbing 명령어라고 부릅니다. 이 글에서는 Git의 동작 방식을 더 잘 이해하기 위해서 blob과 tree로 구성된 커밋의 구조를 설명하고 Git commit 대신 git hash-object, git update-index, git commit-tree같은 Plubming 명령어로 직접 커밋을 만들어 보면서 실제로 git commit이 어떻게 동작하는지를 설명하는데 직접 따라해 보면서 구조를 이해하기 쉽게 정리된 글입니다. https://avestura.dev/blog/creating-a-git-commit-the-hard-way

Avestura's Blog

Git에서 저희가 일반적으로 사용하는 git add나 git co

#직딩에세이 #25 | 암초는 바다에만 있는 것이 아니다. 직장 생활을 하다보면 뭔지 모르게 자신의 힘을 빼는 사람들이 있는데 이런 사람들과는 처음부터 거리를 두는 것이 좋다.  1. 편을 가르는 사람들  회의를 팀전이라 생각하는 사람들이 있다. PC방에서는 진실일지 모르겠으나, 회사에서는 이것만큼 골치아픈 것이 없다. 회사가 위기일수록 이런 사람들이 많아지는데, 어쩌면 이런 사

직장생활에서 피해야 할 사람들

직장 생활을 하다보면 뭔지 모르게 자신의 힘을 빼는 사람들이 있는데 이런 사람들과는 처음부터 거리를 두는게 좋다고 합니다. 꽤 오래된 글이지만 몇 가지는 저도 공감이 가는글이고, 반대로 저도 이런적이 있었나 다시 한번 생각해보게 되는 글입니다.

🏄🏻‍♂️ 편을 가르는 사람들
회의를 팀전이라 생각하는 사람들이 있습니다. '니 편 내 편' 이 있는 사람들은 회의 내용에 잘 집중하지 못합니다. 이 사람들이 가장 문제가 되는 점은 '상대방의 주장이 옳다는 것'을 알아도 여전히 노선을 바꾸지 않는 점입니다.

🤫 상대에 따라 말이 바뀌는 사람들
말이나 생각의 일관성이 없는 사람들입니다. 특히 상사를 대할 때와 동료를 대할 때 말이 180도 달라지는 사람들이 많습니다. 이런 사람들이 가장 싫어하는 것은 '모두가 있는 자리에서 자신의 생각을 이야기하는 것' 입니다. 회의에서는 말을 아끼거나 대부분의 사람의 의견에 동의하지만, 회의가 끝나면 참석한 사람들을 하나씩 붙잡고 이야기를 시작합니다. 보통 이런 사람들은 회사에 불만이 많고, 불만의 대상이 눈앞에 있으면 그 이야기를 하지 않습니다. 그 사람을 직접 마주보고 할 수 없는 이야기는 다른 사람에게도 하지 않는 것이 좋습니다.

🏃‍♂️ 감정 기복이 심한 사람들
이런 사람들의 특징은 굉장히 잘해주는 때와 이유없이 화를 내는 때의 변화가 찰나의 순간에 교차한다는 것입니다. 논쟁을 하다가 갑자기 감정을 폭발하는 사람을 대하는 것은 굉장히 어렵습니다. 가능하다면 이런 사람들과는 1:1로 미팅을 하지 않는 것이 좋고, 어쩔 수 없이 해야한다면 회의실말고 카페같은 열린 공간에서 하는 것이 더 좋습니다.

🧘🏻‍♂️ 하겠다고 한 일을 하지 않는 사람들
하겠다고 막 내뱉고 하지 않는 것만큼 동료들을 지치게 하는 일은 없습니다.
하지 않을 업무는 눈 앞에 CEO가 앉아 있더라도 하지 않겠다고 이야기해야 합니다.
하지 않을 업무를 본인 스스로 제안하면 안됩니다. 보통 이러한 사람들은 '할 수 있을 것 같아서', '좋은 생각인 것 같아서'라는 답을 주는데 회사에서는 자신이 뱉은 말은 지켜야 하는 곳입니다.

💁‍♂️ 자기 생각을 이야기하지 못하는 사람들
자신의 생각을 말하지 않는 사람들이 생각을 말하게 하는 것은 생각보다 굉장히 어려운 일입니다. 특히 설득해야 하는 사람이 굳이 그럴 필요까지 있을까 생각하는 경우는 더욱 그렇습니다.
회사는 대체적으로 바쁜곳이기에 이야기하지 않으면 모른다고 생각하는 것이 좋습니다.
'꼭 말해야 아나요?' 라고 묻는다면 '그렇습니다.' 잘못된 의사결정이 내려지고 있으면 말을 해야 합니다.

👨‍💻 날짜와 숫자를 부르지 못하는 사람들
언제까지 마무리 할 수 있을지, 이번 분기에 매출이 얼마로 끝날 것 같은지에 대해 답을 못하는 사람들이 의외로 많습니다. 물어본 질문에 대한 답을 빼고 장황한 설명을 하거나, 노력하고 있다고만 말하는 경우가 많습니다. 이러한 사람을 매니저로 둔 팀원들은 죽었다고 보면 됩니다.

👁️ 하고 싶은 것이 없는 사람들
무기력하거나, 방어적이거나, 둘 다 인 경우를 의미합니다.

직장 생활을 하다보면 뭔지 모르게 자신의 힘을 빼는 사람들이 있는데 이런 사람들과는 처음부터 거리를 두는게 좋다고 합니다. 꽤 오래된 글이지만 몇 가지는 저도 공감이 가는글이고, 반대로 저도 이런적이 있었나 다시 한번 생각해보게 되는 글입니다. 🏄🏻‍♂️ 편을 가르는 사람들회의를 팀전이라 생각하는 사람들이 있습니다. '니 편 내 편' 이 있는 사람들은 회의 내용에 잘 집중하지 못합니다. 이 사람들이 가장 문제가 되는 점은 '상대방의 주장이 옳다는 것'을 알아도 여전히 노선을 바꾸지 않는 점입니다. 🤫 상대에 따라 말이 바뀌는 사람들말이나 생각의 일관성이 없는 사람들입니다. 특히 상사를 대할 때와 동료를 대할 때 말이 180도 달라지는 사람들이 많습니다. 이런 사람들이 가장 싫어하는 것은 '모두가 있는 자리에서 자신의 생각을 이야기하는 것' 입니다. 회의에서는 말을 아끼거나 대부분의 사람의 의견에 동의하지만, 회의가 끝나면 참석한 사람들을 하나씩 붙잡고 이야기를 시작합니다. 보통 이런 사람들은 회사에 불만이 많고, 불만의 대상이 눈앞에 있으면 그 이야기를 하지 않습니다. 그 사람을 직접 마주보고 할 수 없는 이야기는 다른 사람에게도 하지 않는 것이 좋습니다. 🏃‍♂️ 감정 기복이 심한 사람들이런 사람들의 특징은 굉장히 잘해주는 때와 이유없이 화를 내는 때의 변화가 찰나의 순간에 교차한다는 것입니다. 논쟁을 하다가 갑자기 감정을 폭발하는 사람을 대하는 것은 굉장히 어렵습니다. 가능하다면 이런 사람들과는 1:1로 미팅을 하지 않는 것이 좋고, 어쩔 수 없이 해야한다면 회의실말고 카페같은 열린 공간에서 하는 것이 더 좋습니다. 🧘🏻‍♂️ 하겠다고 한 일을 하지 않는 사람들하겠다고 막 내뱉고 하지 않는 것만큼 동료들을 지치게 하는 일은 없습니다.하지 않을 업무는 눈 앞에 CEO가 앉아 있더라도 하지 않겠다고 이야기해야 합니다.하지 않을 업무를 본인 스스로 제안하면 안됩니다. 보통 이러한 사람들은 '할 수 있을 것 같아서', '좋은 생각인 것 같아서'라는 답을 주는데 회사에서는 자신이 뱉은 말은 지켜야 하는 곳입니다. 💁‍♂️ 자기 생각을 이야기하지 못하는 사람들자신의 생각을 말하지 않는 사람들이 생각을 말하게 하는 것은 생각보다 굉장히 어려운 일입니다. 특히 설득해야 하는 사람이 굳이 그럴 필요까지 있을까 생각하는 경우는 더욱 그렇습니다.회사는 대체적으로 바쁜곳이기에 이야기하지 않으면 모른다고 생각하는 것이 좋습니다.'꼭 말해야 아나요?' 라고 묻는다면 '그렇습니다.' 잘못된 의사결정이 내려지고 있으면 말을 해야 합니다. 👨‍💻 날짜와 숫자를 부르지 못하는 사람들언제까지 마무리 할 수 있을지, 이번 분기에 매출이 얼마로 끝날 것 같은지에 대해 답을 못하는 사람들이 의외로 많습니다. 물어본 질문에 대한 답을 빼고 장황한 설명을 하거나, 노력하고 있다고만 말하는 경우가 많습니다. 이러한 사람을 매니저로 둔 팀원들은 죽었다고 보면 됩니다. 👁️ 하고 싶은 것이 없는 사람들무기력하거나, 방어적이거나, 둘 다 인 경우를 의미합니다.

원문: https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process

(번역) 구글이 색인 과정에서 자바스크립트를 처리하는 방법

"구글은 클라이언트 사이드 렌더링을 제대로 처리하지 못해", "자바스크립트를 많이 쓰면 SEO에 악영향을 준다"는 말을 듣고 개발 방식을 고민해본 적 있으신가요?

이 글은 MERJ와 Vercel의 실증적 연구를 번역한 것으로, 구글의 자바스크립트 처리 능력에 대한 오해들을 해소합니다. SPA, CSR 등 현대적 웹 개발 기술이 SEO에 미치는 실제 영향을 밝혀내며, 우리가 믿어왔던 많은 가정들이 더 이상 유효하지 않음을 보여줍니다. 최신 프런트엔드 기술을 적극 활용하면서도 SEO를 최적화할 수 있는 방법을 이 글에서 확인해보세요!

> 글 링크: https://bit.ly/3Bq7TtO

"구글은 클라이언트 사이드 렌더링을 제대로 처리하지 못해", "자바스크립트를 많이 쓰면 SEO에 악영향을 준다"는 말을 듣고 개발 방식을 고민해본 적 있으신가요? 이 글은 MERJ와 Vercel의 실증적 연구를 번역한 것으로, 구글의 자바스크립트 처리 능력에 대한 오해들을 해소합니다. SPA, CSR 등 현대적 웹 개발 기술이 SEO에 미치는 실제 영향을 밝혀내며, 우리가 믿어왔던 많은 가정들이 더 이상 유효하지 않음을 보여줍니다. 최신 프런트엔드 기술을 적극 활용하면서도 SEO를 최적화할 수 있는 방법을 이 글에서 확인해보세요! &gt; 글 링크: https://bit.ly/3Bq7TtO

KDT 빅데이터 분석 과정 7기 | K-디지털트레이닝 | 하이테커

구글이 색인 과정에서 자바스크립트를 처리하는 방법

지난 16년 동안 8개의 회사를 거치면서, 후보자의 입장에서 여러 번의 면접을 경험해봤고, 반대로 면접관으로서 회사를 대표해 수많은 후보자를 평가하기도 했다. 그 과정에서 여전히 인상 깊게 기억하는 면접이 있는가 하면, 아쉽거나 이해하기 어려운…

개발자 기술 면접

 * 개발자 기술 면접에 대해 작성된 글입니다.
 * 면접을 보는 사람, 면접관 모두에게 도움이 될 것 같아요.
 * 더 좋은 질문은 무엇일까, 어떤 사람을 뽑을 것인가 고민하는 분이라면 꼭 읽어보셔도 좋을 것 같아요

https://medium.com/@greg.shiny82/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EA%B8%B0%EC%88%A0-%EB%A9%B4%EC%A0%91-144a1fe28ca4

<ul ><li>개발자 기술 면접에 대해 작성된 글입니다.</li><li>면접을 보는 사람, 면접관 모두에게 도움이 될 것 같아요.</li><li>더 좋은 질문은 무엇일까, 어떤 사람을 뽑을 것인가 고민하는 분이라면 꼭 읽어보셔도 좋을 것 같아요</li></ul> https://medium.com/@greg.shiny82/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EA%B8%B0%EC%88%A0-%EB%A9%B4%EC%A0%91-144a1fe28ca4

안녕하세요! 커뮤니티실 동네생활팀 프론트엔드 엔지니어 리디아(Lydia)예요. 당근에 합류한 지 이제 막 한 달이 넘어가고 있는 따끈따끈한 저의 경험을 여러분께 공유하고 싶어 찾아왔어요.

입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편

최근 당근마켓을 사용하면서 UX가 괜찮다고 느꼇는데요. 이미
Streaming SSR
을 도입하고 있네요.
Streaming SSR
은 전통적인 SSR 한계를 극복하는 렌더링 기법인데요

SSR vs Streaming SSR
 * 기존 SSR: 전체 HTML을 생성한 후 한 번에 전송하기 때문에 모든 데이터 fetching과 렌더링이 완료될때 까지 기다립니다. 완전한 페이지를 한 번에 받기 때문에 유저는 일정시간동안 빈 화면을 봅니다.
 * Streaming SSR: Streaming SSR은 HTML을 Chunk(조각) 단위로 부분 스트리밍하여 전송합니다. 가령 API 페칭이 필요없는 GNB, 네비게이션 등은 먼저 렌더링을 하고 이후에 데이터 fetching이 된 부분은 나중에 순차적으로 렌더링 합니다. 따라서, 중요 컨텐츠를 먼저 사용자에게 전달할 수 있어 전체 로딩 시간은 동일하더라도, 사용자가 체감하는 속도가 더 빨라집니다

Streaming SSR 구현 방법
당근마켓의 StremingSSR은 아래와 같은 단계로 이루어집니다.
 1. 데이터 프리페칭 및 직렬화: TanStack Query로 데이터를 미리 가져옵니다. 이후
    dehydrate
    를 사용해 쿼리 상태를 JSON 으로 직렬화(SSR에서 가져온 데이터를 클라이언트로 전달) 합니다. 이를 통해 직렬화된 상태는 HTML 응답에 포함되어 클라이언트로 전송됩니다.
 2. HTML 스트리밍: ReactDOM의 renderToPipeableSteream함수를 이용해서 HTML 스트림을 청크 단위로 스트리밍합니다. 이를 통해 HTML부분 렌더링을 적용 합니다.
 3. TanstackQuery 하이드레이션: dehydrate 를 통해 JSON 형태로 직렬화된 데이터를 TanstackQuery의 HydrationBounary 함수를 사용하여 TanstackQuery 캐시에 hydrate 합니다. 이 과정을 통해 TanStack Query 캐시에는 서버에서 가져온 데이터가 들어있게됩니다.

국내 IT 기업도 점차 UX의 중요성에 대해 인식하고 기술적으로 많은 시도와 도입을 하는것 같습니다. 고객 경험을 중시하는 이런 시도는 사용자 만족도 향상과 비즈니스 성과 개선으로 이어지는데요. 이런 시도를 통해 당근마켓이 국내를 넘어 글로벌 시장에서도 더욱 성공적으로 성장하기를 기대해 봅니다.

https://medium.com/daangn/%EC%9E%85%EC%82%AC-1%EA%B0%9C%EC%9B%94%EC%B0%A8-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%EC%9E%90%EC%B2%B4-%EA%B8%B0%EC%88%A0-%EC%98%A8%EB%B3%B4%EB%94%A9-streaming-ssr%ED%8E%B8-aabaee57f660

최근 당근마켓을 사용하면서 UX가 괜찮다고 느꼇는데요. 이미 <code >Streaming SSR</code>을 도입하고 있네요. <code >Streaming SSR</code>은 전통적인 SSR 한계를 극복하는 렌더링 기법인데요 SSR vs Streaming SSR<ul ><li>기존 SSR: 전체 HTML을 생성한 후 한 번에 전송하기 때문에 모든 데이터 fetching과 렌더링이 완료될때 까지 기다립니다. 완전한 페이지를 한 번에 받기 때문에 유저는 일정시간동안 빈 화면을 봅니다.</li><li>Streaming SSR: Streaming SSR은 HTML을 Chunk(조각) 단위로 부분 스트리밍하여 전송합니다. 가령 API 페칭이 필요없는 GNB, 네비게이션 등은 먼저 렌더링을 하고 이후에 데이터 fetching이 된 부분은 나중에 순차적으로 렌더링 합니다. 따라서, 중요 컨텐츠를 먼저 사용자에게 전달할 수 있어 전체 로딩 시간은 동일하더라도, 사용자가 체감하는 속도가 더 빨라집니다</li></ul> Streaming SSR 구현 방법당근마켓의 StremingSSR은 아래와 같은 단계로 이루어집니다.<ol ><li>데이터 프리페칭 및 직렬화: TanStack Query로 데이터를 미리 가져옵니다. 이후 <code >dehydrate</code>를 사용해 쿼리 상태를 JSON 으로 직렬화(SSR에서 가져온 데이터를 클라이언트로 전달) 합니다. 이를 통해 직렬화된 상태는 HTML 응답에 포함되어 클라이언트로 전송됩니다.</li><li>HTML 스트리밍: ReactDOM의 renderToPipeableSteream함수를 이용해서 HTML 스트림을 청크 단위로 스트리밍합니다. 이를 통해 HTML부분 렌더링을 적용 합니다.</li><li>TanstackQuery 하이드레이션: dehydrate 를 통해 JSON 형태로 직렬화된 데이터를 TanstackQuery의 HydrationBounary 함수를 사용하여 TanstackQuery 캐시에 hydrate 합니다. 이 과정을 통해 TanStack Query 캐시에는 서버에서 가져온 데이터가 들어있게됩니다.</li></ol> 국내 IT 기업도 점차 UX의 중요성에 대해 인식하고 기술적으로 많은 시도와 도입을 하는것 같습니다. 고객 경험을 중시하는 이런 시도는 사용자 만족도 향상과 비즈니스 성과 개선으로 이어지는데요. 이런 시도를 통해 당근마켓이 국내를 넘어 글로벌 시장에서도 더욱 성공적으로 성장하기를 기대해 봅니다. https://medium.com/daangn/%EC%9E%85%EC%82%AC-1%EA%B0%9C%EC%9B%94%EC%B0%A8-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-%EC%9E%90%EC%B2%B4-%EA%B8%B0%EC%88%A0-%EC%98%A8%EB%B3%B4%EB%94%A9-streaming-ssr%ED%8E%B8-aabaee57f660

전통적 SSR의 한계를 넘어: 당근마켓이 도입한 Streaming

01 . 작년부터 스멀스멀 고개를 내미는 기사 중에 이런 류의 제목들이 눈에 띄었습니다. 'Gen Z들에게 독서는 섹시한 행위로 치부된다. 그들에게는 텍스트를 읽는다는 것 자체가 이미 힙한 행동이다.' 그리고 동시다발적으로 새로운 용어들 역시 쏟아지기 시작했죠. '텍스트힙', '책멍', '독파민(독서+도파민)' 같은 말들도 이젠 그리 신기하고 낯선 단어들이 아니니 말입니다.

02 . 독서와 관련한 책을 써서인지 한 매체로부터 이런 현상에 대해 짧게나마 제 생각을 소개해 줄 수 있느냐는 요청을 받았습니다. 하지만 요청주신 분의 설명을 듣고 나서는 정중히 거절했죠. 아쉽게도 기사를 쓰는 분께서 이미 자기만의 답을 내리고 계신 느낌이 물씬 나더라고요. 그리고 그에 맞는 의견을 끼워놓을 요량으로 몇몇의 목소리가 필요했을지도 모르죠. 그 레이더에 아마 제가 걸려들었을 수도 있고요.

03 . 결론부터 이야기하자면 저는 독서가 이른바 새로운 행위와 문화로 간주되는 것도, 책을 둘러싼 조금은 간질거리는 유행어들이 탄생하는 것에도 큰 의미를 두고 있지 않습니다. 사실 책을 좋아하고, 늘 책과 관련한 콘텐츠를 다루고 또 소개하는 저로서도 딱히 책에 관한 엄청난 철학이나 가치관을 가진 것은 아니거든요. 그보다는 그저 책 읽는 행위가 참 즐겁고 그 안에서 발견되는 작은 생각의 조각들을 주워 제가 하는 일들에 조금씩 활용할 수 있다는 사실이 반가워서 계속 읽을 뿐입니다.

04 . 하지만 최근에 쏟아지는 기사들은 마치 '새로운 세대들은 그동안 책 따위엔 관심이 없었는데 복고 패션의 유행이나 클래식 카를 찾는 취향처럼 책 읽는 행위를 특별한 멋으로 생각하고 있다'로만 해석하는 것 같아서 한편으로는 아쉬움이 들더군요. 흡사 양팔과 양다리를 모두 꼰 채로 '우리 세대가 하는 독서와 너희 세대가 하는 독서는 다르지만, 그래도 책을 읽는다니 기특하구먼'이라는 시선으로 내려보는 느낌이랄까요. 개인적 선호 아래 각자의 즐거움을 찾으려는 사람들의 노력을 집단적 특성이란 상자에 욱여넣는 모습은 40대를 시작한 저에게도 결코 유쾌해 보이지 않았습니다.

05 . 사실 '독파민'이라는 단어도 친한 동생에게서 처음 들은 단어였습니다. 독서모임을 위해 발제문을 작성하던 중 주위 사람들의 생각은 어떤지 궁금해서 책을 좋아하는 동생에게 이런저런 의견을 물었는데 대뜸 '형 근데 독파민이라는 말 알아요?'라는 질문이 날아든 것이죠. 그리고 이어진 동생의 말에는 여러모로 생각할 거리가 많이 담겨있었습니다.
"참 웃긴 게... 사람들은 늘 분모에도 공통점을 두고 분자에도 공통점을 둬요. 그러니까 A라는 공통점을 가진 세대들에서 B라는 행위를 하는 사람들은 또 C라는 공통점이 있다는 식인 거죠. 그에 들어맞지 않는 것도 너무 많은데 말이에요."

06 . 그 의견에는 저도 정말 크게 동의가 되더라고요. 기사에서처럼 숏츠에 중독된 Gen Z들이 잠시 뇌를 시킬 목적으로 책을 읽는다고 해석하거나, 이제 숏츠조차 새로울 게 없는 상황에서 텍스트로만 된 책이 새로운 도파민이라는 둥의 말은 제가 봐도 비약이 너무 심한 것 같았거든요. 책 읽는 행위를 섹시하다고 표현하는 것도 찬성이고, 텍스트를 힙하다고 칭하는 것도 찬성이지만 그 본질에 접근하는 방식을 뭉뚱그려 해석할 수는 없다는 게 제 생각입니다.

07 . 이런 생각이 고개를 드는 이유는 한 가지 우려 때문입니다. 우리나라처럼 트렌드에 민감한 환경이라면 '책을 읽는 게 유행이다'라고 인식되는 순간 뜨겁게 그 유행이 달아오르다가 또 어느 순간 '텍스트힙, 독파민, 책멍 이런 단어 그만 좀...'이라는 분위기와 함께 차갑게 식어버릴지도 모르거든요. 뭐 본인 행동의 근간이 '보여주고 싶은 마음'에서 기인하는 것도 인간의 자유인데, '쟤는 보여주려고 저러나 봐'라는 시선을 받는 순간 우리 사회에서는 또 손가락질이 시작되는 것이 한편으로는 미리 두려운 것인지도 모르겠습니다.

08 . 천재 디자이너라 불리었던 '알렉산더 맥퀸'은 자신의 패션에 특정한 별칭을 붙이는 기자들과 자주 언쟁을 벌였습니다. '트렌드를 이끄는 방법 중 하나는 특정한 것이 트렌드가 되지 않도록 하는 것'이라는 그의 기조를 보여주는 대표적인 일화인 셈이죠. 누군가의 머릿속에서 빈약한 근거와 적당한 선입견과 손쉬운 분류와 약간의 우월감이 보태져 생긴 '트렌드'라는 것은 사람들이 그 본질 근처에 가보기도 전에 재빨리 결론을 지어 다시 돌려보내버리고 마니까요. 한편으로는 알렉산더 맥퀸의 마음이 이해가 되는 것도 같습니다.

09 . 아마 제게 인터뷰를 요청한 그 기자님도 이런 말을 기대했을지 모릅니다.
'책 읽는 행위는 우리 세대에서 힙한 행위로 자리 잡았고, 오늘날처럼 휘발성이 강한 콘텐츠 사이에서 제대로, 또 온전히 즐길 수 있는 콘텐츠다'라고 말이죠.
그치만 저는 숏츠도 재밌습니다... 책에는 책이 주는 재미가 있고, 시대의 플랫폼에는 또 그만의 재미가 담겨있죠. 각자가 선호하는 것을 통해 각자가 원하는 것을 얻으면 그만이고, 이왕이면 그 루트가 다양할 때 더 유리하다는 정도가 제 입장이지 독서에 필요 이상의 의미 부여를 하고 싶은 마음은 없습니다.

10 . 아이러니하게도 이건 제가 책을 사랑해서 할 수 있는 말인지도 모르겠습니다. '고양이는 건들지 마라'라는 말처럼 저는 특정한 대상을 하늘 높이 띄워줬다가 금세 나 몰라라 하는 그 마인드가 그리 달갑지 않거든요. 책을 읽고 싶은 사람들은 늘 책을 읽고 있고, 새롭게 책에 접근하는 사람들은 언제든 환영이고, 잠시 책을 떠나있는 사람도 마냥 아쉽지는 않다는 생각으로 아주 긴 호흡의 마음을 먹는다면 작금의 현상이 딱히 새로울 것도 없어 보이니까요, 그들이 책을 읽는 이유는 각자의 이유로 존중받았으면 하는 마음이 간절합니다.
그러니 독서와 관련한 현상은 많은 사람들이 눈치채지 못하게... 조용히 지나가게끔 하는 건 어떨까요... 그들이 책 읽는데 방해가 될지도 모르니까 말입니다...

01 . 작년부터 스멀스멀 고개를 내미는 기사 중에 이런 류의 제목들이 눈에 띄었습니다. 'Gen Z들에게 독서는 섹시한 행위로 치부된다. 그들에게는 텍스트를 읽는다는 것 자체가 이미 힙한 행동이다.' 그리고 동시다발적으로 새로운 용어들 역시 쏟아지기 시작했죠. '텍스트힙', '책멍', '독파민(독서+도파민)' 같은 말들도 이젠 그리 신기하고 낯선 단어들이 아니니 말입니다. 02 . 독서와 관련한 책을 써서인지 한 매체로부터 이런 현상에 대해 짧게나마 제 생각을 소개해 줄 수 있느냐는 요청을 받았습니다. 하지만 요청주신 분의 설명을 듣고 나서는 정중히 거절했죠. 아쉽게도 기사를 쓰는 분께서 이미 자기만의 답을 내리고 계신 느낌이 물씬 나더라고요. 그리고 그에 맞는 의견을 끼워놓을 요량으로 몇몇의 목소리가 필요했을지도 모르죠. 그 레이더에 아마 제가 걸려들었을 수도 있고요. 03 . 결론부터 이야기하자면 저는 독서가 이른바 새로운 행위와 문화로 간주되는 것도, 책을 둘러싼 조금은 간질거리는 유행어들이 탄생하는 것에도 큰 의미를 두고 있지 않습니다. 사실 책을 좋아하고, 늘 책과 관련한 콘텐츠를 다루고 또 소개하는 저로서도 딱히 책에 관한 엄청난 철학이나 가치관을 가진 것은 아니거든요. 그보다는 그저 책 읽는 행위가 참 즐겁고 그 안에서 발견되는 작은 생각의 조각들을 주워 제가 하는 일들에 조금씩 활용할 수 있다는 사실이 반가워서 계속 읽을 뿐입니다. 04 . 하지만 최근에 쏟아지는 기사들은 마치 '새로운 세대들은 그동안 책 따위엔 관심이 없었는데 복고 패션의 유행이나 클래식 카를 찾는 취향처럼 책 읽는 행위를 특별한 멋으로 생각하고 있다'로만 해석하는 것 같아서 한편으로는 아쉬움이 들더군요. 흡사 양팔과 양다리를 모두 꼰 채로 '우리 세대가 하는 독서와 너희 세대가 하는 독서는 다르지만, 그래도 책을 읽는다니 기특하구먼'이라는 시선으로 내려보는 느낌이랄까요. 개인적 선호 아래 각자의 즐거움을 찾으려는 사람들의 노력을 집단적 특성이란 상자에 욱여넣는 모습은 40대를 시작한 저에게도 결코 유쾌해 보이지 않았습니다. 05 . 사실 '독파민'이라는 단어도 친한 동생에게서 처음 들은 단어였습니다. 독서모임을 위해 발제문을 작성하던 중 주위 사람들의 생각은 어떤지 궁금해서 책을 좋아하는 동생에게 이런저런 의견을 물었는데 대뜸 '형 근데 독파민이라는 말 알아요?'라는 질문이 날아든 것이죠. 그리고 이어진 동생의 말에는 여러모로 생각할 거리가 많이 담겨있었습니다."참 웃긴 게... 사람들은 늘 분모에도 공통점을 두고 분자에도 공통점을 둬요. 그러니까 A라는 공통점을 가진 세대들에서 B라는 행위를 하는 사람들은 또 C라는 공통점이 있다는 식인 거죠. 그에 들어맞지 않는 것도 너무 많은데 말이에요." 06 . 그 의견에는 저도 정말 크게 동의가 되더라고요. 기사에서처럼 숏츠에 중독된 Gen Z들이 잠시 뇌를 시킬 목적으로 책을 읽는다고 해석하거나, 이제 숏츠조차 새로울 게 없는 상황에서 텍스트로만 된 책이 새로운 도파민이라는 둥의 말은 제가 봐도 비약이 너무 심한 것 같았거든요. 책 읽는 행위를 섹시하다고 표현하는 것도 찬성이고, 텍스트를 힙하다고 칭하는 것도 찬성이지만 그 본질에 접근하는 방식을 뭉뚱그려 해석할 수는 없다는 게 제 생각입니다. 07 . 이런 생각이 고개를 드는 이유는 한 가지 우려 때문입니다. 우리나라처럼 트렌드에 민감한 환경이라면 '책을 읽는 게 유행이다'라고 인식되는 순간 뜨겁게 그 유행이 달아오르다가 또 어느 순간 '텍스트힙, 독파민, 책멍 이런 단어 그만 좀...'이라는 분위기와 함께 차갑게 식어버릴지도 모르거든요. 뭐 본인 행동의 근간이 '보여주고 싶은 마음'에서 기인하는 것도 인간의 자유인데, '쟤는 보여주려고 저러나 봐'라는 시선을 받는 순간 우리 사회에서는 또 손가락질이 시작되는 것이 한편으로는 미리 두려운 것인지도 모르겠습니다. 08 . 천재 디자이너라 불리었던 '알렉산더 맥퀸'은 자신의 패션에 특정한 별칭을 붙이는 기자들과 자주 언쟁을 벌였습니다. '트렌드를 이끄는 방법 중 하나는 특정한 것이 트렌드가 되지 않도록 하는 것'이라는 그의 기조를 보여주는 대표적인 일화인 셈이죠. 누군가의 머릿속에서 빈약한 근거와 적당한 선입견과 손쉬운 분류와 약간의 우월감이 보태져 생긴 '트렌드'라는 것은 사람들이 그 본질 근처에 가보기도 전에 재빨리 결론을 지어 다시 돌려보내버리고 마니까요. 한편으로는 알렉산더 맥퀸의 마음이 이해가 되는 것도 같습니다. 09 . 아마 제게 인터뷰를 요청한 그 기자님도 이런 말을 기대했을지 모릅니다. '책 읽는 행위는 우리 세대에서 힙한 행위로 자리 잡았고, 오늘날처럼 휘발성이 강한 콘텐츠 사이에서 제대로, 또 온전히 즐길 수 있는 콘텐츠다'라고 말이죠. 그치만 저는 숏츠도 재밌습니다... 책에는 책이 주는 재미가 있고, 시대의 플랫폼에는 또 그만의 재미가 담겨있죠. 각자가 선호하는 것을 통해 각자가 원하는 것을 얻으면 그만이고, 이왕이면 그 루트가 다양할 때 더 유리하다는 정도가 제 입장이지 독서에 필요 이상의 의미 부여를 하고 싶은 마음은 없습니다. 10 . 아이러니하게도 이건 제가 책을 사랑해서 할 수 있는 말인지도 모르겠습니다. '고양이는 건들지 마라'라는 말처럼 저는 특정한 대상을 하늘 높이 띄워줬다가 금세 나 몰라라 하는 그 마인드가 그리 달갑지 않거든요. 책을 읽고 싶은 사람들은 늘 책을 읽고 있고, 새롭게 책에 접근하는 사람들은 언제든 환영이고, 잠시 책을 떠나있는 사람도 마냥 아쉽지는 않다는 생각으로 아주 긴 호흡의 마음을 먹는다면 작금의 현상이 딱히 새로울 것도 없어 보이니까요, 그들이 책을 읽는 이유는 각자의 이유로 존중받았으면 하는 마음이 간절합니다. 그러니 독서와 관련한 현상은 많은 사람들이 눈치채지 못하게... 조용히 지나가게끔 하는 건 어떨까요... 그들이 책 읽는데 방해가 될지도 모르니까 말입니다...

독서는 건드리지 말아 주세요...

Sam Altman's spent years refining his note-taking process. Here's exactly what he does.

David Perell (@david_perell) on X

샘 알트만이 습관적으로 노트를 쓴다는 사실은 많이들 알고 계실 겁니다. 내용은 극비겠지만, 그가 자신의 노트 스펙(?)은 공유했어요. 우선 노트 자체는 바지 주머니에 넣고 다닐 만한 사이즈와 두께고요. 꼭 스프링노트를 쓴다고 합니다. 이유는 1) 책상에 딱 붙여놓고 쓸 수 있고, 2) 페이지가 잘 넘어 가며, 3) 필요할 경우 페이지를 뜯어낼 수 있어섭니다(페이지를 아마 많이 뜯어낼 거라고 생각해요). 종이는 펜이 잘 미끄러져 나가야 해서, 재질이 부드러워야하고요. 펜은 uni ball micro 0.5 검은색 아니면 Muji 0.3 파란색 펜을 쓴다고 합니다. 2~3주 안에 노트 한 권을 다 쓰고요. 어릴 때부터 여러 노트, 여러 펜을 다 써보고 최적화 한 결과라네요.ㅎㅎ
노트 작성 스펙을 차례대로 쭉 설명하는 말솜씨 자체가 굉장히 깔끔하고 군더더기 없고 체계적이어서 놀라기도 했습니다. 
https://x.com/david_perell/status/1838425252772077636

샘 알트만이 습관적으로 노트를 쓴다는 사실은 많이들 알고 계실 겁니다. 내용은 극비겠지만, 그가 자신의 노트 스펙(?)은 공유했어요. 우선 노트 자체는 바지 주머니에 넣고 다닐 만한 사이즈와 두께고요. 꼭 스프링노트를 쓴다고 합니다. 이유는 1) 책상에 딱 붙여놓고 쓸 수 있고, 2) 페이지가 잘 넘어 가며, 3) 필요할 경우 페이지를 뜯어낼 수 있어섭니다(페이지를 아마 많이 뜯어낼 거라고 생각해요). 종이는 펜이 잘 미끄러져 나가야 해서, 재질이 부드러워야하고요. 펜은 uni ball micro 0.5 검은색 아니면 Muji 0.3 파란색 펜을 쓴다고 합니다. 2~3주 안에 노트 한 권을 다 쓰고요. 어릴 때부터 여러 노트, 여러 펜을 다 써보고 최적화 한 결과라네요.ㅎㅎ노트 작성 스펙을 차례대로 쭉 설명하는 말솜씨 자체가 굉장히 깔끔하고 군더더기 없고 체계적이어서 놀라기도 했습니다.&nbsp;https://x.com/david_perell/status/1838425252772077636

X (formerly Twitter)

샘 알트만이 습관적으로 노트를 쓴다는 사실은 많이들 알고 계실 겁

Betvisa - Sòng Bạc Trực Tuyến Đẳng Cấp Hàng Đầu Việt Nam - Trang Chủ Chính Thức | Đăng Ký | Đăng Nhập

Betvisa - Sòng Bạc Trực Tuyến Đẳng Cấp Hàng Đầu - Trang Chủ Chính Thức

 * BetVisa luôn đặt sự hài lòng của khách hàng lên hàng đầu với dịch vụ chăm sóc khách hàng chuyên nghiệp, hỗ trợ 24/7. Người chơi có thể dễ dàng liên hệ với đội ngũ hỗ trợ qua nhiều kênh như chat trực tuyến, email và điện thoại.
 * Website: https://betvisa.cool/ Địa chỉ: Toà S1.01 - Vinhomes Smart City, Tây Mỗ, Nam Từ Liêm, Hà Nội 100000 Phone: 0848 55 8888 Hastags, tag: #betvisa, #betvisa.cool, #nhacaibetvisa, #trangchubetvisa #taibetvisa

<ul ><li>BetVisa luôn đặt sự hài lòng của khách hàng lên hàng đầu với dịch vụ chăm sóc khách hàng chuyên nghiệp, hỗ trợ 24/7. Người chơi có thể dễ dàng liên hệ với đội ngũ hỗ trợ qua nhiều kênh như chat trực tuyến, email và điện thoại.</li><li>Website: https://betvisa.cool/ Địa chỉ: Toà S1.01 - Vinhomes Smart City, Tây Mỗ, Nam Từ Liêm, Hà Nội 100000 Phone: 0848 55 8888 Hastags, tag: #betvisa, #betvisa.cool, #nhacaibetvisa, #trangchubetvisa #taibetvisa</li></ul>

Kubet77.fund

Betvisa

BetvisaCool

BetVisa là điểm đến lý tưởng cho những ai yêu thích casino trực tuyến. Phone: 0848 55 8888
Hastags, tag: #betvisa, #betvisa.cool, #nhacaibetvisa, #tra

Betvisa

댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필