📖 책 찢기22 [모던 리액트 Deep Dive] 15장. 마치며 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [15장] 마치며15.1 리액트 프로젝트를 시작할 때 고려해야 할 사항✨유지보수 중인 서비스라면 리액트 버전을 최소 16.8.6에서 최대 17.0.2로 올려두자리액트 16.8에서 훅이 소개됐고, 훅 덕분에 함수형 컴포넌트의 개념이 정립됐다.17 버전은 기능.. 2024. 7. 31. [모던 리액트 Deep Dive] 14장. 웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com[14장] 웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈코드의 규모 증가 = 보안 취약점 노출 확률 증가14.1 리액트에서 발생하는 크로스 사이트 스크립팅(XSS)웹사이트 개발자가 아닌 제3자가 웹사이트에 악성 스크립트를 삽입해 실행할 수 있는 취약점✨da.. 2024. 7. 30. [모던 리액트 Deep Dive] 13장. 웹페이지의 성능을 측정하는 다양한 방법 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [13장] 웹페이지의 성능을 측정하는 다양한 방법13.1 애플리케이션에서 확인하기✨create-react-app// src/reportWebVitals.jsexport function reportWebVitals(onPerfEntry) { if (onPer.. 2024. 7. 29. [모던 리액트 Deep Dive] 12장. 모든 웹 개발자가 관심을 가져야 할 핵심 지표 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com[12장] 모든 웹 개발자가 관심을 가져야 할 핵심 지표12.1 웹사이트와 성능웹사이트를 방문한 목적을 손쉽게 달성할 수 있어야 함목적을 달성하는 데 걸리는 시간이 짧아야 함웹사이트에서 개인정보가 누출되는 등의 사고 없이 보안이 철저해야 함12.2 핵심 웹 지.. 2024. 7. 28. [모던 리액트 Deep Dive] 11장. Next.js 13과 리액트 18 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [11장] Next.js 13과 리액트 18Next는 SSR 구조에 많은 변화가 있는 리액트 18을 채택함기존 Next의 큰 약점이었던 레이아웃 지원을 본격적으로 지원하기 시작했고, 바벨을 대체할 러스트 기반 SWC를 뒤이어 웹팩을 대체할 Turbopack까.. 2024. 7. 27. [모던 리액트 Deep Dive] 10장. 리액트 17과 18의 변경 사항 살펴보기 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [10장] 리액트 17과 18의 변경 사항 살펴보기10.1 리액트 17 버전 살펴보기기존에 사용하던 코드의 수정을 필요로 하는 변경 사항을 최소화 함. (호환성 깨짐 X)16 → 17버전으로의 버전 업은 큰 부담없이 순조롭게 할 수 있다.✨리액트의 점진적인.. 2024. 7. 26. [모던 리액트 Deep Dive] 9장. 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [9장] 모던 리액트 개발 도구로 개발 및 배포 환경 구축하기9.1 Next.js로 리액트 개발 환경 구축하기프론트엔드 개발자가 직접 만든 애플리케이션을 온전히 이해하려면 package.json부터 시작해서 하나씩 필요한 파일을 직접 설정해봐야 한다. ✨cr.. 2024. 7. 24. [모던 리액트 Deep Dive] 8장. 좋은 리액트 코드 작성을 위한 환경 구축하기 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com [8장] 좋은 리액트 코드 작성을 위한 환경 구축하기8.1 ESLint를 활용한 정적 코드 분석버그나 예상치 못한 작동을 방지하기 위해선? 정적 코드 분석을 하자!!정적 코드 분석: 코드의 실행과는 별개로 코드 그 자체만으로도 코드 스멜(잠재적으로 버그를 야.. 2024. 7. 23. [모던 리액트 Deep Dive] 7장. 크롬 개발자 도구를 활용한 애플리케이션 분석 https://github.com/Study-FE-Techbook/Modern-React-Deep-Dive GitHub - Study-FE-Techbook/Modern-React-Deep-Dive: 모던 리액트 딥다이브 스터디모던 리액트 딥다이브 스터디. Contribute to Study-FE-Techbook/Modern-React-Deep-Dive development by creating an account on GitHub.github.com[7장] 크롬 개발자 도구를 활용한 애플리케이션 분석7.1 크롬 개발자 도구란?크롬에서 제공하는 개발자용 도구로, 웹페이지에서 일어나는 거의 모든 일을 확인할 수 있는 개발도구 (도구 → 개발자 도구 / F12)크롬 개발자 도구에서 웹사이트를 제대로 디버깅하고.. 2024. 7. 22. 이전 1 2 3 다음 반응형
