자바스크립트의 Date 객체를 다룰 때면 종종 실생활 속에서 다루는 날짜와 맞지않아 까다로웠던 기억이 있는데요, 이를 보완해주는 Temporal API 제안에 대해 설명하고 있는 글입니다. Temporal API가 무엇인지, 어떤 문제를 해결해주는지 확인해보세요:)

[번역] 자바스크립트의 Date가 곧 수정됩니다

기존 Date 객체의 문제를 극복하기 위한 새로운 날짜와 시간을 처리하는
Temporal API
가 등장했습니다. 기존 Date 객체(
new Date()
)서는 시간만 지정할뿐 시간대(Ex:
'Asia/Seoul'
)를 표기하지는 않았는데요. 이러한 특성 때문에 브라우저에서 자동으로 시간대를 처리하여, 국가 간 시차 계산 이나 썸머 타임 같은 복잡한 시간 연산에서는 부정확 하게 처리되는 이슈가 있었습니다.

이런 이슈를 해결하기 위해
Temporal API
가 등장했습니다. 시간대 정보(Asia/Seoul)가 객체 일부로 저장되어 시간대 관련 연산이 직관적이고, 썸머 타임과 같은 복잡한 시간대 규칙을 자동으로 정확하게 처리합니다.
Temporal.ZonedDateTime.from("2023-09-15T14:30:00+09:00[Asia/Seoul]");

Temporal API은 현재 TC39 프로세스의 Stage 3(후보) 단계에 있으며, 조만간 Stage 4 로 진입하여 표준이 될 예정입니다. 아직 표준은 아니지만 폴리필 npm 라이브러리
@js-temporal/polyfill
가 있어서 필요하다면 설치하여 바로 사용할 수 있습니다.

기존 Date 객체에 비해 더 명확한 객체 구조를 제공하고, 날짜 계산을 보다 쉽고 정확하게 만들어줄것으로 보입니다. 또 불변성도 지원한다고 하니 복잡한 시간대 처리나 날짜 연산이 필요하다면 Temporal API 사용을 적극 추천드립니다.

https://velog.io/@eunbinn/js-dates-finally-fixed?utm_source=substack&utm_medium=email

기존 Date 객체의 문제를 극복하기 위한 새로운 날짜와 시간을 처리하는 <code >Temporal API</code> 가 등장했습니다. 기존 Date 객체(<code >new Date()</code>)서는 시간만 지정할뿐 시간대(Ex: <code >'Asia/Seoul'</code>)를 표기하지는 않았는데요. 이러한 특성 때문에 브라우저에서 자동으로 시간대를 처리하여, 국가 간 시차 계산 이나 썸머 타임 같은 복잡한 시간 연산에서는 부정확 하게 처리되는 이슈가 있었습니다. 이런 이슈를 해결하기 위해 <code >Temporal API</code>가 등장했습니다. 시간대 정보(Asia/Seoul)가 객체 일부로 저장되어 시간대 관련 연산이 직관적이고, 썸머 타임과 같은 복잡한 시간대 규칙을 자동으로 정확하게 처리합니다.<pre ><code>Temporal.ZonedDateTime.from("2023-09-15T14:30:00+09:00[Asia/Seoul]");</code></pre> Temporal API은 현재 TC39 프로세스의 Stage 3(후보) 단계에 있으며, 조만간 Stage 4 로 진입하여 표준이 될 예정입니다. 아직 표준은 아니지만 폴리필 npm 라이브러리 <code >@js-temporal/polyfill</code> 가 있어서 필요하다면 설치하여 바로 사용할 수 있습니다. 기존 Date 객체에 비해 더 명확한 객체 구조를 제공하고, 날짜 계산을 보다 쉽고 정확하게 만들어줄것으로 보입니다. 또 불변성도 지원한다고 하니 복잡한 시간대 처리나 날짜 연산이 필요하다면 Temporal API 사용을 적극 추천드립니다. https://velog.io/@eunbinn/js-dates-finally-fixed?utm_source=substack&amp;utm_medium=email

velog.io

새로운 표준: Temporal API로 Date 객체의 한계 극복하기

최고의 자동완성 플러그인 타입스크립트를 사용하여 개발자를 속이고 코드를 최적화한 경험을 공유합니다.

타입스크립트스럽게 성능과 생산성 두 마리 토끼 모두 잡기

이름만 보고 프론트엔드인줄 알았는데요. 살펴보니 백엔드였습니다!

2021년 1월에 출시한 쿠키런:킹덤에 운영 도구는 어마어마하군요!

https://tech.devsisters.com/posts/typescript-ish-way-to-improve-performance/

이름만 보고 프론트엔드인줄 알았는데요. 살펴보니 백엔드였습니다! 2021년 1월에 출시한 쿠키런:킹덤에 운영 도구는 어마어마하군요! https://tech.devsisters.com/posts/typescript-ish-way-to-improve-performance/

DevTech - 데브시스터즈 기술블로그

TypeScript하면 프론트만?!

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

자바스크립트의 Date 객체를 다룰 때 실생활에서 사용하는 방식과 달라 변환에 애를 먹거나, 시간대간의 전환이 필요한 경우 까다로워지는 등 어려움을 겪었던 기억이 있지 않으신가요?
이 글에서는 이를 보완할 수 있는 ECMAScript에 제안된 Temporal API에 대해 설명하고 있습니다. 개인적으로는 Date 객체를 사용하며 종종 어려움을 겪었던 기억이 있어 제목을 보고는 단번에 흥미를 가지게 되었는데요, 제안 단계지만 벌써 사용할 수 있는 폴리필도 있다고 하니 많은 사람들의 관심을 얻고있지 않나 싶습니다.
Temporal은 기존의 Date와 어떻게 다른지, 무슨 문제를 해결하고 있는지 이 글을 통해 확인해 보실 수 있습니다 :)

글 링크: https://velog.io/@eunbinn/js-dates-finally-fixed

오늘 소개해드릴 글은 라인플러스의 김은빈님이 번역해주신 글입니다. 자바스크립트의 Date 객체를 다룰 때 실생활에서 사용하는 방식과 달라 변환에 애를 먹거나, 시간대간의 전환이 필요한 경우 까다로워지는 등 어려움을 겪었던 기억이 있지 않으신가요?이 글에서는 이를 보완할 수 있는 ECMAScript에 제안된 Temporal API에 대해 설명하고 있습니다. 개인적으로는 Date 객체를 사용하며 종종 어려움을 겪었던 기억이 있어 제목을 보고는 단번에 흥미를 가지게 되었는데요, 제안 단계지만 벌써 사용할 수 있는 폴리필도 있다고 하니 많은 사람들의 관심을 얻고있지 않나 싶습니다.Temporal은 기존의 Date와 어떻게 다른지, 무슨 문제를 해결하고 있는지 이 글을 통해 확인해 보실 수 있습니다 :) 글 링크: https://velog.io/@eunbinn/js-dates-finally-fixed

