1. Sysend.js - 브라우저의 탭간에 메시지를 전송하는 라이브러리 (링크)
더보기
- 열린 탭간에 메시지를 전송 가능하게 해서 웹 어플리케이션 동기화 가능
- HTML5 LocalStorage / BroadcastChannel API를 사용
- Cross-Domain(Cross-Origin) 커뮤니케이션 지원
2. 네카라쿠배당토 핵심가치는 뭐가 다를까? (링크)
더보기
개발자들이 가장 선호하는 기업에서는 각각 고유의 핵심가치(Core Value)를 내세워 일하는 문화를 혁신하고 있는데, 이들이 강조하는 핵심가치 키워드 BEST 5는 바로 신속 신뢰 소통 몰입 도전 이다.
- 신속(Fast) : 완벽한 계획보다 빠른 시도, 빠른 학습, 빠른 실행으로 기회를 선점하고 성공의 가능성을 높여요.
- 신뢰(Trust) : 매일 보며 함께 일하는 동료를 믿고, 그 기대에 부응하고자 서로 노력해서 유대감을 쌓아가며 좋은 성과를 만들어 내요.
- 소통(Communication) : 수평적인 구조 안에서 자유로운 의견교환과 솔직하고 객관적인 피드백을 통해 최선이 아닌 최고의 결과를 만드는데 집중해요.
- 몰입(Deep Dive) : 업무의 목표와 의미가 분명한 목적조직 안에서 구성원들은 스스로 몰입하고 주도적으로 일하면서 잠재력과 에너지를 최대로 발휘해요.
- 도전(Challenge) : 새로운 도전과 후회 없는 실패의 소중한 경험을 통해 성장하고 성취감을 얻도록 적극적인 도전과 실패를 권장해요.
3. 2022년 현재 React로 앱 개발할 때 추천 라이브러리들
더보기
- React 프로젝트 생성 : 클라이언트에는 Vite/CRA, 서버에는 Next.js/Remix/Gatsby
- React State 관리 : useState/useReducer, useContext, Redux, recoil, zustand
- React Data Fetching : React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
- Routing with React Router
- CSS Styling in React : CSS-in-CSS, CSS-in-JS/Emotion/Stitches, Functional CSS with Tailwind CSS
- React UI Libraries : Material UI(가장 인기), Mantine(추천), Chakua UI(추천), Ant Design, Radix, Primer, NextUI, Tailwind UI (not free), Semantic UI, React Bootstrap
- React Animation Libraries : Framer Motion (가장 추천), react-spring (종종 추천), react-motion, react-move, Animated (React Native)
- Visualization and Chart Libraries in React : Recharts, react-chartjs, nivo, visx, Victory
- Form Libraries in React : React Hook Form + yup/zod
- React Type Checking : 그냥 TypeScript 쓰세요
- React Code Structure: Style and Format : ESLint + Prettier
- React Authentication : Firebase, Auth0, AWS Cognito 같은 서비스/BaaS 선택
- React Hosting : 풀 관리하려면 Digital Ocean, 아니면 Cloudflare Workers, Netlify, or Vercel (특히 Next.js), Firebase 쓴다면 Firebase Hosting
- Testing in React : Jest + React Testing Library (most popular), Cypress
- React and Immutable Data Structures : Immer
- React Internationalization : FormatJS, react-i18next
- Rich Text Editor in React : Draft.js, Slate.js, ReactQuill
- Payments in React :PayPal, React Stripe Elements 또는 Stripe Checkout
- Time in React : date-fns, Day.js, Luxon
- React Desktop Applications : Electron, Tauri, NW.js, Neutralino.js
- Mobile Development with React : React Native, Expo
- React VR/AR : react-three-fiber, react-360, aframe-react
- Design Prototyping for React : Figma, Zeplin, Excalidraw, InVision
- React Component Documentation : Storybook, Docusaurus, Docz, Styleguidist
4. Lexical - 페이스북이 공개한 텍스트 에디터 라이브러리 (링크)
더보기
- 자유롭게 확장 가능한 JavaScript 웹 텍스트 에디터 프레임워크 오픈소스
- 1개의 ContentEditable 개체에 붙어서 이용가능
- 최소화된 형태로 빠름. UI 및 기타 기능들은 플러그인을 통해 제공 가능
- 프레임워크 상관없이 동작. React용 바인딩은 제공해서 좀 편하게 개발 가능
- 접근성 지원을 염두에 두고 설계
5. 생산성 있는 Review 문화가 되기까지 (링크)
더보기
- Review 문화가 자리 잡게 된 배경
- 코드 리뷰를 통해 실수 줄이기
- Approve를 통해 팔로우 업 확인 하기
- Tech Spect도 리뷰 하자 - Review를 더 많이 하다보니 생긴 문제들
- 업무량 증가
- 느려진 속도
- 예상할 수 없는 일정 - (AB180에서의) 문제 해결하기
- 의도적인 리뷰 분산 : 새로운 팀원들도 리뷰에 적극 참여
- 일정을 예상 가능하게 만들기 : 리뷰 시간 규칙 등을 활용해서 리뷰 사이클을 예측 가능하게 만들어야 함
- 리뷰 요청을 자율적으로 판단하게 하기 : 리뷰가 무의미한 경우 형식적인 리뷰는 지양 - 얻은 교훈들
- 코드 리뷰로 실수를 막을 생각을 하지 말 것
- 규칙에 얽메이지 말 것
- 일정을 예상 가능하게 만들 것
6. FE News - 네이버 프론트엔드 기술 소식 (링크)
더보기
네이버 FE 엔지니어들이 발행하는 프론트 엔드 관련 기술 소식입니다.
매월 첫째 주 수요일, 월 1회 발행됩니다.
2020.02부터 발행되었습니다.
'Geek News Scrap' 카테고리의 다른 글
| 22. 6월 스크랩 (0) | 2022.07.25 |
|---|---|
| 22. 5월 스크랩 (0) | 2022.07.25 |
| 22. 3월 스크랩 (0) | 2022.03.03 |
| 22. 2월 스크랩 (0) | 2022.02.17 |
| 22. 1월 스크랩 (0) | 2022.01.14 |
