본문 바로가기

728x90

분류 전체보기

(129)
[HTML] 공백을 나타내는 특수문자 :   html에서는 여러 개의 공백이 있어도 하나의 공백으로만 인정합니다. 따라서 여러 칸을 띄워주고 싶다면, 와 같은 특수문자의 도움을 받아야한다
[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 태그 두 가지 표기법이 있지만..

반응형