README.md

dev-journal

Purpose

• 개발 블로그 활성화를 목적으로 합니다.

Participant

강석현	권현지	김명수
@Yoo2	@HyeonJiKwon	@KimMyeongSu
개인 블로그	개인 블로그	개인 블로그

김상연	김승우	박정우
@codeeon	@kyh196201	@JeongWu-Jane
개인 블로그	개인 블로그	개인 블로그

오소현	이미연	정소윤
@osohyun0224	@iammiori	@soyoonJ
개인 블로그	개인 블로그	개인 블로그

최기환	황태영
@gihwan-dev	@hty0525
개인 블로그	개인 블로그

How to

🍀스터디 진행방향🍀

[레포 링크] https://github.com/The-survivor-is-strong/dev-journal

[공통]

• 깃헙은 아카이빙 용도, 작성한 블로그 or 링크드인에 피드백/댓글 작성
• 개별 폴더 + README.md 생성 후 링크 각자 아카이빙 (리드미 하나에 링크 업데이트 하는 방식)
• 개인 블로그/링크드인 활성화를 위해 의도적으로 공개된 채널에 올렸으면 해요!! 부끄러우시더라도 이번 기회에 도전해봅시다!!!

[달성 조건]🌟🌟🌟🌟🌟

• 한 달에 최소 2번 작성 후 링크 단톡에 공유 (매주 ~토 까지)
• 매주 일요일까지 작성된 글 댓글 달기
• 달별로 집계 후 미달성 시 팀 전원한테 커피 깊티 돌리기

[주제 추천]

• WIL
• 주/월/연 회고
• 컨퍼런스/네트워킹 후기
• 실무 경험 공유
• 최신 기술 트렌드
• 개인적으로 진행하는 스터디 관련 시작 전 글/회고 글
• 아티클/커뮤니티 등을 통해 새롭게 알게 된 기술/정보 관련

Reference

번역하기 좋은 글 또는 영상

브라우저 동작 원리

• Life of a pixel
• GPU Accelerated Compositing in Chrome
• Multi-process Architecture
• How Blink works
• Accelerated Rendering in Chrome
• Browser Event loop: micro and macro tasks, call stack, render queue

HTML

• ARIA in HTML

자바스크립트

• Visualizing memory management in V8 Engine
• Demystifying memory management in modern programming languages
• https://mathiasbynens.be/notes/prototypes

주제

1. 마이크로 프론트엔드
2. 모노레포는 왜 등장했고 어떻게 사용해야 좋은지

• 추천글: https://monorepo.tools/

3. any, unknown, never의 차이점
4. 다양한 프론트엔드 성능 최적화 방법
5. useSuspenseQuery를 Suspense로 감쌀 수 있는 이유
6. 리액트의 최적화 전략은 어느정도의 성능 개선을 가져다 줄까?(실험과 함께)
7. 모바일, 데스크톱 환경에서의 이벤트 차이 이해하기(touch, mouse, pointer)
8. 클릭 이벤트라는 것의 정확한 명세는 뭘까? 더블클릭은?
9. css 애니메이션과 js 애니메이션의 차이점
10. react hook form 은 어떻게 최적화 했을까?
11. 크롬 개발자 도구의 Layer는 스택 컨텍스트를 보여주는게 아니다
12. 실무에서 안전하게 리팩토링을 진행하기 위해 했던 경험담
13. 나만의 클린코드 가이드라인