개발자의 정보/JS & framework13 React 구성 요소의 수명 주기 React 구성 요소의 수명 주기는 다음 메서드로 나눌 수 있습니다. constructor(props): 이 메소드는 컴포넌트가 마운트되기 전에 호출됩니다. 상태를 초기화하고 이벤트 핸들러를 바인딩하는 데 사용됩니다. componentWillMount(): 이 메서드는 구성 요소가 렌더링되기 전에 호출됩니다. 구성 요소가 렌더링되기 전에 필요한 설정 또는 구성을 수행하는 데 사용됩니다. render(): 이 메서드는 구성 요소를 렌더링하기 위해 호출됩니다. 구성 요소의 보기를 나타내는 JSX 요소를 반환합니다. componentDidMount(): 이 메서드는 구성 요소가 렌더링된 후 호출됩니다. 구성 요소의 DOM 노드가 필요한 모든 설정 또는 구성을 수행하는 데 사용됩니다. componentWillR.. 2023. 1. 29. Workbox webpack Plugin 선택 기준 SW 생성 GenerateSW 플러그인은 서비스 워커 파일을 생성하고 웹팩 자산 파이프라인에 추가합니다. generateSW를 사용하는 경우 파일을 미리 캐시하려고 합니다. 간단한 런타임 구성이 필요합니다(예: 구성을 통해 경로와 전략을 정의할 수 있음). generateSW를 사용하지 않는 경우 다른 서비스 워커 기능(예: 웹 푸시)을 사용하려고 합니다. 추가 스크립트를 가져오거나 추가 논리를 추가하려고 합니다. 매니페스트 주입 InjectManifest 플러그인은 사전 캐시할 URL 목록을 생성하고 해당 사전 캐시 매니페스트를 기존 서비스 작업자 파일에 추가합니다. 그렇지 않으면 파일을 있는 그대로 둡니다. 주입매니페스트를 사용하는 경우 서비스 작업자에 대한 더 많은 제어를 원합니다. 파일을 미리 캐.. 2021. 8. 25. Vite 및 Vue.js를 사용한 ESLint 및 Prettier 3 https://vueschool.io/articles/vuejs-tutorials/eslint-and-prettier-with-vite-and-vue-js-3/ 다니엘 켈리가 작성한 기사 "대규모 Vue 애플리케이션을 구성하는 방법" 시리즈 의 이전 기사 에서 Vue.js 애플리케이션에서 코드베이스를 예측 가능하고 탐색하기 쉽고 이해하기 쉽게 유지하기 위해 사용할 수 있는 몇 가지 표준을 살펴보았습니다. 특히 팀과 함께 대규모 애플리케이션을 구축할 때 개발자 경험을 개선하기 위해 취할 수 있는 또 다른 단계는 코드 린트 및 서식 지정을 위한 일부 자동화 프로세스를 설정하는 것입니다. 아마도 당신은 전에 그런 도구를 사용한 적이 없을 것입니다. 린트 및 형식 지정의 "무엇과 이유"를 간략하게 살펴본 다음 .. 2021. 7. 30. 대규모 Vue.js 애플리케이션을 구성하는 방법 https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/ 대규모 Vue.js 애플리케이션을 구성하는 방법 시리즈의 1/3부. 다니엘 켈리 씀 Vue.js 애플리케이션을 구성하는 가장 좋은 방법은 성장할수록 확장 가능하고 유지 관리 및 확장 가능하도록 유지하는 것입니다. 이것은 내가 수없이 들었던 질문이며 그 질문에 대한 한 가지 대답은 예측 가능성의 원칙에 있다고 생각합니다. 확장 가능한 프로젝트를 만들 때 모든 것이 가능한 한 예측 가능하기를 원합니다. 예측 가능성이란 정확히 무엇을 의미합니까? 가장 간단한 것은 기능 요청 또는 버그 보고에서 해당 작업을 해결할 수 있는 코드베이스의 위치.. 2021. 7. 30. 대규모 Vue.js 3 애플리케이션 구축을 위한 6가지 팁 https://vueschool.io/articles/vuejs-tutorials/6-tips-for-building-large-scale-vue-js-3-applications/?fbclid=IwAR1BOzf54d7NQ5S8FYfy_wABsq-tRwvGPqbdAeTyDKdHVSWhMyg5MHnkWo0 Vue.js 3은 크고 작은 애플리케이션을 구축하기 위한 견고한 프레임워크입니다. 대규모 Vue.js 애플리케이션을 구조화하는 방법 시리즈에서 대규모 프로젝트에 이를 가장 잘 활용하는 방법을 탐구했습니다. 우리는 좋은 파일 구조가 무엇인지, 예측 가능성에 대한 몇 가지 표준, 깨끗하고 일관된 코드를 위해 ESLint 및 Prettier를 사용하는 방법을 조사했습니다. 이 기사에서는 Vue 커뮤니티와 대규모.. 2021. 7. 30. html-midi-player 2021. 7. 25. 이전 1 2 3 다음