자바스크립트의 Date가 곧 수정됩니다

인프런 | , [사진] 개발바닥 두둥등장!향로 & 호돌맨과 함께하는 특별한 퇴근길 밋업! 판교 퇴근길 밋업 - 가을 특집 with 개발바닥 안녕하세요, 인프런입니다.9월 25일, 판교 퇴근길 밋업은 가을을 맞이해 특별한 손님을 모셨습니다!이번 판교 퇴근길 ...

[지금 무료] 판교 퇴근길 밋업 - 가을 특집 with 개발바닥 | 인프런 - 인프런

인프런에서 흥미로운 개발자 모임을 준비했네요. '개발바닥' 유투브 채널을 운영하는 '향로' 님과, '호돌맨'님이 오프라인 토크쇼를 진행한다고 합니다. 개발자들의 고민도 나누고 네트워킹도 할 수 있는 좋은 기회가 될 것 같습니다.

일시: 2024년 9월 25일 수요일, 18:30 장소: 판교스타트업캠퍼스 2동 2층, 창업라운지

하이라이트:
 * 향로 & 호돌맨의 오프라인 토크쇼
 * 개발바닥 팬들을 위한 고민 상담 및 네트워킹 기회
 * 무료 캔맥주와 피자 제공

참가 신청:
 * 기간: 9월 11일(수) ~ 9월 18일(수)
 * 방식: 추첨
 * 참가비: 무료

판교에서 일하시는 개발자분들께는 접근성이 좋을것 같네요. 퇴근 후 가볍게 들러 업계 전문가들과 소통하고 인사이트를 얻어갈수 있는 좋은 기회가 될 것 같습니다.

https://www.inflearn.com/course/offline/%ED%8C%90%EA%B5%90-%ED%87%B4%EA%B7%BC%EA%B8%B8%EB%B0%8B%EC%97%85-%EC%9D%B8%ED%94%84%EB%9F%B0-%EA%B0%80%EC%9D%84%ED%8A%B9%EC%A7%91-%EA%B0%9C%EB%B0%9C%EB%B0%94%EB%8B%A5?utm_source=mailchimp&utm_medium=owned&utm_campaign=traffic_meetup_&utm_content=_&utm_term=240911#program

인프런에서 흥미로운 개발자 모임을 준비했네요. '개발바닥' 유투브 채널을 운영하는 '향로' 님과, '호돌맨'님이 오프라인 토크쇼를 진행한다고 합니다. 개발자들의 고민도 나누고 네트워킹도 할 수 있는 좋은 기회가 될 것 같습니다. 일시: 2024년 9월 25일 수요일, 18:30 장소: 판교스타트업캠퍼스 2동 2층, 창업라운지 하이라이트:<ul ><li>향로 &amp; 호돌맨의 오프라인 토크쇼</li><li>개발바닥 팬들을 위한 고민 상담 및 네트워킹 기회</li><li>무료 캔맥주와 피자 제공</li></ul> 참가 신청:<ul ><li>기간: 9월 11일(수) ~ 9월 18일(수)</li><li>방식: 추첨</li><li>참가비: 무료</li></ul> 판교에서 일하시는 개발자분들께는 접근성이 좋을것 같네요. 퇴근 후 가볍게 들러 업계 전문가들과 소통하고 인사이트를 얻어갈수 있는 좋은 기회가 될 것 같습니다. https://www.inflearn.com/course/offline/%ED%8C%90%EA%B5%90-%ED%87%B4%EA%B7%BC%EA%B8%B8%EB%B0%8B%EC%97%85-%EC%9D%B8%ED%94%84%EB%9F%B0-%EA%B0%80%EC%9D%84%ED%8A%B9%EC%A7%91-%EA%B0%9C%EB%B0%9C%EB%B0%94%EB%8B%A5?utm_source=mailchimp&amp;utm_medium=owned&amp;utm_campaign=traffic_meetup_&amp;utm_content=_&amp;utm_term=240911#program

인프런

퇴근 후 즐기는 개발자의 밤: 인프런 판교 밋업 with 향로 & 호돌맨

원문 : Good Refactoring vs Bad Refactoring thumbnail…

(번역) 좋은 리팩터링 vs 나쁜 리팩터링

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

많은 개발자들이 리팩터링의 중요성을 알고 리팩터링을 하지만, 적절하지 않은 리팩터링으로 오히려 코드 베이스에 악영향을 준다는 것을 간과하는 경우가 많습니다. 이 글에서는 저자가 지금까지 겪어온 경험을 기반으로 어떤 리팩터링이 잘못된 리팩터링이고, 어떤 식으로 리팩터링하는 것이 바람직한지에 대해 구체적인 코드 예시와 함께 설명합니다. 이에 더해서 올바른 리팩터링 방법과 더 나은 리팩터링을 위한 도구도 함께 소개하고 있습니다. 이 글을 통해 현재 적절한 리팩터링을 하고 있는지 점검해 보시는 기회가 되시면 좋을 것 같습니다 :)

> 글 링크 : https://ykss.netlify.app/translation/good_refactoring_vs_bad_refactoring/

오늘 소개해드릴 글은 42dot의 유경상님이 번역해주신 글입니다. 많은 개발자들이 리팩터링의 중요성을 알고 리팩터링을 하지만, 적절하지 않은 리팩터링으로 오히려 코드 베이스에 악영향을 준다는 것을 간과하는 경우가 많습니다. 이 글에서는 저자가 지금까지 겪어온 경험을 기반으로 어떤 리팩터링이 잘못된 리팩터링이고, 어떤 식으로 리팩터링하는 것이 바람직한지에 대해 구체적인 코드 예시와 함께 설명합니다. 이에 더해서 올바른 리팩터링 방법과 더 나은 리팩터링을 위한 도구도 함께 소개하고 있습니다. 이 글을 통해 현재 적절한 리팩터링을 하고 있는지 점검해 보시는 기회가 되시면 좋을 것 같습니다 :) &gt; 글 링크 : https://ykss.netlify.app/translation/good_refactoring_vs_bad_refactoring/

ykss.netlify.app

좋은 리팩터링 vs 나쁜 리팩터링

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

 - YouTube

발표자는 최근 몇 년간 CSS에 다양한 새 문법들이 추가되었지만 사람들은 쓰던 기능만 쓴다며 작업자들에게 실제로 도움 될만한 CSS 문법들을 소개하는 내용의 영상입니다. 50분 영상 중에 기억에 남는 내용만 하나 정리해보았습니다.

14:36 Fluid Typography (유동적 타이포그래피)
font-size: clamp(1rem, 0.6522rem + 1.7391vw, 2rem);

레이아웃이 맘에 안 들 때마다 매번 새 중단점(Breakpoints)을 추가하는 대신에 CSS의
clamp
문법을 사용해서 뷰포트 크기에 따라 요소의 크기가 유동적으로 조정되는 시스템을 만드는 방법을 소개합니다. clamp는 글꼴 크기뿐만 아니라 글자 사이의 공백(whitespace) 간격도 조정해 줍니다.

