본문 바로가기
728x90

분류 전체보기

 (128)
[Vue.js/이슈해결] 29:15 error 'variable' is assigned a value but never used no-unused-vars // eslint-disable-line no-unused-vars 주석을 달아 해당 에러를 무시하도록 설정 예시)
[node.js] Oracle DB 연동하기 (DPI-1047/ORA-12154 에러 해결방법) npm install oracledb const oracledb = require('oracledb') oracledb.outFormat = oracledb.OUT_FORMAT_OBJECT DB 연결 connection = await oracledb.getConnection({ user : "user", password : "password", connectString : "host:port/service_name" }) Error: DPI-1047 에러가 날 경우, 아래 페이지에서 각 환경에 맞는 오라클 클라이언트 파일을 zip 파일로 다운 받은 다음, 압축 해제한 디렉토리를 아래 명령어로 지정해준다 https://www.oracle.com/database/technologies/instant-clie..
[HTML/JS] Custom Element 구현하기 정의 규칙 글자 가운데 -를 하나 이상 포함해야 한다. 사용법 예시 6/11/2017, 11:55:49 class CurrentTime extends HTMLElement { constructor() { // 클래스 초기화. 속성이나 하위 노드는 접근할 수는 없다. super(); } static get observedAttributes() { // 모니터링 할 속성 이름 return ['locale']; } connectedCallback() { // DOM에 추가되었다. 렌더링 등의 처리를 하자. this.start(); } disconnectedCallback() { // DOM에서 제거되었다. 엘리먼트를 정리하는 일을 하자. this.stop(); } attributeChangedCallback(..
[JS] JS 기본 개념 관련 참고 자료 1) 구조 분해 할당 - 배열 구조 분해 - 객체 구조 분해 - 기본값 갖는 새로운 이름의 변수에 할당하기 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 2) fetch https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch 3) axios https://axios-http.com/kr/docs/example 4) async, await - async/await와 함께 다시 쓰는 promise code https://developer.mozilla.org/ko/docs/Learn/JavaScript/Asynchr..
[JS] 코딩 컨벤션 함수명 정의 동사를 사용하여 작성한다. (ex. getElement(), setOption()...) Private 메소드 인 경우 메서드 이름 앞에 언더스코어(_)를 사용한다. 카멜 표기법을 준수한다. 복합어 이름은 첫 번째 단어를 소문자로 작성하고, 두 번째 이상의 단어 첫 글자를 대문자로 작성하여 단어를 구분한다. 함수 이름의 첫 글자로 연속된 두 개의 언더스코어(__) 기호와 달러 기호($)는 사용하지 않는다. Getter, Setter 메서드는 반드시 'get + 멤버변수 이름', 'set + 멤버변수 이름' 형식으로 작성한다. getElement(); isChecked(); setOption(); 이벤트 핸들러 메서드는 _on + 이벤트명으로 시작하도록 정의한다.
[eCharts] 데이터 포인트별 마크 모양 다르게 하기 사용법 markpoint 옵션 사용 기본적으로 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow' 의 모양 사용 가능하며, 이미지로도 설정 가능 coord : [x-axis값, y-value값] symbol : 마크 모양 symbolSize : 마크 크기 symbolRotate : 마크 회전 각도 (화살표와 같은 마크에서 필요한 옵션) itemStyle - color : 마크 색 지정 예시 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { dat..
[EJS] ejs 사용 튜토리얼 ejs란? ejs는 Embedded JavaScript의 약자로, 자바스크립트가 내장되어 있는 html 파일을 의미한다 html 파일과의 차이점은 html 안에 내장되어 있는 것과 바깥에서 건드리는 것의 차이이다. 즉, ejs는 html의 태그처럼 자바스크립트 내용을 삽입할 수 있다. 일반 html 파일은 무조건 태그를 이용해 분리를 시켜야하지만, ejs는 지정된 태그를 통해 스크립트 내용을 하나의 요소처럼 사용될 수 있게 한다. 또한 서버에서 보낸 변수를 가져와 사용할 수 있다 ejs에는 자바스크립트를 내장 시킬 수 있는 2가지의 태그가 있다. 태그 안에는 무조건 자바스크립트 코드가 들어가야한다. 그리고 줄바꿈을 하면 새로운 를 이용해야 한다. 안방으로 들어왔습니다. or 태그 두 가지 표기법이 있지만..
Node.js/Express 튜토리얼 1. node.js 설치 설치 후, 터미널에서 아래 명령어를 입력해 node.js와 npm의 설치 버전 확인 * npm(node package manager)은 node.js 내부의 패키지 관리자로, node.js 설치 시 자동으로 같이 다운됨 node -v npm -v 2. js 파일 실행 방법 node node test.js 3. 오픈소스 모듈 설치방법 npm install * 패키지 다운 전에 npmjs.com에서 패키지의 안정성을 검토하고 적용 npm install nodemailer * 설치되는 모듈은 node_modules 폴더에 들어오게 됨 * package-lock.json 파일에는 설치된 모듈 정보가 json 파일 형식으로 정리되어 있음 4. 설치한 모듈 불러오기 require('') c..
반응형

티스토리툴바