rinae's devlog

번역 서문

이 글은 Dan Abramov가 작성한 ‘A Complete Guide to useEffect’의 번역문입니다. 현재 원본 저장소에 PR을 올려둔 상태이지만 머지되는데까지 시간이 걸리는 것을 감안하여 제 개인 블로그에도 공개합니다.

머지 완료되는대로 overreacted.io 링크도 첨부하겠습니다.

번역에 대한 지적이나 의견이 있으시면 언제든지 댓글로 알려주시면 확인 후 반영하겠습니다.

• 이슈 링크: https://github.com/GoogleChromeLabs/ProjectVisBug/issues/384
• PR 링크: https://github.com/GoogleChromeLabs/ProjectVisBug/pull/388

지난 번에 간단한 이슈를 해결하고 자신감이 붙어서 새로이 해결할 이슈에 대해서 고민하고 있었다. 마침 최근에 프로젝트 작성자 아담이 대거 이슈를 업데이트 하여 살펴 보니 a11y(접근성) 도구를 켰을 때 SVG는 제대로 수치가 표시되지 않는 버그가 올라와있었다. 마침 접근성을 더 잘 알아보고 싶다는 생각을 하고 있었고, 비교적 신선한 버그라 한번 해결해보…

General

• 북저널리즘 - 젊은 혁신가를 위한 콘텐츠 커뮤니티 - 우연히 다른 분의 트윗을 보다가 발견한 서비스. 퍼블리도 이름까지만 알고 있었는데 슥 살펴보니 이 서비스의 컨텐츠가 더 마음에 든다. 하지만 프라임 서비스의 구독료가 아직 심리적으로 거리가 있어서 조금 차근차근 생각해보려 한다.
• 대한민국, 섹스의 실종? : 박노자 - 정말 우연히 박노자 교수의 글이 공유되어 읽게 되었다. 이 분 블로그를 마지막으로 방문한 지 거의 10년은 다 되었다는 기분이 드는데. 글을 읽다 보면 단순히 성에 이상한 방식으로 보수적인 나라 분위기 문제도 있지만, 결국 강제로 우리의 삶의 한 부분이 억압되어있다는 사실을 다시 한번 확인할 수 있었다. 뿐만 아니라 본문 초반 내용을 보면서 과일을 …

앞선 글에서 왜 오픈소스에 기여할만한 가치가 있는지 설명했습니다. 저도 자잘한 버그 수정 등에 몇 번인가 기여한 적이 있습니다만, 조금씩 욕심이 생겨서 가능한 한 내가 어디까지 코드로 기여를 할 수 있는지 도전해보고 싶어졌습니다. 그러던 와중에 글로벌 전문 개발자 지원사업(구 오픈프론티어)에 대해 알게 되어, 추가 모집에 합격하여 7월부터 활동하고 있습니다.

들어가며

요즘은 새로운 것을 학습하고 정리하여 공유하거나 글을 번역하는 작업을 예전보다 못하고 있어서 아쉽습니다. 하지만 일을 하면서 배우는 것도 있고, 별도로 다른 오픈소스 프로젝트의 코드를 살펴보는 일도 시간이 되는 대로 틈틈이 하고 있습니다.

오늘은 제가 조금이나마 오픈소스에 기여하는 경험에 대해서 이야기하고 혹시 오픈소스 프로젝트에 기여하고 싶은 생각이 있는 분들에게 참고가 될 만한 내용을 공유해보고자 합니다.

General

• 신규입사자를 잘 온보딩 시키는 방법 - How to onboard a new hire | GeekNews - 신규입사자를 온보딩 시키는 방법이 아주 잘 정리된 글. 특히 웰컴 노트 예제가 일품이다.
• 친구는 외로움의 보험이 아니다 | Daum 뉴스 - 요즘은 홀로 지내는데 ‘익숙해졌다’ 는 표현은 절대 쓸 수 없겠다는 생각을 하고 있다. 그나마 친구들에게 연락을 먼저 받지 못하는 일에 대해서 익숙해 진 것도 얼마 되지 않았다. 어떤 친구를 대할 때 나와 상대의 진심은 어디까지인지 한번쯤은 진지하게 생각해보게 된다.

• JSConf.Asia 2019 에서 Shwan Wang이 발표한 세션 정리
• 원본 영상은 React Hooks의 기본 개념이 있는 사용자를 대상으로 직접 Hook을 구현하면서 동작하는 방식(발표자는 멘탈 모델이라고 표현)을 직관적으로 이해하기 위해 작성되었다.

• 들어가며

• Hooks 바닥부터 작성해 보기

  • 클로저 활용
  • useState 만들기
  • 컴포넌트에 붙여보기
  • 여러 개의 훅을 사용하기
  • useEffect 구현하기
• 마치며

General

• “이동진 어려운말, 잘난체” 기생충 평 논란···심각한 韓문해력 - 중앙일보 - 이 글을 공유하면서 평가하는 많은 사람들이 ‘사람’ 이라는 단어를 ‘개발자’ 로 치환해도 대체적으로 맞는 말이라는 이야기를 했다. 그 말 뜻이 완전히 이해 되진 않았지만, 개발자로서 일을 하면서 글을 쓸 일이 많고, 특히 원격 근무 위주로 일하는 회사에 소속되어있는 만큼 글로 소통하는 일은 더더욱 중요하다고 느낀다. 그런데 그 글을 잘 읽지 못하고 …

• Rares Matei가 Egghead에 올린 코스 Practical Advanced TypeScript를 보고 정리한 글입니다.
• 예제 코드를 따라해보고 싶다면 타입스크립트가 지원되는 개발 환경에서(VSCode 등) 직접 리턴되는 타입 등을 확인해보시길 추천합니다.

차례

• Numeric Separator를 사용하여 큰 수를 다루기
• 더욱 철저한 속성 초기화
• in 연산자를 활용한 자동 타입 추론
• Switch 문에서 자동으로 타입 추론하기
• Mapped Type을 수정하기
• 타입과 인터페이스의 차이
• 자기 자신을 참조하는 타입 만들기
• 이터레이터를 이용하여 커스텀 자료 구조의 순회를 단순하게 만들기
• unknown 타입 활용하기
• 조건부 타입을 사용하여 함수의 타입을 동적으로 할당하기

읽을거리 / 볼 거리 - 일반

• 지식의 가난에는 이자가 붙는다 - 글쓴이는 영어공부를 위한 사례를 들긴 했지만 개발자로서 어지간한 경우에 경험+지식이 자신의 가치를 결정한다고 생각하기 때문에 크게 공감하는 글이었다. 특히 현대 사회에서 지식이란게 아예 필요 없는 분야라면 모를까, 끊임없는 지식 쌓기를 안할 이유가 있는지 잘 모르겠다.
• 🎹초견 연습은 이렇게! - 플라워댄스(Flower dance) 피아노로 쳐보기 - YouTube - 3월즈음부터 10년만에 피아노를 다시 치고 있다. 1주일에 한번 개인 레슨을 받고 집에서 틈틈이 연습을 하는데, 페이스북에서 공유된 영상을 보다가 이 영상이 굉장히 좋은 정보를 많이 가지고 있어서 유용하다 생각한다. 나처럼 취미로 피아노 연주하는 사람들은 여기서 제시해주는 기본적인 연습 방법을 베이스로 꾸준히 연습하면 평소에 쳐보고 싶었던 곡이 많이…