clamp
는 (최소값, 기본값, 최대값) 순서대로 입력하며 Chrome 79, Safari 13.1부터 지원되는 문법으로, 96.3%의 브라우저 버전에서 사용 가능하므로 현재 시점에서 호환성이 꽤 높습니다.
개발자와 디자이너의 협업도 Utopia라는 Figma 플러그인을 사용하면 가능합니다. Utopia를 사용하면 유형별로 clamp CSS 변수 코드를 생성해 주고 이를 타이포그래피 별로 지정하면 시스템화 할 수 있습니다. 반응형을 중요시 여기는 서비스라면 도입해 볼 만한 가치가 있을 것 같습니다.

웹사이트 제작은 팀 스포츠고, 디자이너와 개발자가 긴밀히 협력해서 CSS의 잠재력을 최대한 활용해야 한다는 내용도 기억에 남았습니다. 디자이너가 CSS를 배우고, 개발자도 디자인에 참여해야 한다고 하는데 맞는 말인것 같습니다.

https://www.youtube.com/watch?v=su6WA0kUUJE&ab_channel=WebConferencesAmsterdam

발표자는 최근 몇 년간 CSS에 다양한 새 문법들이 추가되었지만 사람들은 쓰던 기능만 쓴다며 작업자들에게 실제로 도움 될만한 CSS 문법들을 소개하는 내용의 영상입니다. 50분 영상 중에 기억에 남는 내용만 하나 정리해보았습니다. 14:36 Fluid Typography (유동적 타이포그래피)<pre ><code class="language-css">font-size: clamp(1rem, 0.6522rem + 1.7391vw, 2rem);</code></pre>레이아웃이 맘에 안&nbsp;들 때마다 매번 새 중단점(Breakpoints)을 추가하는 대신에 CSS의 <code >clamp</code> 문법을 사용해서 뷰포트 크기에 따라 요소의 크기가 유동적으로 조정되는 시스템을 만드는 방법을 소개합니다. clamp는 글꼴 크기뿐만 아니라 글자 사이의 공백(whitespace) 간격도 조정해 줍니다. <code >clamp</code>는 (최소값, 기본값, 최대값) 순서대로 입력하며 Chrome 79, Safari 13.1부터 지원되는 문법으로, 96.3%의 브라우저 버전에서 사용 가능하므로 현재 시점에서 호환성이 꽤 높습니다. 개발자와 디자이너의 협업도 Utopia라는 Figma 플러그인을 사용하면 가능합니다. Utopia를 사용하면 유형별로 clamp CSS 변수 코드를&nbsp;생성해 주고&nbsp;이를 타이포그래피 별로&nbsp;지정하면 시스템화 할 수 있습니다. 반응형을 중요시 여기는 서비스라면&nbsp;도입해 볼 만한&nbsp;가치가 있을 것 같습니다. 웹사이트 제작은 팀 스포츠고, 디자이너와 개발자가 긴밀히 협력해서 CSS의 잠재력을 최대한 활용해야 한다는 내용도 기억에 남았습니다. 디자이너가 CSS를 배우고, 개발자도 디자인에 참여해야 한다고 하는데 맞는 말인것 같습니다. https://www.youtube.com/watch?v=su6WA0kUUJE&amp;ab_channel=WebConferencesAmsterdam

www.youtube.com

새 CSS 문법으로 웹 디자인 엔지니어링하기

클로저를 시각화된 예시로 설명해주는 유튜브 영상입니다. 클로저에 대한 기본적인 지식이 없으면 다소 어렵게 느껴질 수 있으니 클로저를 먼저 공부하고 시청하시는 것을 추천드립니다.

https://www.youtube.com/watch?v=6Ixyltr8_R0&ab_channel=LydiaHallie

0:18 실행 컨텍스트와 환경 레코드
1:37 함수 객체
2:44 클로저
5:54 클로저 요약
6:22 퀴즈
8:46 사용 사례 (팩토리얼 함수 메모이제이션)

바쁘신 분들은 아래 퀴즈 한 번 풀어보세요. (정답은 댓글에 적어두었습니다)
function createCounter() {
  let count = 0;
  function increment() {
    return ++count;
  }

  return increment;
}

const counter1 = createCounter();
const counter2 = createCounter();

console.log(counter1());
console.log(counter2());
console.log(counter1());
// 콘솔에 어떤 값이 출력될까요?

클로저를 시각화된 예시로 설명해주는 유튜브 영상입니다. 클로저에 대한 기본적인 지식이 없으면 다소 어렵게 느껴질 수 있으니 클로저를 먼저 공부하고 시청하시는 것을 추천드립니다. https://www.youtube.com/watch?v=6Ixyltr8_R0&amp;ab_channel=LydiaHallie 0:18 실행 컨텍스트와 환경 레코드1:37 함수 객체2:44 클로저5:54 클로저 요약6:22 퀴즈8:46 사용 사례 (팩토리얼 함수 메모이제이션) 바쁘신 분들은 아래 퀴즈 한 번 풀어보세요. (정답은 댓글에 적어두었습니다)<pre ><code class="language-js">function createCounter() {
 let count = 0;
 function increment() {
 return ++count;
 }

 return increment;
}

const counter1 = createCounter();
const counter2 = createCounter();

console.log(counter1());
console.log(counter2());
console.log(counter1());
// 콘솔에 어떤 값이 출력될까요?</code></pre>

(영어) 눈으로 보는 자바스크립트 클로저

첨단산업 디지털 선도기업 아카데미 미래산업 인재육성 컨퍼런스

DLCA TECH TREE CONFERENCE

고용노동부와 대한상공회의소에서 주최하는 '첨단산업·디지털 선도기업 아카데미 미래산업 인재육성 컨퍼런스'가 개최되네요.

이번 행사는 첨단·디지털 산업 분야의 청년 인재 육성을 위해 마련되었다고 하는데요. 다양한 프로그램을 통해 구인 기업과 청년 인재 간의 만남을 지원하며, 여러 세션과 커리어 페어가 준비되어 있다고 합니다.

행사 개요
 * 일시: 2024년 9월 26일(목) ~ 27일(금), 12:00-20:00
 * 장소: SJ 쿤스트할레 (서울시 강남구 논현동 97-22)
 * 신청 기간: 2024년 9월 2일(월) ~ 9월 20일(금)

테오, 향로 님이 세션 연사로 나오시네요. 현장 접수도 가능한것 같습니다.

https://www.dlca-techtree.com/?utm_medium=paid&utm_source=ig&utm_id=120209677107880656_v2_s01&utm_content=120210087070710656&utm_term=120209677108360656&utm_campaign=120209677107880656&fbclid=PAZXh0bgNhZW0BMAABpj3CNeLlXv7qGgZdJHFYhuUajBm-U9PvPqcCX3uyM0XMW6QWFTg4aTWdPg_aem_f1twvewQkqYNq8ftUELK_w

