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

🗓 2019.10.14 ~ 2019.10.20

---

📔 블로그

🇰🇷 이력서 - 1분의 싸움

• 좋은 개발자, 이력서의 기준과 이력서를 어떻게 써야하는지에 대한 글.
• 이력서를 쓰는 사람의 입장보다, 보는 사람의 입장에서 어떤 사람을 뽑고싶은지 잘 정리되어있다.

🇰🇷 대학생이 신입 개발자로 공개 구직한 후기

• 대학생 신분으로 블로그에 공개 구직을 올리고 일어난 일들에 대하여 쓴 글.
• 블로그에 쓴 글 하나로 여러 회사에서 메일로 먼저 컨택이 오기도하고, 실제 면접까지 가서 어떤 질문들을 받았는지에 대한 귀중한 경험에 대해 이야기한다.

🇺🇸 SPA SEO: A Single-Page App Guide to Google’s 1st Page

• 약 25분 분량의 Google SEO를 위한 SPA 가이드.
• SEO Ranking, Best Practices, JS Framework 별 SEO tip까지 정리되어있다.

🇰🇷 미국에서 프론트앤드 개발자로 일하기

• 두달동안 구글, 페이스북, 마이크로소프트 등 미국의 여러 테크회사에 인터뷰를 본 후기 글.
• 인터뷰는 어떤 분위기였는지, 코딩 테스트로 어떤 문제가 나왔는지 적혀있다.

🇰🇷 능력있는 개발자는 어떻게 알아볼 수 있나?

• 능력있는 개발자를 알아보기 위한 방법을 드라이퍼스 모델이라는 기술 습득 모형에 기반하여 설명하는 글.
• 글을 쭉 읽어보니 나는 아직도 Novice와 Advanced Beginner 사이에 위치하고 있지 않나 돌아보게 되었다.

🇰🇷 Inside AB180 #4 : 에어브릿지 프론트엔드는 이렇게 일한다

• AB180 이라는 회사의 채용 홍보글이자 프론트엔트 팀의 기술 스택과 일하는 방식, 개발자 문화에 대해서 적은 글.

🇺🇸 Avoid 100vh On Mobile Web

• 모바일에서 CSS 프로퍼티 100vh 사용을 지양해야하는 이유를 설명하는 글.
• 몇몇 모바일 브라우저에서 스크롤을 내릴 때 등 주소창과 bottom navigation bar가 자동으로 숨겨지는 기능 때문에 실제 viewport와 보이는 화면의 크기가 달라지는 문제가 생긴다.
• 때문에 html, body { height: 100% }를 쓰는것이 좋다.

🇰🇷 차별인가, 차별인가?

• 성, 외모, 나이. 학력 등에 관한 차별에 대한 글.
• 개발 관련 글은 아니지만 사회적 이슈이기도하고 여러가지 생각해볼 수 있는 굉장히 좋은 글이다.

---

📰 뉴스

🇺🇸 Headless CMS company Strapi raises $4 million

• JavaScript로 오픈소스 Headless CMS를 만드는 Strpi가 4백만 달러 규모 투자를 받았다.

🇺🇸 Latest macOS Catalina beta hints at new 16-inch MacBook Pro

• MacOS Catalina 업데이트에 16인치 뉴맥북 프로 루머와 관련된 이미지가 숨겨져 있었다고 한다.
• ESC키가 터치바에서 다시 물리키로 변경되었으며, 다시 가위식 키보드로 돌아간다고한다. 실제로는 15인치 맥북프로와 크기가 똑같지만 베젤크기가 줄어들어서 화면만 16인치다.
• 출시 날짜는 11월, 내년 2분기 등 아직 여러 추측이 많다.

---

📹 영상

🇰🇷 (36:21) 2019 Conference 01 : React/Vue를 넘어 이젠 Svelte (변규현) - [양재동 코드랩]

• W3C HTML5 Conference "React/Vue를 넘어 이젠 Svelte"라는 제목의 발표 영상.
• Svelte의 특징과 아이디어에 대해 소개하고, React와 동일하게 만든 앱으로 속도와 메모리, 용량이 얼마나 차이가 나는지 데모로 보여준다.

🇺🇸 (35:10) [React Live 2019] 4. Kitze - Navigating the Hype Driven Frontend Development World - [Frontend Love]

• Navigating the Hype Driven Frontend Development World라는 제목의 React Live 2019 컨퍼런스 발표 영상.
• 초반엔 React Hooks와 State Management 대해 잠깐 이야기하고, 중후반 부에는 FOMO(Fear Of Missing Out)에 대해 이야기한다. (이번주 추천 영상!)

🇺🇸 (32:41) Full stack front-enders - [JAMstack Conf]

• Chris Coyier의 Oops—I guess we're full-stack developers now라는 제목의 JAMstack Conf 발표 영상.
• LAMP, MEAN Stack부터 JAM, STAR Stack 등까지 웹개발의 많은 영역이 백엔드에서 프론트엔드 쪽으로 옮겨가고있다고 이야기한다.
• 덕분에 Frontend 개발자들은 점점더 full-stack 관련 일을 하게되고, 실제로 아마존에서는 Full Stack Front-End Developer라는 이상한 직군을 뽑기도 하는 현상이 발생한다.

---

💻 오픈소스

roughViz

• 손으로 그린것같은(sketch/hand-drawn) 그래프와 차트를 그릴 수 있는 D3기반의 자바스크립트 라이브러리.

greenboard

• API 문서를 위한 Gatsby 테마.
• Gatsby plugin 형태로 제공하며 https://greenboard.surge.sh/에서 데모를 확인할 수 있다.

tinacms

• React app을 위한 Content Editing interface라고 소개하는데, Real-Time 형태의 CMS 툴.
• 역시 Gatsby plugin을 제공한다.

---

🔗 그 외 유용한 링크

🎨 simpleicons.org

• 여러가지 브랜드의 svg icon을 모아서 제공하는 사이트.

👩🏽‍💻 usethis.com

• 사람들에게 어떤 하드웨어와 소프트웨어를 쓰는지 인터뷰하는 프로젝트 사이트.
• 1023개의 인터뷰가 올라와있다.

💻 free-for.dev

• 개발자를 위한 무료 서비스들 모음.

---