undefined는 JS에서 어떻게 표현되는가

undefined는 JS에서 어떻게 표현되는가

심윤섭: JS는 특이하게 undefined와 null이라는 존재하지 않음을 나타내는 값이 두 개가 있고, 객체에서 undefined를 할당하는 것과 delete를 통해 객체의 값을 지우는 것은 다르게 동작합니다. 그리고 동적 언어답게 truthy와 falsy 개념을 가지고 있습니다. 그래서 제어할 수 있는 코드 내에서는 최대한 통일하고, 느슨한 비교를 하지 말아달라는 이야기를 합니다. undefined와 null, 그리고 truthy와 falsy를 쓰는 방식에 대해 어색한 분들은 읽어보세요!

CSS 신기술 사용하기(컨테이너 쿼리)

컨테이너 쿼리 사용 방법  |  Blog  |  web.dev

교차 브라우저 대체에 컨테이너 쿼리를 사용하는 방법을 보여주는 단계별 가이드입니다.

심윤섭: 컨테이너 쿼리가 모던 브라우저에서 지원하게 된지 오래되었지만, contrast-color()에 대한 생각들에서 나왔듯이, 신 기술이 개발자들이 보편적으로 쓰기까지는 오랜 시간이 걸립니다. 이 기사는 컨테이너 쿼리를 단계적으로 접근해서 적용하고, CSS 폴리필에 대한 접근과 레거시 브라우저를 지원해야 하는지 다시 한번 고사해보길 원하고 있습니다. 하지만 container query를 많은 곳에 적응하려면 반응형 웹페이지에 대한 접근과 디자인 혹은 디자인 시스템을 풀어내는 방식 또한 동기화해야 하기 때문에 많은 시간이 소요될 것 같네요.

BBC Alt Text 가이드

심윤섭: 대체 텍스트를 적으면 접근성에 좋다는 이야기는 많이들 하는데, 어느 이미지에 어떤 대체 텍스트를 넣어야 하는지 아무도 알려주지 않습니다. BBC에서는 어떻게 적는지 보고 어떻게 적용할까 생각해볼만 합니다. 관련은 없지만 facebook에서 사진에 사람이 어떤 동작을 하고 있는지에 대한 설명이 모두 들어가 있어서 깜짝 놀란 기억이 있네요.

RN 모듈들에 대한 간단한 소개

Client guide to React Native modules | Oscar Franco

Let’s play the following scenario: You are my client and I’m me. You ask “Oscar, we want to port our SDK/Library/module to React Native, but all this JSI/Turbo Module/new arch stuff is confusing, can you help us?” the answer dear client is obviously yes. However, I’m a bit tired of explaining the same concepts again and again, so I will point you to this article.

최근 RN은 많은 모듈이 등장함에 따라 전반적인 이해를 하기 어려운 부분이 없지 않은데, 이 글에서 대략적으로 소개해주므로, RN을 시작하는 분은 보면 좋습니다.

드래그 가능한 Element와 Snap 구현하기

How to make draggable Framer Motion elements snap to breakpoints · OlegWock

Drag is cool, but what to do if ya need a bit of snap? In this recipe, we build a reusable hook that makes adding snap points a breeze.

드래그 앤 드랍 가능한 요소가 한 지점에서 멈추게 구현하고 추가로 관성까지 구현하는 과정을 담은 글입니다. DOMMatrixReadOnly라는 새로운 API와 함께 가볍게 볼만한 글입니다.

Mixed Content가 뭔데?

생소하지만, Mixed Content는 https로 불러온 컨텐츠에서 http 컨텐츠를 호출하는 컨텐츠를 지칭하는 말입니다. CSP를 통해서 Mixed Content로부터 보호했었고, 이제 모던 브라우저에서 자동으로 HTTPS로 업그레이드된다는 소식을 전하는 글입니다. 이 글을 통해 Mixed Content의 역사를 알 수 있으니 흥미롭게 볼만 합니다.

새로운 Set의 메소드

New JavaScript Set methods | MDN Blog

New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.

Set의 새로운 메소드가 모든 모던 브라우저에 적용되었다는 글입니다.

TypeScript 추론은 순서에 영향을 받는다

Sometimes, Object Property Order Matters | Total TypeScript

Learn why the order you specify object properties in TypeScript matters and how it can affect type inference in your functions.

TypeScript에서 객체의 프로퍼티 순서가 추론에 영향을 준다는 간단한 글입니다.