고용노동부와 대한상공회의소에서 주최하는 '첨단산업·디지털 선도기업 아카데미 미래산업 인재육성 컨퍼런스'가 개최되네요. 이번 행사는 첨단·디지털 산업 분야의 청년 인재 육성을 위해 마련되었다고 하는데요. 다양한 프로그램을 통해 구인 기업과 청년 인재 간의 만남을 지원하며, 여러 세션과 커리어 페어가 준비되어 있다고 합니다. 행사 개요<ul ><li>일시: 2024년 9월 26일(목) ~ 27일(금), 12:00-20:00</li><li>장소: SJ 쿤스트할레 (서울시 강남구 논현동 97-22)</li><li>신청 기간: 2024년 9월 2일(월) ~ 9월 20일(금)</li></ul> 테오, 향로 님이 세션 연사로 나오시네요. 현장 접수도 가능한것 같습니다. https://www.dlca-techtree.com/?utm_medium=paid&amp;utm_source=ig&amp;utm_id=120209677107880656_v2_s01&amp;utm_content=120210087070710656&amp;utm_term=120209677108360656&amp;utm_campaign=120209677107880656&amp;fbclid=PAZXh0bgNhZW0BMAABpj3CNeLlXv7qGgZdJHFYhuUajBm-U9PvPqcCX3uyM0XMW6QWFTg4aTWdPg_aem_f1twvewQkqYNq8ftUELK_w

테오, 향로와 함께하는 첨단산업·디지털 선도기업 아카데미

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 알고리즘 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 217번째 문제인 Contains Duplicate를 3가지 방법으로 풀어보겠습니다.

📺 동영상: https://youtu.be/V5e9tBNrcxk
📝 설명/코드: https://www.algodale.com/problems/contains-duplicate/

코딩 테스트를 준비하시는 분들을 위해서 일주일에 한 번씩 알고리즘 문제 풀이를 해드리고 있습니다. 이번 시간에는 LeetCode의 217번째 문제인 Contains Duplicate를 3가지 방법으로 풀어보겠습니다. 📺 동영상: https://youtu.be/V5e9tBNrcxk📝 설명/코드: https://www.algodale.com/problems/contains-duplicate/

youtu.be

리트코드 217. Contains Duplicate 파이썬 풀이

토스의 개발자 컨퍼런스인 SLASH 24를 다녀왔습니다!

이번 행사는 참가 경쟁률이 8대 1을 기록했다고 해요. 감사하게도 저는 VIP로 초대받아 다녀왔어요.

덕분에 프론트엔드 세션도 듣고 토스뱅크, 토스증권의 CTO분들의 스페셜 세션도 들을 수 있었어요.

영상으로 현장 모습과 후기를 담았으니 확인해보세요!

https://youtu.be/twIbs1bql-4

토스의 개발자 컨퍼런스인 SLASH 24를 다녀왔습니다! 이번 행사는 참가 경쟁률이 8대 1을 기록했다고 해요. 감사하게도 저는 VIP로 초대받아 다녀왔어요. 덕분에 프론트엔드 세션도 듣고 토스뱅크, 토스증권의 CTO분들의 스페셜 세션도 들을 수 있었어요. 영상으로 현장 모습과 후기를 담았으니 확인해보세요! https://youtu.be/twIbs1bql-4

SLASH 24, VIP는 어떤 혜택이?

A collection of (mostly) technical things every software developer should know about - mtdvio/every-programmer-should-know

GitHub - mtdvio/every-programmer-should-know: A collection of (mostly) technical things every software developer should know about

개발자라면 찜 해놔야하는 GitHub 저장소들

모든 프로그래머가 알아야하는 지식 모음
https://github.com/mtdvio/every-programmer-should-know
JS 프로젝트 50일동안 50개만들기
https://github.com/bradtraversy/50projects50days

모오던 웹개발
https://github.com/dexteryy/spellbook-of-modern-webdev

30초면 배울 수 있는 코드 스니핏들
https://github.com/Chalarangelo/30-seconds-of-code

개발 면접 핸드북
https://github.com/yangshun/tech-interview-handbook

개발자라면 찜 해놔야하는 GitHub 저장소들 모든 프로그래머가 알아야하는 지식 모음https://github.com/mtdvio/every-programmer-should-knowJS 프로젝트 50일동안 50개만들기https://github.com/bradtraversy/50projects50days 모오던 웹개발https://github.com/dexteryy/spellbook-of-modern-webdev 30초면 배울 수 있는 코드 스니핏들https://github.com/Chalarangelo/30-seconds-of-code 개발 면접 핸드북https://github.com/yangshun/tech-interview-handbook

GitHub

개발자라면 찜 해놔야하는 GitHub 저장소들

모든 프로그래머가

SQL을 처음부터 제대로 공부하고 싶지만, 어떻게 공부해야 할지 망설이고 있나요?

아래의 SQL 마인드맵으로 초보 단계부터 고급 단계까지 차근차근 공부해봐요.

 1. 초보 단계 (Basic)
    * SELECT
    * FROM
    * WHERE
    * ORDER BY
    * AGGREGATE
    * GROUP BY
    * LIMIT
 2. 중급 단계 (Intermediate)
    * LEFT JOIN
    * INNER JOIN
    * LIKE
    * IN
    * CASE WHEN
    * HAVING
    * UNION ALL
 3. 고급 단계 (Advanced)
    * SUBQUERY
    * CTE (WITH)
    * STORED PRECEDURE
    * TRIGGER
    * WINDOW FUNCTION
 4. 연습 단계 (Practice)
    * BASIC SQL PROJECT (SQL 기초 프로젝트)
    * INTERMEDIATE SQL PROJECT(SQL 중급 프로젝트)
    * ADVANCED SQL PROJECT(SQL 고급 프로젝트)

#데이터리차드 #SQL #로드맵

SQL을 처음부터 제대로 공부하고 싶지만, 어떻게 공부해야 할지 망설이고 있나요? 아래의 SQL 마인드맵으로 초보 단계부터 고급 단계까지 차근차근 공부해봐요. <ol ><li>초보 단계 (Basic)<ul ><li>SELECT</li><li>FROM</li><li>WHERE</li><li>ORDER BY</li><li>AGGREGATE</li><li>GROUP BY</li><li>LIMIT</li></ul></li><li>중급 단계 (Intermediate)<ul ><li>LEFT JOIN</li><li>INNER JOIN</li><li>LIKE</li><li>IN</li><li>CASE WHEN</li><li>HAVING</li><li>UNION ALL</li></ul></li><li>고급 단계 (Advanced)<ul ><li>SUBQUERY</li><li>CTE (WITH)</li><li>STORED PRECEDURE</li><li>TRIGGER</li><li>WINDOW FUNCTION</li></ul></li><li>연습 단계 (Practice)<ul ><li>BASIC SQL PROJECT (SQL 기초 프로젝트)</li><li>INTERMEDIATE SQL PROJECT(SQL 중급 프로젝트)</li><li>ADVANCED SQL PROJECT(SQL 고급 프로젝트)</li></ul></li></ol> #데이터리차드 #SQL #로드맵

