본문 바로가기
반응형

전체 글284

art1 [기타] 티스토리 코드블럭 깨짐. 미리보기랑 다르게 깨질 때 html 직접 수정 방법 * 테마 적용했는데 깨진다. 미리보기에선 이쁘게 나오는데 발행만 하면 이상하다. * 가독성도 구리고 아무리 수정해도 안 먹어서 검색해봤는데 잘 안 나온다. 내가 써야겠다. 1. 글 수정 HTML 모드 접근 * 테마 적용했는데 깨진다. 미리보기에선 이쁘게 나오는데 발행만 하면 이상하다. 2. HTML 직접 수정 * HTML 모드가 활성화되면 아래 같은 소스가 보일 것이다. * 빨간 밑줄은 style이 적용되지 않아서 깨진 코드블럭, 노란 밑줄은 예쁘게 나오는 코드블럭이다. 다시 저장해도 저 style이 변경이 안되고 있기 때문에 직접 수정해줘야 한다. * 예쁘게 나오는 블럭이 있으면 그 style을 복사해 넣으면 되고, 없으면 아래 style을 사용하자. style="display: block; overf.. 2021. 8. 26.
art1 [ES6] 자바스크립트 ES6 - 2. 추가된 자주 쓰는 문법 * includes / String Literal(문자열 리터럴) / Arrow function(화살표 함수) * es6에서 추가된 기능 중 자주 쓰던 것이다. 1. includes * 배열에 특정값이 있는지 boolean으로 리턴하는 함수이다. const colorArr = ['red','yellow','blue','green']; colorArr.includes('blue'); // true * 기존 es5의 이런 코드를 줄이는데도 좋다. * 길이가 확실히 줄어들고, 동일한 if 절이 자주 사용될 때 유용했다. 속도는 건수가 많지 않아 비슷했다. // es5 if ( '10'.equals(statCd) || '20'.equals(statCd) || '30'.equals(statCd) || '40'.e.. 2021. 8. 26.
art1 [Deno] Deno 설치하기 Getting Start (window) * win 10 기준 * Deno 서버 실행부터 ts 파일 실행까지 * Node.js를 만든 개발자 Ryan Dahl은 2020년 JavaScript와 TypeScript를 위한 새 런타임인 Deno의 정식 출시 버전인 1.0 버전을 출시했다고 한다. * 컴파일없이 자바스크립트, 타입 스크립트를 이용 가능하다고 한다. 해보니 좀 컬쳐쇼크다. 되게 쉽다. * 아직 노드를 대체할 만한 녀석인지는 알 수 없지만 노드의 단점인 node_module과 빈약한 보안을 보완했다고 한다. 일단 깔아나보자. 1. Install https://deno.land Deno - A secure runtime for JavaScript and TypeScript Deno is a simple, modern and secure r.. 2021. 8. 26.
art1 [Vue] Vue.js 설치하기 (win 10) * 왕초보도 보고 순서대로 따라할 수 있는 Vue.js 설치 * 헤딩하면서 배운 Vue 설치, 빌드, 프로젝트를 띄우는 방법을 공유 1. Node.js 설치 * Vue 프로젝트를 만들기 위해선 Node.js와 npm을 먼저 설치해야 한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org * 왼쪽은 안정적인 버전, 오른쪽은 최신 기능이다. 본인은 안정적인 버전을 받았지만 아무거나 받아도 된다. 어차피 시간 지나면 또 16.7이 왼쪽으로 오고 새버전이 오른쪽으로 간다. * 다운로드 완료되면 풀 Next 설치한다. * 설치가 완료되면 터미널 창(윈도우+R.. 2021. 8. 25.
art1 [ES6] 자바스크립트 ES6 - 1. 변수와 상수 * javascript 공부 준비, 변수, 상수, VAR, LET, CONST 1. 에디터 준비 - 코드펜 * 이미 환경이 갖춰진 분은 1번 패스하셔도 됨. * 크롬 개발자도구에서도 가능. 2021.10.12 - [IT/Web] - [WEB] 스크립트 에디터 "코드펜" (js, css, html 등) [WEB] 스크립트 에디터 "코드펜" (js, css, html 등) * javascript 공부 준비, 코드펜, 변수, 상수, VAR, LET, CONST 1. 에디터 준비 - 코드펜 * 이미 환경이 갖춰진 분은 1번 패스하셔도 됨. * 크롬 개발자도구에서도 가능. 1) 코드펜 접속 및 실행 * https://codep.. studyingazae.tistory.com 2. 상수 - Const * ES6에서.. 2021. 8. 23.
art1 [Git] Git 기본 명령어 / 기본사용법 (CMD 및 Bash 사용법) * git-CMD, git-Bash 명령어, add, pull, push, commit, Branch, Github Desktop와 관련된 내용. * CLI 명령어를 사용할거면 Git-Bash 또는 Git-CMD 중 편할 걸 사용한다. * Git 설치가 안되있으면 아래 포스팅부터 시작 2021.08.20 - [Git] - [Git] Git 설치하기 (win 10) [Git] Git 설치하기 (win 10) * win 10 기준 1. Git 다운로드 https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on.. 2021. 8. 23.
art1 [ES6] ES6 꼭 알아야 되나? ES6란? * 네이버 지식백과에 따르면 ECMA Script 6의 약자로 ECMA 인터내셔널이 ECMA-262 기술 규격에 따라 정의하고 표준화된 스크립트 프로그래밍 언어를 말한다. * 500번 읽어봐도 이해 안된다. 그냥 스크립트 문법이고 표준이다. 자바스크립트에서 => 이거 모르면 아 나는 ES6를 모르는구나 하면된다. ES6 꼭 알아야 되나? 과거의 나를 포함한 대부분의 아재들은 ES6 공부를 기피한다. ES5가 거의 웹 표준처럼 자리잡았고 React, Vue 등을 쓸게 아니면 당장 필요없기 때문이다. 실제로 20년 졸업한 컴공 쥬니어도 학교에서 ES6를 배우지 않았다고 하며, 공공기관에서 사용하는 UI 개발 툴도 ES6 문법을 지원하지 않는 경우가 많다. 그리고 아재들은 자신감이 있다. "어차피 .. 2021. 8. 23.
art1 [JAVA] 자바 파일입출력, 폴더 내 파일 읽기 예제 * 파일 읽기, 파일 복사, 파일 쓰기, 폴더 내 파일 읽기, FileReader, FileWriter, BufferedReader, BufferedWriter * java 기본 기능으로 파일 내용을 읽고, 새로운 파일에 쓰는 방법 작성 (작성 후 ctrl+o로 자동 import 필수) * 로컬에서 실행하는 로컬 폴더 기준으로 작성 (서버에서 실행 시 path를 서버 폴더 path로 해야 함) * 특정 폴더 내 특정 문자열이 포함되지 않은 파일 찾기, 특정 문자열 2개 포함된 파일 찾기 등 아주 가끔 쓰긴 함. ex) 가 없는 파일 찾기, include 가 2개 이상 들어간 파일 찾기 1. 자바 프로젝트 생성 및 test.java 파일 생성 * eclipse > File 탭 > New > Other > .. 2021. 8. 23.
art1 [ORACLE] 오라클 ORA-01489 에러 LISTAGG 길이 초과 시 해결 방법 * 오라클에서 LISTAGG 길이 초과 시 ON OVERFLOW TRUNCATE 절을 사용 가능하다. (Oracle 12c 이상) * LISTAGG 초과 건 표기 방법 변경 방법 * WM_CONCAT에선 SUBSTR을 사용하면 된다. * LISTAGG 쓰다가 ORA-01489: result of string concatenation is too long 에러날 때 참고하면 좋을 것 같다. 1. 중복 제거 후 붙이기 -- 중복제거 SELECT LISTAGG(DISTINCT 컬럼명, ',') FROM 테이블명 > COL1,COL2,COL3,COL4 --중복 제거 됨 2. 중복 제거 + 4000바이트 초과 건 생략 방법 -- 초과분 생략하기 SELECT LISTAGG(DISTINCT 컬럼명, ',' ON OV.. 2021. 8. 20.
art1 [ORACLE] 오라클 문자열 붙이기 / WM_CONCAT / LISTAGG * WM_CONCAT, LISTAGG, 문자열 연결, 컬럼 붙이기, 컬럼연결, 여러행합치기 * 10g~11g R1에서는 WM_CONCAT, 11g R2 이상부터는 LISTAGG 사용 (버전모르겠으면 그냥 다해보고 되는거 하면됩니다) * 모두 GROUP 함수이기 때문에 GROUP BY는 생략. 1. WM_CONCAT ( 10g ~ 11g R1 ) -- 문자열/컬럼내용 붙이기 SELECT WM_CONCAT(컬럼명) FROM 테이블명 > ROW1,ROW2,ROW3,ROW4,ROW4 -- 중복 제거하자 SELECT WM_CONCAT(DISTINCT 컬럼명) FROM 테이블명 > ROW1,ROW2,ROW3,ROW4 -- 예쁘게 정리하자 SELECT REPLACE(WM_CONCAT(DISTINCT 컬럼명), ','.. 2021. 8. 20.
art1 [ORACLE] 자주보는 오라클 에러 모음 / ORA-에러코드 모음 * 오라클 사용 시 발생할 수 있는 각종 ORA 에러들의 원인 및 해결방법을 참고할 수 있도록 작성. * 자주 보는 에러코드를 Ctrl+F로 찾을 수 있도록 정리. * 전체는 ORA 에러코드에 대한 정보는 아래 공식 URL 참고. https://docs.oracle.com/cd/B10501_01/server.920/a96525/e0.htm#ERRMG101 ORA-00000 to ORA-00899 docs.oracle.com 오라클 에러코드 모음 * ORA-00001 : 무결성 제약 조건에 위배됩니다. (PK 중복) - PK 채번 규칙 확인 - 쿼리 2번 실행 확인 - 송신 데이터 확인 * ORA-00600 : internal error code, arguments: [], [],[] (DB 내부 오류) .. 2021. 8. 20.
art1 [ORACLE] 오라클 테이블 컬럼 순서 변경 * 오라클 테이블 컬럼의 순서를 변경한다. * 오라클 12c 이상이면 쉬운데, 11g 이하면 꼭 해야 되는 거 아니면 안 하는 게 낫다. 1. 컬럼 순서 변경(오라클 12c 이상) * COL A, C, D, B 순서에서 A, B, C, D로 바꾸고 싶다. -- 초기 컬럼 순서 > COL [ A C D B ] -- 뒤로 보낼 컬럼을 우선 숨김 처리한다. ALTER TABLE 테이블명 MODIFY COL_C INVISIBLE; ALTER TABLE 테이블명 MODIFY COL_D INVISIBLE; > COL [ A B ] -- 다시 순서대로 보이도록 한다. ALTER TABLE 테이블명 MODIFY COL_C VISIBLE; ALTER TABLE 테이블명 MODIFY COL_D VISIBLE; > COL .. 2021. 8. 20.