windows.com

Introducing Web APIs for Dual Screen and Foldable Devices

The browser is one of the most used apps on any device, and today it’s running on a completely new hardware category: dual-screen and foldable devices.

With a variety of new dual-screen and foldable

도봉도봉

toast.com

자바스크립트는 어떻게 약속을 지킬까?

자바스크립트의 비동기 처리에 대해 알아보고, 브라우저에서 Promise의 내부 동작을 살펴본다.

도봉도봉

hashnode.dev

Render a 3D Model in the Browser with Three.js and Next.Js

In this blog, we will learn how to render a 3D model in the browser with 360o view using Three.js and Next.Js.
💡 What is Three.js?

In short, Three.js is a JavaScript library used to create and displ

도봉도봉

tistory.com

[번역] 듀얼 스크린과 폴더블 디바이스를 위한 웹 API 소개

이 글은 Microsoft의 Introducing Web APIs for Dual Screen and Foldable Devices 포스트 내용을 번역, 요약하였습니다. 9월 10일 출시된 Surface Duo를 포함하여, 요즘엔 다양하고 새로운 듀얼 스크린, 폴더블..

도봉도봉

medium.com

JSON.stringify() 가속화 라이브러리 살펴보기

JSON.stringify() 가속화 라이브러리 살펴보기. JSON 메서드 많이 사용하시죠? 저도 크지 않은 객체, 그리고 특정 객체나 함수가 담기지 않은 경우에(함수나 정규식, Date 등등..) 딥 카피가 필요한 경우 아래의 코드처럼 자주 사용하곤 했는데요..

도봉도봉

medium.com

(번역) 세분화된 반응형(Fine-Grained Reactivity)에 대한 핸즈온 소개

반응형 프로그래밍은 수년간 존재해왔지만, 유행이었다 다시 사라지는 것으로 보입니다. 자바스크립트 프런트엔드에서는 지난 몇 년간 다시 상승세를 보였습니다. 프레임워크를 초월해 모든 개발자에게 친숙하고 유용한 주제입니다. 두 번째로, 반응형은 때로는 마술처럼 보입니다. 실제로 그렇지는 않지만, “무엇”을 이해하기 전에 “어떻게”에 관심을 둬 혼란스러울 수…

도봉도봉

youtube.com

자바스크립트에서 가장 이상한 문법

0:00 new Date 사용법
2:43 응 나는 바닐라 좋아함
2:57 Intl 사용법
4:07 Temporal같은 신기능써도 될듯


재밌게 코딩알려줌 https://codingapple.com
구독자용 10% 할인 코드 SUB10 (맨날바뀜 최신영상 참고)

도봉도봉

youtube.com

리액트에서 절대 하면 안 되는 것 한 가지 - 컴포넌트 바깥 let

조현영(zerocho)의 자바스크립트와 노드 프로그래밍 강좌
멤버십 가입: https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join

다음 링크를 통해 강좌를 구매하시면 제가 인프런에서 부담하는 수수료의 33%가 면제됩니다. 아래 링크를 활용해주시면 감사하겠습니다!

Slack 클론 코딩(프론트, React + SWR)
https://bit.ly/3zupxXW

Slack 클론 코딩(백엔드, Nest + TypeOrm)
https://bit.ly/3zu2zjK

Node.js 교과서
https://bit.ly/3gmlHsq

Node.js 웹 크롤링
https://bit.ly/3pSiPa1

React로 NodeBird SNS 만들기
https://bit.ly/2TwvV0q

Vue로 NodeBird SNS 만들기
https://bit.ly/2TXKNoK

Redux VS MobX (둘 다 배우자)
https://bit.ly/3pYmSBx

웹 게임을 만들며 배우는 TypeScript
https://bit.ly/3q67seR

웹 게임을 만들며 배우는 React에 TypeScript 적용하기
https://bit.ly/3pVXuMF

Node.js에 TypeScript 적용하기(feat. NodeBird)
https://bit.ly/3pS0gmp

-- 깃헙 --
https://github.com/zerocho (레포지토리 스타 눌러주세요)
-- 후원 --
https://toon.at/donate/zerocho
https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join
-- 소개 --
Node.js 교과서(길벗) 저자
제로초닷컴(ZeroCho.com) 운영자

도봉도봉

kakaoent.com

자바스크립트로 만든 유한 상태 기계 XState

이 글은 XState에 대한 기본적인 개념과 사용방법을 정리했습니다. 공식 사이트 문서들을 보시기 전에 이 글을 읽어보시면 개념 파악에 도움되실 것입니다. 혹시라도 제가 잘못 이해한 부분이 있다면 언제든지 이메일(shirenbeat@gmail.com)로 알려주시면 바로 수정하도록 하겠습니다.