SQL 학습 로드맵

AutoParams 덕분에 3년 이상을 Spring Boot 앱 개발에 TDD를 덜 힘들게 적용했습니다. 누군가에게 조금이라도 더 도움이 되길 바라며 올해 스프링 캠프에서 AutoParams의 목적과 아키텍처, 사용법을 설명하는 자리를 가졌습니다.

AutoParams 덕분에 3년 이상을 Spring Boot 앱 개발에 TDD를 덜 힘들게 적용했습니다. 누군가에게 조금이라도 더 도움이 되길 바라며 올해 스프링 캠프에서 AutoParams의 목적과 아키텍처, 사용법을 설명하는 자리를 가졌습니다.

AutoParams를 사용한 Spring Boot 응용프로그램 테

1. 찰스 다윈은 하루에 90분씩 3번 일했고, 나머지 시간에는 긴 산책을 하거나 낮잠을 자거나 상념에 잠겼다. (그러면서도 그는 <종의 기원>을 포함해 19권의 책을 집필했다)

2. 엄청난 다작가이자 사상가로 알려진 앙리 푸앵카레는 오전 10시부터 정오까지 첫 번째 작업을 한 뒤, 오후 5시부터 7시까지 두 번째 작업을 했다. (그는 하루 4시간만 일했다)

3. 마찬가지로, 수학자 고드프리 해럴드 하디는 ‘의식적 작업은 하루 4시간이 최대치’이며, 나머지 시간을 너무 많은 바쁜 일로 채우면 오히려 비생산적이라고 믿었다.

4. 다윈, 푸앵카레, 하디는 모든 같은 이야기를 하고 있다. 제대로 초점을 맞추고, 진짜 집중력을 (제대로) 발휘하면, 그리고 양질의 휴식으로 집중하는 시간을 잘 뒷받침하면, 위대한 성취를 이루는 데 필요한 시간은 하루 4시간이면 충분하다고. 이는 바쁨을 추구하는 우리의 문화와 정면으로 충돌하는 발상이다.

5. 위대함을 낳는 ‘1만 시간의 법칙’은 앤더스 에릭슨과 동료들의 공동 연구로 탄생한 이래로, 말콤 글래드웰이 책 <아웃라이어>에 소개하며 대중의 큰 주목을 받았다. 말콤 글래드웰은 1만 시간의 법칙을 소개하며 ‘어떤 분야에서든 전문가 수준에 도달하려면 1만 시간의 의도적 연습이 필요하다’고 주장했다.

6. 그리고 이는 바쁨과 스트레스와 과로를 미덕으로 여기는 세상에서 큰 환영을 받았고, 아직도 많은 사람들이 이 법칙을 마치 교리처럼 신봉한다.

7. 그런데 에릭슨의 실제 연구에는 ‘매일 의도적 연습이 효과적인 수준을 넘지 않도록 제한해야 한다’는 내용도 담겨 있으며, 연구에서는 ‘하루에 투입해야 할 이상적인 시간은 4시간’이라고도 제안한다.

8. 이 연구에서 더 흥미로운 부분은 ‘정상급 연주자와 평균적 연주자는 쉬는 방식부터 다르다’는 점이다. 정상급 연주자는 평균적 연주자들에 비해 더 체계적이고 계획적으로 여가 시간을 보냈다.

9. 정상급 연주자들은 연습만 의도적으로 하는 게 아니라, 휴식도 의도적으로 취했다. 그들은 평균적 연주자보다 1시간 가량 더 잠을 찾다. (탁월한 퍼포먼스 = 의식적 연습+의식적 휴식)

10. 흔히 휴식을 일의 반대라고 생각하지만, 일과 휴식의 엄격한 분리는 현대의 그릇된 통념이다. 오랫동안 사람들은 쉴 때 뇌의 활동력이 떨어진다고 생각했다. 하지만 날로 발전하는 뇌 영상 기술에 힘입어 뇌과학자들은 ‘쉬는 동안에도 뇌의 전반적인 활동량이 감소하지 않는다’는 것을 발견했다.

11. 활동성은 단지 뇌의 다른 영역으로 옮겨갔다. 그리고 연구자들은 쉬는 동안 활성화되는 뇌의 영역을 ‘디폴트 모드 네트워크(DMN)’라고 칭하게 되었다.

12. 그리고 추가 연구를 통해, 디폴트 모드 네트워크는 고도로 활동적일 뿐 아니라, 정신 건강과 정서에 있어 굉장히 중요하다는 점이 발견됐다.

13. 특히 창의적이고 혁신적인 유형의 일을 할 땐 일하는 시간만큼, 휴식과 긴장 풀기가 필요하다. 디폴트 모드 네트워크가 활성화되면, 우리의 직관이 주도권을 가지고, 창의성은 멀리 있는 요소와 연관점을 찾기 시작한다.

14. 산책을 하거나 샤워 도중에 강력한 생각이나 통찰이 떠올렸다면, 디폴트 모드 네트워크에 감사해야 한다.

15. 그러나 당신이 휴식 때 텔레비전 앞에서 멍하게 있거나 유튜브에서 고양이 동영상을 본다면 디폴트 모드 네트워크가 활성화되는 데는 차질이 생긴다. (TV를 보거나 동영상을 보는 건 좋은 휴식 방법은 아니라는 얘기다)

16. (게다가) 창의적인 사람의 뇌는 디폴트 모드 네트워크가 더 강력하게 개발되어 휴식 시간에도 더 효과적으로 일을 한다는 연구 결과도 있다.

17. (고로 올바른 방식으로) 더 많은 시간을 휴식에 쓰면, 창의력과 행복감이 증진될 뿐 아니라, 일하는 시간의 능률마저 올라간다.

18. (그러니 숏폼 중독 등 주의력을 탕진해 일에 부정적인 영향을 미치는 휴식이 아니라, 자신에게 맞는 올바른 휴식법을 찾아라. 그러면 일의 능률을 올라갈 수밖에 없다)

- 존 피치 외, <이토록 멋진 휴식> 중

