목록전체 글 (395)

개발모음집

페이지 리로딩시에도 남아있는 input의 텍스트를 지우는 방법

// input 태그에 autocomplete="off" 삽입 출처 : https://stackoverflow.com/questions/38799096/clear-input-fields-on-page-refresh-microsoft-edge
client/HTML 2020. 7. 22. 10:00
input type text일 때 enter event 아는 법

원래는 searchInput.addEventListener('keypress', async e => { if (e.keyCode === 13) console.log('enterEvent') }) 위와 같이 e.keyCode로 엔터인지 확인했으나 keyCode가 deprecated되면서 아래와 같이 e.code로 사용하는 것을 권장함 searchInput.addEventListener('keypress', async e => { if (e.code === 'Enter') console.log('enterEvent') }) 출처 : https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
client 2020. 7. 21. 10:00
webstorm에서 특정 js파일만 dtd 파일로 인식하는 문제 해결방법

다른 js파일들은 js로 인식하는데 posts.js 파일만 DTD 형식으로 인식했다. 다른 프로젝트를 생성하여 posts.js로 만들어도 동일하게 문제가 발생했다. 위 이미지와 같이 preference - Editor - File Types - XML Document Type Definition에 가니 위와 같이 posts.js가 있었다. posts.js를 제거하니 posts.js 파일을 js로 인식했다. 출처 : https://intellij-support.jetbrains.com/hc/en-us/community/posts/207062135-One-js-file-not-recognized-as-javascipt-others-ok
client 2020. 7. 10. 10:00
자원이 MIME 타입(“text/html”)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다.

js 파일을 인크루드했는데, 파일경로를 찾을 수 없을 때 생기는 에러였다. // apache root 경로 밖의 파일을 root로 옮기고 // 아래와 같이 변경
client 2020. 7. 9. 10:00
fetch query 보내는 법

let params = { "param1": "value1", "param2": "value2" }; let query = Object.keys(params) .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) .join('&'); let url = 'https://example.com/search?' + query; fetch(url) .then(data => data.text()) .then((text) => { console.log('request succeeded with JSON response', text) }).catch(function (error) { console.log('request failed', error..
client 2020. 7. 6. 10:00
eslint rule, arrow function 허용하기

arrow function이 error 나서 아래와 같이 해결 npm i -D eslint babel-eslint // .eslintrc.js module.exports = { //... parser: 'babel-eslint', }
client 2020. 7. 3. 10:00
d3.js responsive chart 하는 법

width = 500; height = 500; const svg = d3 .select("#chart") .append("svg") .attr("viewBox", `0 0 ${width} ${height}`) 위코드처럼 viewBox를 추가해주면 된다. 출처 : https://stackoverflow.com/questions/9400615/whats-the-best-way-to-make-a-d3-js-visualisation-layout-responsive
client 2020. 7. 2. 10:00
javascript foreach, map, reduce

1) for ~ each : for문이랑 같은 내용 사전적 의미 for each : ~마다, 제각기, 각각의 고유명사 forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행합니다. 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않습니다. (예: 희소 배열) forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다 Array.prototype.forEach(callback[, thisArg]) - callback : function (currentValue[, index[, originalArray]]) - currentValue`: 현재값 - index: 현재 인덱스 - originalArray: 원본 배열 - thisArg: t..
client 2020. 7. 1. 10:00
이전 Prev 1 2 3 4 5 6 7 ··· 50 Next 다음