일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 해석
- unity
- mariadb
- 구글
- error
- java
- ubuntu
- NGINX
- 컴퓨터과학총론
- techEmpower
- 자바
- kakao
- Portfolio
- android
- 번역
- php
- it
- 한글
- 개발자
- 개발
- H2O
- caddy
- MySQL
- C lanuage
- C
- 프래그먼트
- centOS7
- 안드로이드
- server
- javascript
- Today
- Total
목록client (68)
개발모음집
설치 npm install vue-chartjs chart.js --save 참고 : https://github.com/apertureless/vue-chartjs 코드는 공홈보면 잘 나와있음. 출처 : https://vue-chartjs.org/guide/#example **에러** cannot read property 'getcontext' of undefined chartjs 조심해야할 점 vue-chartjs 사용시 코드에 영역이 필요없다.
module.exports = { head: { title: 's', }, modules: [ '@nuxtjs/axios', 'nuxt-material-design-icons', ], buildModules: [ '@nuxtjs/vuetify', ], vuetify: {}, axios: { browserBaseURL: 'https://s.co.kr/', baseURL: 'https://s.co.kr/', https: true, }, server: { port: 7777, }, }; 포트도 열려있었는데 에러가 발생 server 안에 host: '0.0.0.0' 를 넣으면 됨 module.exports = { head: { title: 's', }, modules: [ '@nuxtjs/axios', 'nux..
cors란? 동일 출처 정책(same-origin policy) 때문에 CORS 같은 상황이 발생 하면 외부서버에 요청한 데이터를 브라우저에서 보안목적으로 차단합니다 출처 : https://velog.io/@wlsdud2194/cors Cross-Origin Resource Sharing (CORS)은 추가 HTTP 헤더를 사용하여 브라우저가 한 출처에서 실행중인 웹 애플리케이션에 선택된 액세스 권한을 부여하도록하는 메커니즘입니다. 다른 출처의 자원. 웹 응용 프로그램은 자체와 다른 출처 (도메인, 프로토콜 또는 포트)를 가진 리소스를 요청할 때 cross-origin HTTP 요청을 실행합니다. cross-origin request의 예: https://domain-a.com에서 제공되는 프론트 엔드 ..
한개의 클래스 추가 element.className = "class__name"; 두 개이상의 클래스 추가 element.classList.add = "class__name-A"; element.classList.add = "class__name-B";
let name = 'void'; //1. ${} 감싸서 넣기 room.push(${name}); //2. 그냥 넣기 room.push(name); // 둘 다 void라고 나오지만 console.log(name); // 아래와 같은 함수에서는 1번같은 경우 name이 배열안에 있지않다고 값이 나온다. // 그래서 2번과 같이 배열에 값을 넣어야 한다. room.includes(name); room.indexof(name);
ES6 화살표 함수 : 화살표 함수는 기존 함수 표현식과 this를 다르게 정의합니다.기존 함수 표현식은 자기 자신을 this 객체로 정의하지만, 화살표 함수 표현식은 자기 자신을 this를 생성하지 않고, 감싸고 있는 본문 컨텍스트로 정의합니다. es5 Search({key: API_KEY, term: 'surfboards'}, function (data) { // data 는 반환값 this.setState({videos: data}); }); es6YTSearch({key: API_KEY, term: 'surfboards'}, (videos) => { // this.setState({videos: videos}); this.setState({videos}); }); es6에서는 key와 value가..
sequelize rawQuery는 raws을 json 형식으로 return 한다. ex) db.sequelize.query(`SELECT id FROM posts ORDER BY id DESC LIMIT 1;`, { type: db.sequelize.QueryTypes.SELECT , raw:true}).then(function (rows) { const id = rows[0]['id']; }); for(let i = 0; i < jsonObj.length; i++) { console.log(jsonObj[i]['id']); } 출처 : https://stackoverflow.com/questions/42290571/get-json-stringify-value
(client side) a.js 안에 b.js import 하는 방법 1. js파일들을 mjs 확장자로 바꾼다. 2. b.mjs 파일을 a.mjs 파일 안에 import한다. import b from 'b.mjs'; 3. html 파일에 a파일을 module타입으로 불러온다. 출처 : https://velog.io/@widian/%EC%9B%B9%EC%97%90%EC%84%9C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0