본문 바로가기
반응형

분류 전체보기144

[vus.js] Vuex란? ✔ Vues란 상태(state)를 관리하는 라이브러이이다. 여기서 상태란? new Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count++ } } }) 여기서 data()를 상태(state)라고 부르는데 컴포넌트 간의 공유할 수 있는 데이터를 말한다. 이 상태를 관리하는 것이 Vuex이다. prop나 ref등 컴포넌트 간 데이터(상태)를 공유할 수 있는데 왜 Vuex가 필요한걸까? 공통의 상태를 공유하는 여러 컴포넌트가 있는 경우, 지나치게 중첩된 컴포넌트를 통과하는 prop이 생기게 된다. 이는 나중에 유지보수하기 힘든 난해한 코드가 될 수 있.. 2024. 4. 19.
Vue.js 입문 https://v2.ko.vuejs.org/v2/guide 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 v2.ko.vuejs.org Vue.js는 웹 프론트엔드 프레임워크이다. - 컴포넌트 기의 SPA(Single Page Application)을 구축할 수 있게 해주는 프레임워크 컴포넌트(Component) -웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹페이지 내의 다양한 UI dyth - 재사용 가능하도록 구조화 한 것 SPA Single Page Applicaion) - 단일 페이지 어플리케이션 -하나의 페이지 안에서 필요한 영역 부분만 로딩되는 형태 - 빠른 페이지 변환 - 적은 트레픽 양 React랑 Vue는 공통점을 공유함 -가상 DOM을 활용한다. -반응.. 2024. 4. 19.
XML 부등호 에러 (The content of elements must consist of well-formed character data or markup.) XML파일 에서는 으로 감싸준다. 변경 전 코드 : select li.lec_id ,li.lec_name ,tm.test_name ,case when start_date now() then '강의중' when start_date > now() then '강의 시작전' when end_date < now() then '강의 종료' else '기타' end letstatus ,li.pre_pnum ,ifnull(tl.cnt,0) as cnt ,(li.pre_pnum - ifnull(tl.cnt,0)) as notest ,ifnull(li.lec_type_id,0) as lec_type_id ,ifnull(li.test_id,0) as test_id from tb_le.. 2024. 4. 12.
[개발 환경 서비스] ideone 다양한 프로그래밍 언어를 온라인으로 컴파일하고, 쉽게 코드를 공유하고 업데이트가능 내가 까먹을까봐 쓰는 사이트! edit 코드 수정 fork 소스마다 인터넷 주소를 갖게 되는데, 해당 코드를 새로운 주소로 복사해줌. download 작성한 소스코드 다운로드 template 소스코드 틀을(메인함수와 필수선언부) 매번 작성하는 방식 대신에, 작성해놨다가 꺼내서 쓸 수 있는 방법. https://ideone.com/ Ideone.com Ideone is something more than a pastebin; it's an online compiler and debugging tool which allows to compile and run code online in more than 40 programmin.. 2024. 4. 4.
728x90
반응형

티스토리툴바