본문 바로가기
반응형

분류 전체보기706

[VueJS] vue If you are using v-if on multiple elements, use v-else-if to chain them instead. error Vue component를 처음 사용하다 보면 한번쯤은 겪을 수 있는 에러인데 발생한 에러는 다음과 같다. ▷ 에러 vue If you are using v-if on multiple elements, use v-else-if to chain them instead. error 에러가 말하고자 하는것은 "여러 개의 태그를 최상위 레벨로 동시에 위치시킬 수 없다." 라는 의미라고 보면 된다. 이게 무슨 의미인가 하면 직접 예제 코드를 통해 확인해보자. ▷ 예제1) 에러발생 코드 Vue.component('modal-test',{ template: '테스트test' ,methods:{ show:function(){ this.$modal.show("test"); } } }); 이 component를 사용해 보.. 2020. 10. 31.
[한글] 한/영 자동 변환 기능 해제하기 대부분의 문서작업 시 기본적으로 설정되어있는 한영 자동 변환 해제하는 방법에 대해 알아보자. 되게 간단하다. [도구] - [글자판] - [글자판 자동변경] 순으로 들어가서 체크를 해제해 주면 된다. 접근 방식은 두가지가 있는데 그냥 편한대로 하면 된다.1) 도구 탭 빠른메뉴 2) 도구 탭 상세메뉴 글자판 자동 변경 좌측의 체크 모양이 사라지면 해제된것이다. 2020. 10. 30.
[PostgreSQL] SELECT LIMIT ~ OFFSET 사용하기 (ft. 페이징 활용) PostgreSQL에서 특히 페이징할때 많이 사용하는 LIMIT ~ OFFSET 에 대해 알아보자. ▷ 구문 SELECT * FROM [TABLE] LIMIT [NUM_A] OFFSET [NUM_B]; LIMIT는 개수를 제한하는것이며 OFFSET은 시작 위치를 지정해준다고 생각하면 쉽다. 예제를 통해 알아보도록 하자. 예제를 시작하기에 앞서 이해를 돕기 위해 기본적으로 아래와 같은 데이터를 가진 테이블이 존재한다고 가정하여 진행한다. ▷ BBS_TABLE BBS_SN BBS_SJ BBS_CTN 1 첫번째 제목 첫번째 내용 2 두번째 제목 두번째 내용 ... ... ... 20 스무번째 제목 스무번째 내용 ▷ 예제1) 처음 10개의 게시글(ROW)를 가져온다. SELECT * FROM BBS_TABLE .. 2020. 10. 28.
[PostgreSQL] 문자열 합치기(concat , ||) PostgreSQL에서 문자열을 합치는 방법에 대해 알아보자. 오라클같은것을 많이 사용해봤으면 알겠지만 PostgreSQL 역시 '||' 와 'concat' 을 사용하여 문자열을 합칠 수 있다. 각각의 구문과 예제를 통해 알아보자. ▷ 구문1 ) || (operator) A || B || ...N - A || B ||... 이런식으로 사용하며 vertical bar 두개를 기준으로 합쳐진다. - 주의해야할 점은 PostgreSQL에서는 NULL을 인지하기 때문에 합치려는 값 중에 하나라도 NULL이 존재할 경우 NULL 을 반환한다. ▷ 예제1) use operator SELECT 'mine' || 'It' || 'Record' -- mineItRecord SELECT 'vertical' || NULL .. 2020. 10. 28.
[JavaScript] arr.map() - 배열의 데이터들을 가공하여 새로운 배열을 만들어 사용하기 Array.prototype.map() 메서드는 기존 배열 데이터를 조건에 맞게 가공하여 새로운 배열을 만들어주는 메서드이다. 가장 많이 사용되는 배열 메서드들 중에 하나로 알아두면 좋다. ▷ 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) callback : 새로운 배열 요소를 생성하는 함수 (세 가지 인수를 가진다.) currentValue : 처리할 현재 요소이다. index : 처리할 현재 요소의 인덱스를 의미한다. array : map() 메서드를 호출한 배열을 의미한다. thisArg: callback 함수를 실행할 때 this로 사용되는 값 ▷ 예제 1) Array.prototype.map() 기본 사용 방법 var arr =.. 2020. 10. 17.
[JavaScript] 배열, 객체 반복문 (ft. forEach 문 , for ~ in 문) - 배열 및 객체 반복문 사용- 배열과 객체의 반복문에 대해 알아보도록하자. 일반 for문을 사용할 순 있지만 제목에 나와있는것처럼 본문은 forEach문과 for~in문을 사용할 경우다. 1. 배열 반복문 (forEach) var targetArr = ['mine','it','record','tistory']; targetArr.forEach(function(item,index,arr){ console.log(item,index,arr[index]); }); forEach 구문에 대해 알아보자. forEach(function(item, index, arr){ ... }) for문과 다르게 forEach는 배열의 길이만큼 알아서 반복된다. 각각의 매개변수가 의미하는것은 다음과 같다. item : 배열의 .. 2020. 10. 13.
[PostgreSQL] 데이터 있으면 UPDATE 없으면 INSERT (INSERT INTO ~ ON CONFLICT DO UPDATE) PostgreSQL에서 사용하는 upsert구문에 대해 알아보자. 오라클에서는 merge into, mysql에서는 on duplicate on key update를 사용하며 이와 비슷하게 PostgreSQL에서는 insert into ~ on conflict do update 구문을 사용한다. ▷ 구문 INSERT INTO [TABLE] (COLUMN1, COLUMN2, ...) VALUES (VALUE1, VALUE2, ...) ON CONFLICT ([column_name / ON CONSTRAINT constraint_name/ WHERE predicate]) [DO NOTHING] [DO UPDATE SET column1 = value1, ...] 구문에 대해 상세히 설명하자면 ON CONFLI.. 2020. 10. 5.
[PostgreSQL] 시퀀스(Sequence) 사용법 (nextval, currval, setval) PostgreSQL에서 시퀀스(Sequence)를 사용하는 방법에 대해 알아보자. ▷ 구문 create : CREATE SEQUENCE seq_name nextval : nextval('seq_name') currval : currval('seq_name') setval : setval('seq_name', seq_val, [true/false]) drop : DROP SEQUENCE seq_name 이제 예제를 통해 직접 알아보도록 하자. ▷ 예제1) 시퀀스 생성과 삭제 CREATE SEQUENCE mine_seq; DROP SEQUENCE mine_seq; ▷ 예제2) 시퀀스 현재값과 다음값 SELECT currval('mine_seq'); SELECT nextval('mine_seq'); 여기서 c.. 2020. 10. 4.
[펌][Javascript] function의 이해 및 모듈화 출처 : http://www.nextree.co.kr/p4150/자바스크립트는 한동안 개발자들의 많은 오해와 편견으로 toy language 취급을 받아 왔습니다. 누구든지 쉽게 배워 간단히 적용할 수 있다는 생각에 깊이 있는 학습이 이뤄지지 않았습니다. 하지만, 현대의 웹 애플리케이션이 시대적 요구와 사용자의 기대로 인해 점점 더 복잡한 대규모 시스템으로 발전해 나가면서 자바스크립트에 대한 관심이 크게 늘고 있습니다. 이에 자바스크립트에 대한 올바른 이해를 위해 자바스크립트에서 가장 중요한 주제인 함수에 대해 간략히 설명하겠습니다.대부분 자바스크립트에서 함수를 설명할 때 "자바스크립트에서 함수는 first-class object(또는 citizen, value)다"라는 정의는 항상 빠지지 않고 등장하는.. 2020. 10. 4.
반응형
TOP

티스토리툴바