도봉도봉

velog.io

(번역) React는 컴포넌트를 언제 다시 리렌더링 할까요?

여러분은 개발하시면서 렌더링 최적화에 대해 고민해 보신 적 있으신가요? 이 글에서는 리액트의 렌더링에 대한 주요 개념과 리렌더링이 발생하는 시점, 마지막으로 리렌더링을 최적화하는 방법에 대해 소개를 해주고 있습니다.

도봉도봉

youtube.com

[제로초토크]개발자 채용 시장 얼어붙었나??

조현영(zerocho)의 자바스크립트와 노드 프로그래밍 강좌
멤버십 가입: https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join

다음 링크를 통해 강좌를 구매하시면 제가 인프런에서 부담하는 수수료의 33%가 면제됩니다. 아래 링크를 활용해주시면 감사하겠습니다!

타입스크립트 올인원 강좌
https://inf.run/1RWK

배달앱 클론 코딩(React Native)
https://bit.ly/3HYTymV

Slack 클론 코딩(프론트, React + SWR)
https://bit.ly/3zupxXW

Slack 클론 코딩(백엔드, Nest + TypeOrm)
https://bit.ly/3zu2zjK

Node.js 교과서
https://bit.ly/3gmlHsq

Node.js 웹 크롤링
https://bit.ly/3pSiPa1

React로 NodeBird SNS 만들기
https://bit.ly/2TwvV0q

Vue로 NodeBird SNS 만들기
https://bit.ly/2TXKNoK

Redux VS MobX (둘 다 배우자)
https://bit.ly/3pYmSBx

웹 게임을 만들며 배우는 TypeScript
https://bit.ly/3q67seR

웹 게임을 만들며 배우는 React에 TypeScript 적용하기
https://bit.ly/3pVXuMF

Node.js에 TypeScript 적용하기(feat. NodeBird)
https://bit.ly/3pS0gmp

-- 깃헙 --
https://github.com/zerocho (레포지토리 스타 눌러주세요)
-- 후원 --
https://toon.at/donate/zerocho
https://www.youtube.com/channel/UCp-vBtwvBmDiGqjvLjChaJw/join
-- 소개 --
Node.js 교과서(길벗) 저자
제로초닷컴(ZeroCho.com) 운영자

도봉도봉

youtube.com

Event loop와 call stack 은 어떻게 작동하나?

신입개발자 기술면접 필수질문 시리즈
'비동기? single thread? CallStack 과 EventLoop로 설명하기'를 들고 왔습니다
single thread, call stack, event loop 등의 단어들이
어떻게 연결되는지 궁금한 분,
setTimeout 등의 함수가 어떻게 동작하는지
자세하게 알고 싶은 분들을 위한 강의입니다.
피드백은 언제나 환영입니다

더 나은 답변 시리즈를 드리기 위해
언제나 노력하는 개발자 DAVID가 되겠습니다
감사합니다.

https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5
(설명 문서 링크 첨부합니다)

도봉도봉

brunch.co.kr

그림으로 배우는 자바스크립트

전 세계에게 많은 사랑을 받고 있는 언어, 자바스크립트 올해 개발자 대표 커뮤니티, 스택오버플로우에서 157개국에 있는 개발자 2만 6천여명을 대상으로 가장 인기있는 기술을 조사한 결과, 자바스크립트가 54.4% 라는 압도적인 1위를 차지했습니다. 자바스크립트가 이렇게 많은 사랑을 받기 시작한 이유는 무엇일까요? 필자는 낮은 진입장벽과 범용성, 이 2

도봉도봉

brunch.co.kr

react-window 를 이용해 성능 최적화하기

가상스크롤과 react-window 로 고성능 antd 테이블 만들기 | 최근에 리액트와 Ant Design (이하 antd)을 이용해 개발을 진행하고 있는데, 이미지 포함 1000건이 넘는 데이터를 페이지네이션 없이 한 번에 API Response로 받아 테이블로 보여줘야 하는 일이 있었다. 엄청나게 큰 데이터는 아니라 보여주는데 어려움은 없었지만 스크롤

도봉도봉

velog.io

시리즈 | Article 번역 - dev_boku.log

개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.

도봉도봉

toast.com

당신이 모르는 자바스크립트의 메모리 누수의 비밀

크롬 개발자도구로 하는 디버깅과 해결책을 찾아서!

AriRaNg