2022.11.23.

1. https://www.inflearn.com/pages/infmation-56-20221115?utm_source=mailchimp&utm_medium=email&utm_campaign=traffic_helloinf_vanillajs&utm_content=20221115_v13 

Vanilla JS, 선택일까 필수일까 - 인프런 | 스토리

"바닐라 자바스크립트(Vanilla JS)는 외부의 라이브러리나 프레임워크를 이용하지 않는 순수 자바스크립트를 말해요. 라이브러리나 프레임워크를 사용하지 않기 때문에, 그걸 사용했을 때보다 빠르고 호환성이 좋다는 게 특징입니다. 이런 특징은 디버그(Debug)를 할 때 큰 힘을 발휘하는데요. (...) 하지만 라이브러리를 활용하면 간단한 코드도 바닐라 JS로 작성하면 길어진다는 어려움이 있어요."

"바닐라 JS를 지향하자는 이야기가 나오는 것은 프레임워크나 라이브러리를 무조건 금지하자는 의미가 아니라, 거기에 지나치게 의존하지 말자는 것이 핵심이에요.  (...) 기업에서도 바닐라 JS 능력을 중요하게 생각하고 확인하려는 추세라고 합니다. 채용 공고에 '자바스크립트에 대한 충분한 이해가 있는 사람'을 우대한다는 내용을 작성하거나, 코딩 테스트에서 바닐라 JS 관련 문제를 출제하기도 해요. 프레임워크나 라이브러리는 언제든 바뀔 수 있으므로 바닐라 JS에 대한 이해를 중요하게 생각하는 거예요. "

 

2. https://yozm.wishket.com/magazine/detail/1772/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_yozm&utm_content=contents 

Etag를 이용하여 더 나은 Restful API 만들기 | 요즘IT

"HTTP Etag? Etag는 클라이언트가 이전에 요청했던 데이터와 최신 데이터의 변경사항 유무를 검증하는 데 사용하는 HTTP 응답 헤더. 클라이언트에서 데이터를 받기 위해 네트워크에 데이터를 요청했을 때 Etag를 이용해 최신 정보를 확인하고, 이때 데이터의 변경이 없으면 추가 데이터를 주고받지 않고 클라이언트에 저장된 자료인 캐시를 활용합니다. 결국 API 클라이언트는 캐시를 활용해 더 빠르고 저렴하게 서비스를 운영할 수 있습니다."

 

😃 백엔드(특히 스프링) 개발자가 읽으면 더 좋을 글.

 

3. https://yozm.wishket.com/magazine/detail/1376/

TypeScript는 어떻게 공부해야 하나요? | 요즘IT

 

"JavaScript는 타입이 없기에 문법이 단순하며, Dictionar와 Object를 하나로 통합해서 객체를 다루듯이 데이터를 다룰 수 있고 Prototype을 통해 동적으로 타입을 변경할 수도 있고 메소드를 동적으로 교체할 수 있으며 Duck Typing을 통해서 굉장히 유연한 체계를 가진다는 장점이 잇었습니다. 하지만, ... 실행하면서 런타임이 되어서야 에러를 발견할 수 있다는 치명적인 문제는 생산성의 큰 저하를 가져왔습니다. ... 이러한 연유로 ... 정적 타입 언어의 장점인 빌드 전에 미리 오류를 검증할 수 있다는 장점만 합치는 방향으로 발전하게 됩니다."

 

"TS는 JS이기에 JS답게 prototype 객체 기반 함수형 동적 타입 스크립트처럼 개발하고 타입검사 + AutoComplete가 문법적으로 추가된 개념이라고 생각해주세요. TS를 처음 쓰면 놀랄 만큼의 자동완성 기능에 다시 JS로 돌아가기 싫어질 겁니다."

"일단 그냥 시작하는 것이 중요합니다. 현재 기준으로 초기 세팅을 추천하자면 Vite나 tsup을 추천합니다."

"TS는 자동 추론이라는 멋진 기능이 있습니다. ... 가능하면 Type을 적게 적으려고 해 보세요."

 

4. https://velog.io/@cookie004/improved-react-loading-times-with-nextjs

[번역] 우리가 Next.js로 리액트 로딩 시간을 70% 개선한 방법

"가장 큰 문제는 CRA가 기본적으로 여러 페이지 앱 간의 경로 분할(route splitting)을 지원하지 않아 페이지 로드 시간이 답답할 정도로 느렸다는 것입니다. 우리는 이러한 문제를 해결하기 위해 Next.js로 전환하여 초기 페이지 로드 시간을 최대 70% 줄이고, 새로운 수준의 개발자 경험을 제공했습니다.

Next.js는 CRA와 동일한 기능들을 제공하면서 CRA에 없는 주요 기능들도 기본으로 제공하고 있습니다. 대표적인 기능으로는 페이지 라우팅, 페이지 내용 기반 지능형 pre-loading, 하이브리드 정적 및 서버 사이드 렌더링이 있습니다."

 

😅 나중에 Next.js 공부하고 다시 읽는 게 좋을 듯.