데브허브 | DEVHUB | Proxy, Reverse Proxy 한 방에 이해하기

All 17 React Best Practices (IMPORTANT!)

👉 Check out Semaphor: https://semaphor.cloud (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Check out Kinde for auth and more https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Web development roadmap 2024 & 2025: https://email.bytegrad.com 👉 Email newsletter (BIG update soon): https://email.bytegrad.com 👉 Discord: all my courses have a private Discord ⏱️ Timestamps: 00:00 Best practices = Senior dev 01:12 Sponsor 03:58 #1 Constants / Hard-coded values / Magic values 12:03 #2 Folder structure 16:02 #3 Components: when to create them 23:42 #4 Avoid unnecessary markup (div's) 27:28 #5 IMPORTANT: don't add layout styles to reusable component 33:30 #6 Use TypeScript (why & where in React) 37:07 #7 IMPORTANT: Keep components simple (children pattern, updater function for useState) 51:32 #8 IMPORTANT: Don't use setter function from useState, instead create a separate event handler function 55:43 #9 IMPORTANT: Naming props (when prop is a function) 01:02:42 #10 useMemo, useCallback & React.memo() for performance 01:09:12 #11 When to use updater function from useState 01:11:32 #12 Use single state instead of multiple states 01:13:15 #13 IMPORTANT: one source of truth in programming. Keep track of a 'selected' or 'active' item by its id, NOT its whole object! 01:18:18 #14 IMPORTANT: use the URL for some state (filters, pagination, etc.), not useState 01:21:37 #15 Keep useEffect simple: one concern per useEffect 01:26:18 #16 IMPORTANT: instead of fetching data in useEffect, consider alternatives 01:33:12 #17 IMPORTANT: improve overall structure with components, custom hooks and utility functions 01:45:50 Outro #webdevelopment #reactjs #nextjs

2024. 8. 1.

[UI 요소 직접 만들기] 0. Intro

인프런 [React / VanillaJS UI 요소 만들기 Part1] 유료강의의 데모 영상입니다. https://inf.run/xZgdd

2024. 3. 20.

유미 독스 : 1. 리액트 게시글 하이퍼링크 문제

개발자 유미 사이트를 운영하며 발생하는 이슈 트러블 슈팅하기 내용 정리 Docs : https://www.devyummi.com/page?id=66d9098e1496cd403ca6e02e 00:00 - 개요 01:40 - 첫 번째 이야기 03:05 - 리액트의 특징 04:26 - 페이지 전환시 Link 04:55 - 유미 독스 초기 문제 05:57 - 게시글 저장과 로딩 06:20 - 문제 영상 07:40 - 이슈 해결 방안 목록 08:30 - 선택과 집중 09:41 - 구현 11:35 - 기타. 페이지 전환 상단 이동

2024. 9. 5.

스프링캠프 2019 [Track 2 Session 6] : Local Cache와 Invalidation Message Propagation 전략을 활용하여 API 성능 튜닝하기

발표자: 김민규 Local Cache와 Invalidation Message Propagation 전략을 활용하여 Local Cache의 장점인 성능은 취하고 단점인 일관성은 극복한 성능 튜닝 경험을 공유합니다. Hazelcast를 Local Cache 구현체로 사용하여 Hibernate Second Level Cache를 적용한 사례 중심으로 소개합니다. 🔗 KSUG 웹사이트: https://www.ksug.org/ KSUG 구글 그룹: https://groups.google.com/g/ksug KSUG 페이스북: https://www.facebook.com/groups/springkorea KSUG 유튜브: https://www.youtube.com/channel/UC-SodiX9165KqWzIj8H-OLQ 스프링캠프 2019 웹사이트: https://www.springcamp.io/2019/ 스프링캠프 페이스북: https://www.facebook.com/springcampkr 스프링캠프 유튜브: https://www.youtube.com/channel/UCj5gqpKTDDxsXqceYwn1Feg

2020. 9. 22.

[10분 테코톡] 위브의 Spring에서 직렬화 및 역직렬화 과정

🙋‍♀️ 우아한테크코스의 크루들이 진행하는 10분 테크토크입니다. 🙋‍♂️ '10분 테코톡'이란 우아한테크코스 과정을 진행하며 크루(수강생)들이 동료들과 학습한 내용을 공유하고 이야기하는 시간입니다. 서로가 성장하기 위해 지식을 나누고 대화하며 생각해보는 시간으로 자기 주도적인 성장을 지향하는 우아한테크코스의 문화 중 하나입니다. 🌕우아한테크코스란 🌕 우아한테크코스는 일반 사용자용 서비스를 개발하는 회사가 필요로 하는 역량을 가진 프로그래머를 양성하기 위한 교육입니다. 우리의 목표는 자기 주도적으로 학습하고 성장하고 싶은 개발자를 위한 교육을 만드는 것입니다.

2024. 8. 16.

How does the print function in Python work?

How does print work under the hood in Python (specifically, CPython) #python #code

2024. 6. 21.

로딩 중...