1. 찰스 다윈은 하루에 90분씩 3번 일했고, 나머지 시간에는 긴 산책을 하거나 낮잠을 자거나 상념에 잠겼다. (그러면서도 그는 &lt;종의 기원&gt;을 포함해 19권의 책을 집필했다) 2. 엄청난 다작가이자 사상가로 알려진 앙리 푸앵카레는 오전 10시부터 정오까지 첫 번째 작업을 한 뒤, 오후 5시부터 7시까지 두 번째 작업을 했다. (그는 하루 4시간만 일했다) 3. 마찬가지로, 수학자 고드프리 해럴드 하디는 ‘의식적 작업은 하루 4시간이 최대치’이며, 나머지 시간을 너무 많은 바쁜 일로 채우면 오히려 비생산적이라고 믿었다. 4. 다윈, 푸앵카레, 하디는 모든 같은 이야기를 하고 있다. 제대로 초점을 맞추고, 진짜 집중력을 (제대로) 발휘하면, 그리고 양질의 휴식으로 집중하는 시간을 잘 뒷받침하면, 위대한 성취를 이루는 데 필요한 시간은 하루 4시간이면 충분하다고. 이는 바쁨을 추구하는 우리의 문화와 정면으로 충돌하는 발상이다. 5. 위대함을 낳는 ‘1만 시간의 법칙’은 앤더스 에릭슨과 동료들의 공동 연구로 탄생한 이래로, 말콤 글래드웰이 책 &lt;아웃라이어&gt;에 소개하며 대중의 큰 주목을 받았다. 말콤 글래드웰은 1만 시간의 법칙을 소개하며 ‘어떤 분야에서든 전문가 수준에 도달하려면 1만 시간의 의도적 연습이 필요하다’고 주장했다. 6. 그리고 이는 바쁨과 스트레스와 과로를 미덕으로 여기는 세상에서 큰 환영을 받았고, 아직도 많은 사람들이 이 법칙을 마치 교리처럼 신봉한다. 7. 그런데 에릭슨의 실제 연구에는 ‘매일 의도적 연습이 효과적인 수준을 넘지 않도록 제한해야 한다’는 내용도 담겨 있으며, 연구에서는 ‘하루에 투입해야 할 이상적인 시간은 4시간’이라고도 제안한다. 8. 이 연구에서 더 흥미로운 부분은 ‘정상급 연주자와 평균적 연주자는 쉬는 방식부터 다르다’는 점이다. 정상급 연주자는 평균적 연주자들에 비해 더 체계적이고 계획적으로 여가 시간을 보냈다. 9. 정상급 연주자들은 연습만 의도적으로 하는 게 아니라, 휴식도 의도적으로 취했다. 그들은 평균적 연주자보다 1시간 가량 더 잠을 찾다. (탁월한 퍼포먼스 = 의식적 연습+의식적 휴식) 10. 흔히 휴식을 일의 반대라고 생각하지만, 일과 휴식의 엄격한 분리는 현대의 그릇된 통념이다. 오랫동안 사람들은 쉴 때 뇌의 활동력이 떨어진다고 생각했다. 하지만 날로 발전하는 뇌 영상 기술에 힘입어 뇌과학자들은 ‘쉬는 동안에도 뇌의 전반적인 활동량이 감소하지 않는다’는 것을 발견했다. 11. 활동성은 단지 뇌의 다른 영역으로 옮겨갔다. 그리고 연구자들은 쉬는 동안 활성화되는 뇌의 영역을 ‘디폴트 모드 네트워크(DMN)’라고 칭하게 되었다. 12. 그리고 추가 연구를 통해, 디폴트 모드 네트워크는 고도로 활동적일 뿐 아니라, 정신 건강과 정서에 있어 굉장히 중요하다는 점이 발견됐다. 13. 특히 창의적이고 혁신적인 유형의 일을 할 땐 일하는 시간만큼, 휴식과 긴장 풀기가 필요하다. 디폴트 모드 네트워크가 활성화되면, 우리의 직관이 주도권을 가지고, 창의성은 멀리 있는 요소와 연관점을 찾기 시작한다. 14. 산책을 하거나 샤워 도중에 강력한 생각이나 통찰이 떠올렸다면, 디폴트 모드 네트워크에 감사해야 한다. 15. 그러나 당신이 휴식 때 텔레비전 앞에서 멍하게 있거나 유튜브에서 고양이 동영상을 본다면 디폴트 모드 네트워크가 활성화되는 데는 차질이 생긴다. (TV를 보거나 동영상을 보는 건 좋은 휴식 방법은 아니라는 얘기다) 16. (게다가) 창의적인 사람의 뇌는 디폴트 모드 네트워크가 더 강력하게 개발되어 휴식 시간에도 더 효과적으로 일을 한다는 연구 결과도 있다. 17. (고로 올바른 방식으로) 더 많은 시간을 휴식에 쓰면, 창의력과 행복감이 증진될 뿐 아니라, 일하는 시간의 능률마저 올라간다. 18. (그러니 숏폼 중독 등 주의력을 탕진해 일에 부정적인 영향을 미치는 휴식이 아니라, 자신에게 맞는 올바른 휴식법을 찾아라. 그러면 일의 능률을 올라갈 수밖에 없다) - 존 피치 외, &lt;이토록 멋진 휴식&gt; 중

일을 못하는 사람들은 대부분 잘 쉬지도 못해요ㅠ

회사의 대표 옆에서 일해볼 수 있다는 점인 것 같아요.

가까이 있으면 그 사람의 사고방식을 배울 수 있어요. 회사를 세울 정도의 사람이라면 분명 배울 점이 있어요.

제가 만난 분들은 관점이 남달랐어요. 시장을 보는 관점, 제품을 대하는 관점에서 정말 많이 배울 수 있었죠. 개발자로서 조금 더 큰 그림을 볼 수 있는 기회가 되었어요.

누군가는 불편한 일이라고 할지도 몰라요. 하지만 조금 불편한 그 순간에 우리는 성장할 수 있다고 믿어요.

회사의 대표 옆에서 일해볼 수 있다는 점인 것 같아요. 가까이 있으면 그 사람의 사고방식을 배울 수 있어요. 회사를 세울 정도의 사람이라면 분명 배울 점이 있어요. 제가 만난 분들은 관점이 남달랐어요. 시장을 보는 관점, 제품을 대하는 관점에서 정말 많이 배울 수 있었죠. 개발자로서 조금 더 큰 그림을 볼 수 있는 기회가 되었어요. 누군가는 불편한 일이라고 할지도 몰라요. 하지만 조금 불편한 그 순간에 우리는 성장할 수 있다고 믿어요.

작은 회사에 일하면 좋은 점

Elastic announces the return of open source licensing for Elasticsearch and Kibana, adding AGPL as an option alongside existing licenses. This change reinforces our long-standing commitment to open so...

Elasticsearch is Open Source, Again

https://www.elastic.co/kr/blog/elasticsearch-is-open-source-again

AWS와의 갈등으로 3년전 Apache 라이센스를 버리고 SSPL 라이센스를 도입하면서 오픈소스가 아니게 되었다가 이번에 다시 AGPL 라이센스를 도입해서 오픈소스가 되었습니다.

오픈소스는 오픈소스 이니셔티브에서 사용 권한을 가지고 있어서 오픈소스 이니셔티브에서 인정한 라이센스가 아니라면 오픈소스라는 말을 사용할 수 없습니다. 오픈소스 이기는 하지만 엘라스틱 같은 회사는 클라우드 사업을 하기 때문에 AWS같은 클라우드 업체에서 elasticsearch를 서비스로 내놓으면서 갈등이 생기고 결국 오픈소스 라이센스를 버리고 클라우드 업체가 elasticsearch를 사용할 수 없게하는 SSPL을 도입해서 이를 막았습니다.

