728x90 전체 글59 [Vue] Axios Axios HTTP통신 : axios Vue에서 권고하는 HTTP통신라이브러리 *Promise기반의 HTTP통신 라이브러리이며 다른 HTTP통신 들에 비해 문서화가 잘되어 있고 다양한 API 존재 *Promise - 서버에 데이터를 요청하여 받아오는 동작과 같은 비동기 로직처리에 유용한 자바스크립트 라이브러리 - 데이터 요청 후 받아올때까지 기다렸다가 화면에 나타내는 로직을 실행할때 주로 사용 axios대표 API API유형 처리결과 axios.get('URL').then().catch() 해당 URL 주소에 대해 HTTP GET요청을 보냄. 서버에서 보낸 데이터를 정상적으로 받아오면 then()안에 정의된 로직이 실행되고, 데이터를 받아올 때 오류가 발생하면 catch()에 정의한 로직이 실행 axio.. 2022. 5. 11. [Vue] Vue Component Vue Component 컴포넌트(Component) Vue의 가장 강력한 기능 중 하나 HTML Element를 확장하여 재사용 가능한 코드를 캡슐화 Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용 Life Cycle Hook 사용가능 전역컴포넌트와 지역컴포넌트 존재 전역컴포넌트 등록 ** 케밥표기법 : 케밥이 꽂혀있는것처럼 -를 이용하여 이름을 표기, 전부 소문자 지역컴포넌트 등록 Component Template {{msg}} Component Data 공유 전역변수와 지역변수에 따른 Data공유 - count 가 전역일 경우 컴포넌트 데이터 공유 문제 {{ count }} 클릭 - count 가 지역일 경우 컴포넌트 데이터 공유 문제 해결 {{ count.. 2022. 5. 10. [Vue] Vue event Vue event Vue event - Dom Event를 청취하기 위해 v-on directive를 사용 - method를 이용한 event handling - inline event handling v-on - v-on directive를 사용하여 DOM이벤트를 듣고 트리거가 될 때 JavaScript를 실행할 수 있다. 클릭 위 버튼을 클릭한 횟수는 {{counter}} 번 입니다. method event handler - 이벤트 발생 시 처리로직을 v-on에 넣기 힘들기 때문에 이벤트 발생 시 처리해야 하는 method의 이름을 받아 처리 Greet inline method handler - 메소드이름을 직접 바인딩 하는 대신 인라인 JavaScript구문에 메소드를 사용할 수도 있다. - 원본 .. 2022. 5. 10. [Vue] Vue Instance Vue Instance속성 Vue method - method안에서 data는 "this.데이터이름"으로 접근 가능 data : {{message}} method kor : {{helloKor()}} method eng : {{helloEng()}} * method안에서도 함수끼리 접근할땐 this.키워드를 사용한다. body> method test 아이디 이름 등록 filter - 화면에 표시되는 텍스트의 형식을 쉽게 변환해주는 기능 - 중괄호보간법( {{ }} ) 또는 v-bind속성에서 사용가능 결과 : {{ msg | count1 }} {{ msg | count2('문자를 넣어보세요') }} 금액 : 전화번호 : {{ msg1 | price | won }} {{ msg2 | mobile }} co.. 2022. 5. 10. [SQLD] 데이터 모델과 성능 데이터 모델과 성능 ① 대량의 데이터에 따른 성능 대량의 데이터의 문제점 로우체이닝 : 로우 길이가 너무 길어 두개 이상의 블록에 걸쳐 하나의 로우가 저장되는 현상 로우마이그레이션 : 데이터 블록에서 수정이 발생 시 해당 데이터 블록에 저장하지 못하고, 다른 블록의 빈공간에 저장하는 방식 대량데이터 저장의 성능 향상법 (파티셔닝 기법) RANGE PARTITION - 가장 많이 사용, 날짜/숫자값으로 분리가 가능 LIST PARTITION - 지점, 사업소, 핵심적인 코드값 등으로 PK가 구성되어 있는 경우 사용, 보관주기에 따른 삭제기능X HASH PARTITION - 해쉬알고리즘이 적용되어 테이블이 분리, 설계자는 테이블에 데이터가 정확하게 들어갔는지 확인하기 어려우며(위치 알수없음) 보관주기에 따른.. 2022. 5. 8. [SQLD] 정규화, 반정규화 정규화, 반정규화 ① 정규화 제 1정규형 : 모든 속성은 반드시 하나의 값을 가져야 한다. * 위반CASE - 한 속성에 여러개의 값 존재(다중값) - 중복데이터를 속성으로 분리 제 2정규형 : 엔티티의 일반속성을 주식별자 전체에 종속적이어야 한다. * 위반CASE - 주식별자가 여러개여서 하나의 속성이 여러개에 중복적으로 종속되는 경우 - 여러개에 중복적으로 종속되었을 경우 수정대상이 많아진다 제 3정규형 : 엔티티의 일반속성 간에는 서로 종속적이지 않는다. * 위반CASE - 이행종속 정규화를 통한 성능향상 - 정규화 수행모델은 데이터를 입력/수정/삭제 할 때 처리성능이 향상된다 - 단 데이터를 조회할 때에는 조건에 따라 성능이 저하될 수도 있음 ②반정규화 반정규화의 기법 테이블의 반정규화 - 테이블.. 2022. 5. 8. 이전 1 2 3 4 5 ··· 10 다음 728x90
