안녕하세요 👋
발행 주기가 랜덤인 내 맘대로 Developer News 입니다.
작성자가 원할 때 발행되며 주로 개발에 관련된 새로운 기술들, 배운 점, 인상 깊었던 글들을 소개합니다.
토스의 Form UX 향상
토스에서 사용자가 폼 작성시 어떻게 간단하고 기존의 방식에서 벗어난 플로우를 만들었는지에 대해 소개합니다.
저도 토스를 사용했을 때 다른 앱에 비해 처음 가입하는 플로우가 굉장히 편했다고 느꼈고 지금와서 글로 다시 봐도 이런 노력으로 한 화면을 만들었다는 점이 대단하다고 생각이 듭니다.
React 컴포넌트와 추상화
컴포넌트를 나누는 방법과 범용적인(일반적인) 컴포넌트, 도메인에 종속된 컴포넌트, 컴포넌트 합성(Compound Component) 등 컴포넌트의 대한 심화 단계의 글입니다.
컴포넌트의 대한 이해도와 컴포넌트를 나눌 때 보는 시각이 달라집니다.
Node.js 크롤링, 스크래핑 라이브러리 (crawlee)
크롤링이 필요할 때 사용하는 라이브러리로 Node.js 기반이며 크롤링 병렬 처리, 프록시 서버 자동 교체, 크롤링 데이터 저장소, 크롤링에 대한 여러 유틸 함수들 등 많은 기능을 지원하며
Playwright, Puppeteer의 브러우저 기반 크롤링 방식과 cheerio로 http request 방식을 지원합니다.사용해보니 브라우저 기반 크롤링 방식은 자동으로 브라우저 user-agent, fingerprint를 변경해주고 현재 서버 스팩에 맞춰서 병렬처리를 지원합니다.
Next.js <Image/> 드디어 바뀌나?
이전의
next/image 와 다르게 깔끔한 <img> 만 나오며 이미지 크기를 지정 안해도 원래의 <img> 태그 처럼 알아서 조정됩니다.컴포넌트가 바뀐것이므로 props들이 변경되었으니 아래 문서를 보시고 주의해서 사용해주시면 될 것 같습니다.
React - CSR, SSR 그리고 스트리밍 SSR
처음 Next.js를 접하면 생기는 의문인 “CSR, SSR은 정확이 어떤 차이점이 있는지?”를 해결해주며 React 렌더링 방식의 미래를 설명해주는 글입니다. (참고로 글이 좀 길어요 🙂)
모노레포(monorepo)에 대한 모든것
모노레포에 대한 모든 정보를 알려주는 고마운 사이트입니다.
모노레포가 어떤건지, 레포 전략 비교, 모노레포를 사용해서 얻는 이점, 모노레포를 만드는데 사용되는 도구들 비교 등 모노레포를 이해하기 위해 모든 리소스가 있습니다.
댓글