방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com Javascript74 ES6 기능 정리(ECMAScript 6) ECMA라는 것은 표준화된 JavaScript를 만들기 위해 만들어진 사양을 의미 합니다. 그에 따른 버전인 ES6 버전에 대해서 간단하게 내용을 요약하여 보았습니다. 1. 변수 선언 방법의 변화(let, const) - let 은 블록 범위이며 값이 지정되어도 값을 바꿀 수 있습니다. - const도 블록 범위로 사용 되지만 값은 바꿀 수 없는 상수 입니다. var a = 1 if(1 == 1){ var a = 234 //함수 내부에 선언되지 않았으므로 글로별 변수와 대체 console.log(a) //234 } console.log(a) //234 ////////////////////////////////////////////////// let b = 1 if(1 == 1){ let b = 234 /.. 2021. 1. 9. 프론트와 백그라운드 개발 환경 분리, 파셀(Parcel) 파셀(Parcel)은 나온지 얼마되지 않는 젊은(?)축에 속하는 기술 입니다. 웹 어플리케이션 번들러라고 불리는 파셀의 정의는 아래와 같습니다. Parcel은 워커 프로세스를 이용하여 멀티코어 컴파일을 가능케 하고, 심지어 재시작 후라 해도 빠른 리빌드를 할 수 있도록 파일시스템 캐시를 갖고 있습니다. 말이 쉽지가 않는데, 요약을 하면 장황하게 쓰여진 자바스크립트(Javascript)와 각종 css, 기타 파일들을 한번에 압축 및 정리하여 배포 가능한 형태로 만들어주는 역할을 하는 번들러 입니다. - 번들러(bundler) : 지정한 단위로 파일들을 하나로 만들어 요청에 대한 응답으로 전달할 수 있는 환경을 만들어주는 역할 파셀(Parcel)을 통해 개발 영역을 분리함으로써 앵귤러(Angular) 또는 .. 2021. 1. 5. 자바스크립트 new 연산자 (Javascript new operator) 자바스크립트(Javascript)를 활용하여 작업을 하다보면 만날 수 있는 기호가 있습니다. 바로 new 라는 기호입니다! new라는 기호는 자바스크립트의 고유의 예약어이며 고유의 연산자(operator) 입니다. 아래는 자바스크립트의 new라는 연산자(operator)에 대한 정의 입니다. 연산자는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다 new 라는 의미는 영역(block)을 지정하여 함수 내부의 정의된 내용을 실행하여 주는 의미라 볼 수 있습니다. 역시 말이 어려우니 코드를 보는게 낫겠습니다. function structure(first, last) { this.first = first; this.last = last; this.printer = function () { r.. 2020. 12. 17. Jquery tooltip 기능 만들기(Jquery 툴팁) Jquery와 관련된 툴팁(tooltip) 기능은 검색만 하면 많은 라이브러리가 존재 합니다. 툴팁 기능은 만들기 어렵지가 않는 기능입니다. 1. 영역에 마우스가 들어온다. 2. 설정한 데이터가 표출 된다. 3. 영역에 마우스가 나간다. 4. 설정한 데이터가 가려진다. 대략적으로 고민해야 되는 방법은 위 4가지 입니다. 영역에 들어오는 것은 mouseenter 함수로 이벤트를 감지하면 되고, 영역에 나가는 것은 mouseout 함수로 이벤트를 감지하면 됩니다. $(대상).mouseenter(function (event) { //들어왔을 때 해야되는 행동 }) $(대상).mouseout(function (event) { //나갔을 때 해야되는 행동 }) 다음으로 고민해야 되는 것은 툴팁(tooltip)이 .. 2020. 12. 1. Jquery auto table rowSpan(Jquery 자동 테이블 병합, 자동 table rowspan) Jquery를 활용하여 자동으로 같은 데이터를 병합해야되는 일이 생겼습니다. 테이블을 병합해야 되는 경우는 대략 아래와 같았습니다. 데이터가 고정적이면 사실 어렵지 않습니다. 그냥 td테그에 rowSpan값을 주면 해결되는 일이기 때문 입니다. 그런데, 데이터가 동적으로 변경되는 경우였기 때문에 그렇게 할 수가 없었습니다..ㅠ 작업을 하기에 앞서서 조건을 먼저 판단하여 보았습니다. * 최초 조건 1. 테이블을 최조 검사하는 행위인지 2. tr 내부의 td의 텍스트가 같은지 3. tr 내부의 td의 텍스트가 다른지 테이블을 병합하려면 td테그에서 rowspan 속성에 값을 부여하여야 합니다. 그리고 1번 ~ 3번까지의 경우에 대해서 반복문을 위해서 Jquery의 find와 each함수를 사용 하였습니다. .. 2020. 11. 18. Javascript file type image(자바스크립트 파일 확장자 이미지) 자주 사용되는 코드라 적어둡니다. 매우 직관적이며 단순합니다. function CheckImagefiles(fileName) { var result = false; var ext = fileName.substring(fileName.lastIndexOf('.') + 1); if(!ext){ return result; } var imgs = ['gif', 'jpg', 'jpeg', 'png', 'bmp' ,'ico', 'apng']; ext = ext.toLocaleLowerCase(); imgs.forEach( function(element) { if(ext == element){ result = true; } }); return result; } 끝~ 2020. 10. 28. 이전 1 2 3 4 5 6 7 8 ··· 13 다음
