728x90 Programming36 [Vue] 상태 관리 패턴 상태 관리 구성 요소 state : 컴포넌트 간에 공유할 data view : 데이터가 표현될 template actions : 사용자의 입력에 따라 반응할 methods new Vue({ // state data() { return { counter: 0 }; }, // view template: ` {{ counter }} `, // actions methods: { increment() { this.counter++; } } }); 단방향 흐름 처리 View → Actions → State → View → Actions → State → ... 2022. 1. 24. [Vue] Vuex의 4가지 속성 state : 공유한 상탯값 데이터 정의 mutations : setters의 의미로 이해하면 좋으며 외부에서 동기 방식으로 저장할 때 사용 getters : state의 데이터값을 외부에서 읽어 올 때 사용 actions : 외부의 API 실행 같은 비동기 실행을 관리할 때 사용 2022. 1. 24. [Vue] Vue에 대해서 Vue {{데이터}} : 데이터를 있는 그대로 표시 v-bind : 요소의 속성을 데이터로 지정 v-model : 입력폼과 데이터의 연결 v-on : 이벤트 연결 v-if : 조건에 따라 표시 v-for : 반복해서 표시 computed : 데이터를 사용한 계산 watch : 데이터의 변화 감시 transition : 표시 / 바표시에 애니메이션 처리 component : 컴포넌트 조립 싱글 파일 컴포넌트(Single File Components) 체계 .vue 파일로 프로젝트 구조를 구성하는 방식 확장자 .vue 파일 1개는 뷰 애플리케이션을 구성하는 1개의 컴포넌트와 동일하다. 2022. 1. 24. [Vue] Vue 명령어 ⭐ vue 설치 npm install -g @vue/cli vue create test cd test npm run serve ⭐ vue router 설치 npm install vue-router --save ⭐ vue bootstrap 설치 npm install vue bootstrap bootstrap-vue ⭐ Vuetify 설치 vue add vuetify 2021. 10. 23. Firebase version error(Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').) https://github.com/jiyeong1004/nwitter GitHub - jiyeong1004/nwitter: Cloning Twitter with React and Firebase Cloning Twitter with React and Firebase. Contribute to jiyeong1004/nwitter development by creating an account on GitHub. github.com 책 내용 중 p.40 ( ./src/firebase.js ) 에 import firebase from "firebase/app"; 이렇게 import가 되어있다. 파이어베이스 설정을 다 하고 파이어베이스 동작 확인을 위해 npm run start 로 리액트 서버를 실행시켰는데 자꾸.. 2021. 9. 25. [Database] 슈도컬럼(Pseudo-Column) 슈도컬럼(Pseudo-Column) 이란? 가상컬럼이라고 하기도 하며 의사컬럼이라고도 한다. 오라클에서는 ROWNUM이 대표적으로 가장 많이 쓰인다. 참고 : https://blog.naver.com/zeddn2/221124792747 [SQL] 슈도컬럼이란? PSEUDO COLUMN, 가상컬럼 슈도컬럼(PSEUDO COLUMN) 가상컬럼 ROWNUM / ROWID 슈도컬럼(Pseudo-Column)이란... blog.naver.com select rowid, rownum, empno, ename from emp; select * from emp; -- rowid가 책의 색인(index)정보 -- where deptno = 10; -- rownum은 테이블에 저장되어있는 순서대로 순서값을 나타냄 sele.. 2021. 8. 20. [Database] 다중행 서브쿼리 다중행 서브쿼리란? 서브쿼리의 결과가 둘 이상일 경우 다중행 비교연산(in any all) -- 다중행 서브쿼리 -- 연산자 -- IN : 목록에 있는 임의의 값과 동일하면 참 -- ANY : 서브쿼리에서 반환된 각각의 값과 비교하여 하나라도 참이면 참 -- ANY : 최소값보다 큼 -- = ANY : IN과 동일하다. -- ALL : 서브쿼리에서 반환된 모든 값과 비교하여 모두 참이어야 한다. -- ALL : 최대값보다 큼 예제1) 다음 문장의 결과를 확인하시오 select empno, ename, job, sal, deptno from emp where sal = (select MAX(sal) from emp GROUP B.. 2021. 8. 20. [Database] 서브쿼리 서브쿼리란? 하나의 SQL 문에 포함되어 있는 또 다른 SQL 문을 말한다. 예제1) 7566 사원보다 급여를 많이 받는 사원의 이름, 급여를 조회하라 -- 7566사원이 받는 급여 select sal from emp where empno = 7566; 7566사원이 받는 급여는 2975이다. select ename, sal from emp where sal > 2975; 7566사원이 받는 급여인 2975를 바로 써서 비교해도 되고, -- 조건절(where)에 서브쿼리가 들어감 select ename, sal from emp where sal > (select sal from emp where empno = 7566); 조건절(where)에 서브쿼리를 써서 비교해도 된다. 예제2) emp테이블에서 사원.. 2021. 8. 20. 이전 1 2 3 4 5 다음 728x90
