[Vue.js] 뷰 라이프사이클(Vue LifeCycle)

• LifeCycle이란? 라이프사이클 = 생명주기 Vue에서 인스턴스가 생성되고 소멸까지의 과정을 라이프사이클이라 한다. Vue로 개발할 시, 컴포넌트를 많이 사용하는데 라이프사이클을 잘 알아두면 여러모로 활용할 수 있다. • LifeCycle 종류 1. 생성(Creation) 단계 - 인스턴스 생성 2. 장착(Mouting) 단계 - 인스턴스를 화면에 표시 3. 수정(Updating) 단계 - 인스턴스 내용 변경 4. 소멸(Destruction) 단계 - 인스턴스 소멸 각 단계별로 2가지의 속성이 있다.(총 8가지) • 생성(Creation) 단계 - beforeCreate 인스턴스가 생성되고 가장 먼저 실행된다. 이 단계에서는 data, method 속성이 정의되지 않았고, DOM에 등록되어 있지 ..

• format_list_bulleted Vue.js
• · 2023. 7. 28.
• textsms

Vue vs React

• 라이브러리 vs 프레임워크 Framework Library 공통점 다른 사람이 만들어 둔 코드 차이점 다른 사람이 만든 틀(Frame)안으로 들어가서 작업 내 작업에 다른 사람이 만들어 둔 코드를 가져와서 사용하는 것 Vue는 Framework임 프레임워크는 모든 환경과 도구를 제공해주지만 그것들만 사용해야 함 해당 기술을 새롭게 배워야 함 React는 JavaScript 라이브러리임 라이브러리는 하나의 도구를 제공받는 것으로 우리가 원하는 내용 선택할 수 있음 다른 도구들을 기본적으로 제공하지 않아서 개발자가 스스로 선택해서 조합해야 함 • 코드 스타일 조건에 따라 Button의 visibility 유뮤를 변경해주는 예제가 있다고 하자. React //&&연산자 사용 {isVisible && 조건에..

• format_list_bulleted Vue.js
• · 2023. 5. 7.
• textsms