📚 한 주간 본 IT 글, 영상 아카이브 #8

🗓 2019.07.22 ~ 2019.07.28

---

📔 블로그

🇺🇸 What's New In DevTools (Chrome 77)

• Chrome 77에 추가된 기능들을 소개하는 구글 블로그 글.
• OS의 다크 테마를 감지해서 Devtool도 자동으로 다크 테마로 변경된다고 한다.
• DOM Element 오른쪽클릭으로 selector, XPath 등을 Copy할 수 있는 기능이 있었는데, 이번에 Styles를 Copy할 수 있는 기능이 생겼다. 웹사이트 Clone 같은 프로젝트를 할때 굉장히 유용해보인다.

🇰🇷 “여행하며 일할 수는 없을까?” 당신이 모르던 디지털 노마드의 세계를 알려준다

• 크리마랩이라는 스타트업에서 3년간 디지털노마드 생활을 하며 원격근무를 한 개발자분의 경험담 및 강연 정리글.

🇺🇸 How to make your HTML responsive by adding a single line of CSS

• col-sm-4, col-md-8과 같은 CSS 프레임워크 문법이나 미디어쿼리 없이 CSS Grid, repeat, minmax, object-fit 등을 이용해 몇 줄로 완벽한 반응형 웹을 만드는 방법을 소개한다.

🇺🇸 Understand the JavaScript SEO basics

• 구글 공식문서에서 설명하는 JavaScript SEO 가이드.
• 공식문서에서도, 구글 크롤러는 자바스크립트를 실행할 수 있지만, SSR이나 Prerendering은 여전히 사용자경험과 자바스크립트를 실행할 수 없는 크롤러를 위해 좋은 방법이라고 한다.

🇺🇸 line-clamp

• CSS 속성 line-clamp에 대해 소개하는 글.
• 긴 텍스트를 일정 줄 수로 제한하고 생략된 부분을 ellipsis 부호(...)로 표시하는 기능을 한다.
• 대부분의 에버그린브라우저(약 90%)가 지원하고있는데, 전혀 몰랐던 속성이었다. Post Description 같은 곳에 유용할 것 같다.

---

📰 뉴스

🇺🇸 Microsoft invests $1 billion in OpenAI in new multiyear partnership

• MS가 OpenAI에 10억달러(약 1조)를 투자했다. MS Azure 쪽을 강하게 밀고있는 것 같다.

🇺🇸 CircleCI closes $56M Series D investment as market for continuous delivery expands

• CircleCI가 5600만달러 규모의 Series D 투자를 마쳤다고 한다.

---

📹 영상

🇺🇸 (10:26) I didn't know that - Stefan Judis - [NDC Conferences]

• 많은 개발자들이 "이건 몰랐네?" 할만한 정보/팁들을 모아놓은 사이트를 소개하는 짧은 라이트닝 토크 영상. (웹사이트 : I didn't know that)
• 영상에서는 자바스크립트와 관련된 여러가지 의외의 구현들을 소개한다.
• global에 달려있는 isNaN과 Number.isNaN의 구현이 다르다는건 좀 신기했다. 그외에도 몰랐던 것들이 많다.

🇺🇸 (3:30) Reduce image size: use the correct format — PNG or JPEG - [Google Chrome Developers]

• 웹페이지에 이미지를 삽입할 때, 상황에 따라 어떤 포맷(png, jpg, webp, svg)을 사용하는게 적절한지 설명하는 짧은 구글 공식 유튜브 영상.

---

💻 오픈소스

proposal-optional-chaining

• ECMAScript optional chaining 제안이 7월 26일자로 Stage 3에 올라갔다.
• TypeScript 3.7.0 milestone에도 추가되었다. (🎉축제의현장)

A-to-Z-Resources-for-Students

• 학생들을 위한, 학생들에게 유용한 개발관련 자료들을 모아놓은 repo. (번역도 있다)

---

🔗 그 외 유용한 링크

📊 heap.io

• 웹, 앱 유저 행동 이벤트까지 트래킹할 수 있는 Analytics 솔루션.

💬 console.chat

• Devtool console 탭에서 채팅을 할 수 있는 사이트. (신기하다..!)

---