그동안의 과정이 고통스럽긴 했지만 3년이 지난 지금 AWS와의 파트너쉽이 견고해졌고 AWS도 OpenSearch에 충분한 투자를 했기 때문에 다시 오픈소스로 돌아와도 되겠다고 생각하고 AGPL을 도입하기로 했다고 합니다.

엘리스틱은 이렇게 얘기하고 사람들의 의견은 다양하게 있는거 같습니다. 엘라스틱의 의도를 그대로 믿을 수도 있고 오픈소스를 버린게 결과적으로 안좋았다고 판단했기에 번복했다는 얘기도 있습니다.

오픈소스였다가 아니었다가 혼란스럽고 앞으로 그러면 OpenSearch는 어떻게 되는건지 궁금하기도 하지만 앞으로 시장이 어떻게 흘러갈지 봐야될 것 같습니다.

https://www.elastic.co/kr/blog/elasticsearch-is-open-source-again AWS와의 갈등으로 3년전 Apache 라이센스를 버리고 SSPL 라이센스를 도입하면서 오픈소스가 아니게 되었다가 이번에 다시 AGPL 라이센스를 도입해서 오픈소스가 되었습니다. 오픈소스는 오픈소스 이니셔티브에서 사용 권한을 가지고 있어서 오픈소스 이니셔티브에서 인정한 라이센스가 아니라면 오픈소스라는 말을 사용할 수 없습니다. 오픈소스 이기는 하지만 엘라스틱 같은 회사는 클라우드 사업을 하기 때문에 AWS같은 클라우드 업체에서 elasticsearch를 서비스로 내놓으면서 갈등이 생기고 결국 오픈소스 라이센스를 버리고 클라우드 업체가 elasticsearch를 사용할 수 없게하는 SSPL을 도입해서 이를 막았습니다. 그동안의 과정이 고통스럽긴 했지만 3년이 지난 지금 AWS와의 파트너쉽이 견고해졌고 AWS도 OpenSearch에 충분한 투자를 했기 때문에 다시 오픈소스로 돌아와도 되겠다고 생각하고 AGPL을 도입하기로 했다고 합니다. 엘리스틱은 이렇게 얘기하고 사람들의 의견은 다양하게 있는거 같습니다. 엘라스틱의 의도를 그대로 믿을 수도 있고 오픈소스를 버린게 결과적으로 안좋았다고 판단했기에 번복했다는 얘기도 있습니다. 오픈소스였다가 아니었다가 혼란스럽고 앞으로 그러면 OpenSearch는 어떻게 되는건지 궁금하기도 하지만 앞으로 시장이 어떻게 흘러갈지 봐야될 것 같습니다.

Elastic Blog

https://www.elastic.co/kr/blog/elast

국내 개발자로서 자부심을 불어넣는 오픈소스 생태계가 있습니다. 바로 토스(Toss)가 주도하는 오픈소스 생태계 인데요.

es-hangul
이라고 하는 한글을 다루기 위한 라이브러리는 이미 1,000개가 넘는 GitHub 스타를 획득했습니다. 또한
lodash
보다 2배 더 빠른 유틸리티 라이브러리인
es-toolkit
은 이미 6,100개의 스타를 받고 국내를 넘어 세계적으로 많은 개발자들의 관심을 받고 있는데요. 이번 토스 모닥불 EP.4 영상에서는 토스에서 오픈소스 생태계를 운영하는 개발자들의 이야기를 만나볼 수 있습니다.

특히나 주목할 만한 점은, 패널로 참여한 토스의 오픈소스
suspensive
를 운영하고 계시는 분인데요. 이 개발자분은 요즘은 필수로 사용되고 있는
TanstackQuery
의 최상위 기여자입니다.
Jotai
외에도 토스 오픈소스에도 적극적으로 기여를하고 결국에는 토스에 합류하신게 참 대단하게 느껴지네요.

또한 오픈소스 생태계 구축을 통해 기술 커뮤니티에 긍정적인 영향을 미치고자 하는 토스의 노력도 대단한것 같습니다. 한국 개발 생태계의 경쟁력을 높이고, 개발자들에게 새로운 도전과 성장의 기회를 제공하는데 있어서, 토스의 이러한 행보를 응원합니다.

https://www.youtube.com/watch?v=SdBL-p597Dw

국내 개발자로서 자부심을 불어넣는 오픈소스 생태계가 있습니다. 바로 토스(Toss)가 주도하는 오픈소스 생태계 인데요. <code >es-hangul</code>이라고 하는 한글을 다루기 위한 라이브러리는 이미 1,000개가 넘는 GitHub 스타를 획득했습니다. 또한 <code >lodash</code>보다 2배 더 빠른 유틸리티 라이브러리인 <code >es-toolkit</code>은 이미 6,100개의 스타를 받고 국내를 넘어 세계적으로 많은 개발자들의 관심을 받고 있는데요. 이번 토스 모닥불 EP.4 영상에서는 토스에서 오픈소스 생태계를 운영하는 개발자들의 이야기를 만나볼 수 있습니다. 특히나 주목할 만한 점은, 패널로 참여한 토스의 오픈소스 <code >suspensive</code> 를 운영하고 계시는 분인데요. 이 개발자분은 요즘은 필수로 사용되고 있는 <code >TanstackQuery</code> 의 최상위 기여자입니다. <code >Jotai</code> 외에도 토스 오픈소스에도 적극적으로 기여를하고 결국에는 토스에 합류하신게 참 대단하게 느껴지네요. 또한 오픈소스 생태계 구축을 통해 기술 커뮤니티에 긍정적인 영향을 미치고자 하는 토스의 노력도 대단한것 같습니다. 한국 개발 생태계의 경쟁력을 높이고, 개발자들에게 새로운 도전과 성장의 기회를 제공하는데 있어서, 토스의 이러한 행보를 응원합니다. https://www.youtube.com/watch?v=SdBL-p597Dw

토스의 오픈소스 생태계: 한국을 넘어 글로벌로

Vite는 기존 자바스크립트 번들러의 만성적인 성능 문제를 해결하고 개발자 경험을 향상시키기 위해서 등장한 차세대 번들러입니다. 브라우저에서 지원하는 ESM(ES Modules)를 적극적으로 활용하고, 자바스크립트 대신에 컴파일 언어인 Go로 작성된 현대적인 자바스크립트 개발 도구이죠.

Vite은 예전부터 널리 사용되던 번들러인 Webpack보다 설정이 훨씬 쉽고 간단하며, 설정이 필요 없기로 유명하던 번들러인 Parcel보다도 훨씬 빠릅니다. 이로 인해서 기존 번들러보다 뛰어난 개발자 경험을 제공하여 많은 개발자로부터 사랑을 받고 있는 번들러입니다.

2023년 Sate of JavaScript 설문 결과를 보시면 빌드 도구 부분에서 Vite(73%)가 Parcel(30%)을 아득히 넘고 Webpack(90%)에 이어서 사용률 2위를 기록하고 있습니다. 2021년에 20% 사용률로 처음 그래프에 등장했는데 무서운 성장세가 아닐 수 없습니다.

