써먹는 웹개발

모듈기반으로 참고파일에서 로직을 구현후에 호출해서 쓰는 방법입니다. 1. export : 프로퍼티나 메서드를 구현해놓는다. // myLogger.js 파일 속 코드 export function log(data) { console.log(data); } export const getTime = () => { return Date.now(); } export const getCurrentHour = () => { return (new Date).getHours(); } 2. import : 프로퍼티나 메서드를 필요한 파일에서 쓸수있도록 가져온다. // myLogger.js와 같은 경로의 파일 import {log, getTime, getCurrentHour} from './myLogger'; log('my ..

객체의 Prototype을 변경하려면 Object.setPrototypeOf() 메서드를 사용하면 됩니다. 사용방법 let person = { getGreeting() { return "안녕!"; } }; let dog = { getGreeting() { return "멍!"; } }; // prototype은 person let friend = Object.create(person); console.log(friend.getGreeting()); // "안녕!" console.log(Object.getPrototypeOf(friend) === person); // true // prototype을 dog로 설정 Object.setPrototypeOf(friend, dog); console.log(fri..

weakMap과 weakSet의 정의 - 해당 객체는 object만을 키로 허용하고 값은 임의의 값을 허용하는 키/값 형태 요소의 집합 - 객체 외에 특정 type의 값을 저장할 수 없다. - 윈도우 파일의 바로가기 같은 역할이다. (용량을 차지하지 않기 때문) 그러므로 가비지 콜렉터의 실행 대상이 아니다. 1. weakMap - 객체 중복가능 - 주어진 객체가 map안에 존재하는지 확인하는 용도 - 관련 메서드 1) WeakMap.prototype.delete(key) : delete되면 has할때 false 반환 2) WeakMap.prototype.get(key) : 관련값이 없으면 undefined 반환 3) WeakMap.prototype.has(key) : boolean 반환 4) WeakMa..

html 소스 ... apple orange banana strawberry function print() { // 문자열 'e'가 포함된 노드로 구성된 배열을 만들어서 반환하기 let list = document.quarySelectorAll("li"); let listArray = Array.from(list); let eArray = listArray.filter(function(v) { return v.innerText.includes("e"); }); return eArray; } 출처 : https://www.inflearn.com/course/es6-%EA%B0%95%EC%A2%8C-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/lectur..

1. 반복문 안에 선언된 변수를 클릭이벤트 등으로 호출해야되는 상황 ※ 출처 : 인프런 - 모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

window -> new window하면 동일한 이클립스가 새창으로 뜨면서 소스파일이 열린다. 출처 : https://stackoverflow.com/questions/12669752/when-opening-java-files-in-eclipse-juno-the-editor-seems-to-be-minimised-or-hid/18513973

이클립스에서 코드프리즘(CodePrism) 돌릴 때 나타나는 실행할 때 나타나는 메시지와 해결방법입니다. 종류 메시지 해결방법 Critical 데이터 유무 확인 시 count(*) 함수의 사용 피함 count(*) 대신 sum(1)을 할 것 ※ count(*) over()를 sum(1) over()로 해도 상관없음 코드프리즘 돌릴 때 나타나는 메시지에 대한 해결방법을 알고싶으신 분은 댓글에 종류와 메시지를 달아주세요.

숨겨진 ui를 show 함수 호출시 ui가 깨지는 현상이 간혹 있는데 해결한 방법입니다. 해결방법 $("elementID").setStyle("display","block"); ※ Prototype Framework에서 Element에 css가 아닌 자바스크립트로 스타일을 적용할 수 있게 하는 setStyle()이라는 메서드를 제공하고 있습니다. setStyle()의 좋은 점은 css에서 적용하는 것처럼 스타일을 한꺼번에 적용할 수 있다는 점입니다. 참고 : https://blog.outsider.ne.kr/114