더욱 고무적인 부분은 바로 Vite를 써본 응답자들의 만족도입니다. 88%로 압도적인 1위를 차지하고 있으며, Webpack의 만족도는 45%까지 곤두박질 친 것을 볼 수 있습니다.

참고로 많은 분들이 영문 철자만 보시고 Vite를 “바이트”라고 발음해야 하는 걸로 오해하시는데요. 사실 Vite라는 이름은 “빠름”을 의미하는 프랑스어에서 유래되었고 그래서 정확한 발음은 “비트”라고 합니다. 한국 개발자들 사이에서는 우스갯 소리로 빛처럼 빠르다고 “빛”이라고도 많이 부르는 것 같습니다. 😄

이번 포스팅에서는 Vite를 처음 사용하시는 분들의 위해서 Vite를 시작하는 방법을 안내해드리겠습니다.

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

Vite는 기존 자바스크립트 번들러의 만성적인 성능 문제를 해결하고 개발자 경험을 향상시키기 위해서 등장한 차세대 번들러입니다. 브라우저에서 지원하는 ESM(ES Modules)를 적극적으로 활용하고, 자바스크립트 대신에 컴파일 언어인 Go로 작성된 현대적인 자바스크립트 개발 도구이죠. Vite은 예전부터 널리 사용되던 번들러인 Webpack보다 설정이 훨씬 쉽고 간단하며, 설정이 필요 없기로 유명하던 번들러인 Parcel보다도 훨씬 빠릅니다. 이로 인해서 기존 번들러보다 뛰어난 개발자 경험을 제공하여 많은 개발자로부터 사랑을 받고 있는 번들러입니다. 2023년 Sate of JavaScript 설문 결과를 보시면 빌드 도구 부분에서 Vite(73%)가 Parcel(30%)을 아득히 넘고 Webpack(90%)에 이어서 사용률 2위를 기록하고 있습니다. 2021년에 20% 사용률로 처음 그래프에 등장했는데 무서운 성장세가 아닐 수 없습니다. 더욱 고무적인 부분은 바로 Vite를 써본 응답자들의 만족도입니다. 88%로 압도적인 1위를 차지하고 있으며, Webpack의 만족도는 45%까지 곤두박질 친 것을 볼 수 있습니다. 참고로 많은 분들이 영문 철자만 보시고 Vite를 “바이트”라고 발음해야 하는 걸로 오해하시는데요. 사실 Vite라는 이름은 “빠름”을 의미하는 프랑스어에서 유래되었고 그래서 정확한 발음은 “비트”라고 합니다. 한국 개발자들 사이에서는 우스갯 소리로 빛처럼 빠르다고 “빛”이라고도 많이 부르는 것 같습니다. 😄 이번 포스팅에서는 Vite를 처음 사용하시는 분들의 위해서 Vite를 시작하는 방법을 안내해드리겠습니다. 📝 포스팅: https://www.daleseo.com/vite/

Vite 처음 시작하기

How scaled SaaS companies grow

💰 SaaS 비즈니스의 ‘매출 증가’ 방정식이 있다?

SaaS 비즈니스의 기업 가치 평가는 매출 증가율에 크게 영향을 받는다고 생각하시는 분들이 많을 것 같은데요. 그러면 중장기적으로 매출을 증가시키기 위해서는 어떤 요소가 있을까요?

매출 증가에 대한 전략적인 사고가 필요할 때 해당 기사에서 언급한 내용이 참고가 될 것 같습니다. 매출 증가라고 하면 일반적으로 영업이나 마케팅에 관심이 가기 쉽지만 중장기적인 지속성을 얻는 것은 어렵다고 합니다. 

해당 기사에서 언급한 프레임워크는 
1) TAM(Total Addressable Market)을 어떻게 넓힐 것인가? 
2) 제품과 비즈니스 모델로 TAM을 넓히는 속도를 어떻게 높일 것인가? 관점에서 키워들별로 정리하고 있습니다.

※ TAM(Total Addressable Market) : `전체 시장`으로 제품/서비스의 카테고리 영역을 포함하는 비즈니스 도메인 크기를 의미

Grow TAM
1. Market tailwinds (시장의 성장)
2. Product extensibility (제품의 확장성)
3. Product is a center of gravity (제품 중심)

Capture TAM
1. Product flexibility (제품 유연성)
2. Fast time to value (가치 창출을 위한 시간 단축)
3. Volume pricing
4. Product-led growth (제품 주도 성장)

Medium

entrepreneur & activist

Armel

올바른 생각과 좋은 글의 힘을 믿습니다. 성장하며 깨닫는 것들을 글로 남기고 있습니다. 넓게도 보고, 매번 다르게도 보고 싶습니다. 여러가지를 보며 다양하게 배우고 있습니다. 

커뮤니티 오너

B2B 디자이너 모임

B2B SaaS 프로덕트를 디자인 하고있습니다
B2B 프로덕트 디자인에 대한 고민을 공유합니다

자비스앤빌런즈 PM

영영

PM/PO로 일하며 배운 점들을 쓰고 있습니다. 
#끊임없이배우기 #데이터분석 #네트워킹 #독서 #문제를해결하는 #프로덕트매니저 #비건지향

Writing articles about Japan design events and trend

Global Design Repoter

Samsung Global Design Membership.
Good Design Exhibition 2012 ( MEDICAL LINK SERVICE_Stage presentation)

Product Design Intern

신규 앱 기획 및 프로모션 디렉션

- 카메라 브랜드 | App Store(iOS) 사진/비디오 카테고리 무료 1위, 프로모션 플래닝
- 글로벌 스포츠 브랜드 | 소셜 마케팅 & 오프라인 크리에이티브 제작

BX Designer

Figma

프로덕트 디자인

UI 디자인

UX 디자인

문제 정의하기

서비스 기획

커뮤니케이션

프로젝트 매니징

- Self-Service 제품 전략 및 설계 담당
- 잠재 고객 획득을 위한 Freemium 모델 도입
- 구매 전환 향상을 위한 제품 개선 다수
- 새로운 데이터 모델 개발 및 대시보드 사용자 경험 통합
- App Ape 한국 사업 전략 총괄

Product Manager / Designer

디자인 공학 석사

김영빈

Portfolio

LinkedIn

📝 Brunch | Jayden

📰 Facebook | PM Post. 프로덕트 매니저 포스트

📷 Instagram

도쿄에 살고 있으며 B2B SaaS 스타트업의 PdM로서 모바일 앱 분석 서비스를 개발하고 있습니다. 일본 IT 대기업에서 BX 디자이너로 커리어를 시작하였고, 레드닷 디자인 어워드의 수상 경력을 가지고 있습니다. PdM의 관점으로 보고 느끼는 부분을 공유합니다.


댓글 0

비슷한 게시물

주간 인기 TOP 10

추천 프로필