티스토리

Life goes slowly...

검색하기

블로그 홈

Life goes slowly...

redcow77.tistory.com/m

천천히 가는 삶...

구독자: 15

방명록 방문하기

주요 글 목록

[TypeScript] 타입스크립트의 타입호환 타입스크립트(TypeScript)의 타입 호환이란 타입스크립트 코드에서 특정 타입이 다른 타입과 잘 맞는지를 의미합니다. 기본적으로 자바스크립트는 객체 리터럴이나 익명 함수 등을 사용하기 때문에 명시적으로 타입을 지정하는 것보다는 코드의 구조 관점에서 타입을 지정하는 것이 더 올바른 코드 방식입니다. interface user { name: string; } inteface login { name: string; } let i: user; i = new login(); 구조적 타이핑 예시 구조적 타이핑이란 코드 구조 관점에서 타입이 서로 호환되는지의 여부를 판단하는 것입니다. interface Users { name: string; } let loginName: Users; // 타입스크립트가 추론한 y.. 공감수 0 댓글수 1 2023. 12. 7.
[TypeScript] 타입스크립트의 인터페이스란? 타입스크립트(TypeScript) 코드의 인터페이스는 객체 내의 프로퍼티를 정의하는 방법입니다. 변수를 선언할 때마다 각각 타입을 지정하는 방법보다 인터페이스를 사용하는 방법이 편하고 재사용도 가능하기에 자주 사용하는 문법입니다. 타입스크립트(TypeScript) 인터페이스란? 프로그래밍 코드에서 상호간에 정의한 약속 혹은 규칙을 인터페이스라고 합니다. 타입스크립트(TypeScript)에서 인터페이스는 다음과 같은 범위에서의 약속을 정의가 가능합니다. 인터페이스를 통하여 값이 따라야 할 제약을 타입으로 표현 가능하며, 인터페이스 타입을 통하여 값의 형태를 서술이 가능합니다. 1. 클래스 2. 배열과 객체를 접근하는 방법 3. 함수의 파라미터 4. 객체의 스펙(속성과 속성의 타입) 5. 함수의 스펙(파라미.. 공감수 0 댓글수 0 2023. 12. 6.
[TypeScript] 타입스크립트의 고유문법 타입스크립트(TypeScript) 고유문법 1. 타입 주석과 타입 추론 타입 주석이란 변수 뒤에 콜론(:)과 타입 이름을 말합니다. 하지만 타입 주석을 생략도 가능합니다. 타입 부분이 생략되면 대입 연산자(=)의 오른쪽 값을 분석하여 변수의 타입을 결정하는데 이를 타입 추론이라고 합니다. 타입스크립트(TypeScript)의 타입 추론 기능은 자바스크립트 코드와 호환성을 보장하는데 큰 역활을 하며, 이 때문에 자바스크립트로 작성된 '. js' 파일을 확장자만 '. ts'의 확장자로 바꾸게 되면 타입스크립트 환경에서도 동작이 가능합니다. //타입 주석 let num: number = 1; //타입 추론 let n = 10; 2. 튜플(Tuple) 튜플(Tuple)은 파이썬과 같은 몇몇 프로그래밍 언어에서 사.. 공감수 0 댓글수 2 2023. 12. 5.
[TypeScript] 타입스크립트의 기초문법 타입스크립트(TypeScript) 코드에서는 어떠한 변수 또는 값의 타입을 표기하기 위하여 타입 표기를 사용합니다. 타입 표기는 식별자 또는 값 뒤에 콜론(:)을 붙여서 value:type 의 형태로 표기합니다. 타입스크립트(TypeScript) 기본 타입 1. Boolean - 타입의 진위 값을 확인하기 위한 타입, 참 또는 거짓을 나타내는 타입입니다. let status: boolean = true; 2. Number - 숫자를 나타내는 타입입니다. let count: number = 1; 3. String - 문자열을 나타내는 타입입니다. let str: string = "Hello World"; 4. Array - 배열을 나타내는 타입으로 요소의 타입까지 정의해야 합니다. let arr: numb.. 공감수 0 댓글수 0 2023. 12. 4.
[TypeScript] 타입스크립트는 무엇일까? 자바스크립트에는 현재 세 가지 종류가 있습니다. 웹 브라우저에 동작되는 표준 자바스크립트 ES5(ECMA Script 5)와 2015년부터 새로운 버전을 발표하고 있는 ESNext(ES6), 그리고 ESNext에 타입(Type) 기능을 추가한 타입스크립트(TypeScript)가 있습니다. 타입스크립트(TypeScript)란? 타입스크립트는 마이크로소프트가 개발하고 유지하고 있는 오픈소스 프로그래밍 언어로써 2012년에 처음 발표되었습니다. 타입이 있는 자바스크립트라는 단어보다는 정적 타입 시스템을 도입한 자바스크립트라는 뜻으로 프로그램의 예상 동작을 타입으로 나타내고, 그 예상에 맞게 동작할 지의 여부를 실행전에 확인이 가능합니다. 따라서 타입스크립트(TypeScript)는 프로그래밍 언어이면서 도구입니.. 공감수 1 댓글수 2 2023. 12. 4.
[Javascript] 날짜 라이브러리 - moment.js 자바스크립트(Javascript)의 moment.js 자바스크립트(Javascript)에서 가장 많이 사용되는 날짜 및 시간을 다루는 라이브러리입니다. date() 함수보다 직관적이고 일관성이 있는 라이브러리로 현재에는 개발이 중단된 라이브러리입니다. 개발이 중단이 되었지만 가장 오래된 라이브러리로써 현재까지도 많이 사용되고 있습니다. moment.js 라이브러리 설치 $ npm install moment moment.js 라이브러리 사용방법 import moment from 'moment'; or const moment = require('moment'); moment.js 라이브러리 활용 /** 현재 날짜 및 시간*/ let now = moment(); console.log(now.format());.. 공감수 0 댓글수 0 2023. 2. 6.
[Javascript] 패턴형식 정규식 체크하기(전화번호, 이메일) 자바스크립트(Javascript)의 test() 함수 자바스크립트(Javascript)의 test() 함수를 사용하여 주어진 문자열이 정규 표현식을 만족하는지 판별하여 그 여부를 true 도는 false로 반환하여 패턴 형식을 체크하면 됩니다. 일단 정규 표현식이란 "특정 패턴의 문자열"을 찾기 위한 표현 방식이며 형식 언어(Formal Languange)라고도 합니다. 가장 기본적으로는 전화번호, 이메일의 패턴을 찾을 수 있습니다. // 패턴 정규표현식 //전화번호 정규식표현식 var telRegex1 = /\d{3}-\d{4}-\d{4}/; //(\d는 숫자를 의미하고, {} 숫자갯수를 의미합니다.) //휴대폰 정규식표현식 var telRegex2 = /^01([0|1|6|7|8|9])-?([0-9].. 공감수 2 댓글수 0 2021. 12. 21.
[jQuery] 체크박스(checkBox)에 체크된 행(Row) 삭제하기 자바스크립트의 제이쿼리(jQuery)를 사용하여 목록 List의 데이터중에 체크박스(checkBox)에 체크된 행(Row)을 삭제하는 방법입니다. 체크박스(checkBox)의 체크된 행 삭제하기 삭제 선택 No. 아이디 이메일 1 Test01 Test01@gmail.com 2 test02 test02@naver.com 3 test03 test03@gmail.com 가장 먼저 체크박스(checkBox) 목록 데이터를 반복문으로 체크된 데이터만 조회하여 관련된 상위 엘리먼트(parentElement)를 확인하여 관련돼 행(Row)을 삭제하면 됩니다. 공감수 0 댓글수 1 2021. 9. 29.
[jQuery] 시간 지연함수 - .delay() 함수 자바스크립트의 제이쿼리(jQuery)를 사용하여 일정 시간 뒤에 콜백 함수를 실행하는 방법에는 .setTimeout() 함수를 사용하게 됩니다. .setTimeout() 함수 이외에도 일정 시간이 지난 후 애니메이션 큐를 지연하여 실행하기 위한 함수로 .delay() 함수가 있습니다. jquery(제이쿼리)의 .delay() 함수 jQuery(제이쿼리)의 .delay() 함수는 일정 시간이 경과한 후에 다음 코드를 강제적으로 실행하도록 지연시간을 생성하는 함수입니다. 단 큐를 가진 애니메이션에만 적용되는 함수입니다. 실행 중인 함수를 정해진 시간만큼 중지하기도 하는 함수입니다. // .delay()함수 사용방법 .delay( [중지할 시간] , [ queueName ] ) //p 태그의 엘리먼트가 5초후.. 공감수 0 댓글수 0 2021. 9. 27.
[Javascript] 자바스크립트(JS) attr()과 prop() 차이점 자바스크립트(Javascript)의 attr()과 prop() 차이점 자바스크립트(Javascript)에서 선택자를 통하여 선택한 엘리먼트를 append 하여 새롭게 생성하는 엘리먼트에 속성을 지정할 때 많이 사용하는 attr() 함수와 prop() 함수가 있습니다. attr()과 prop() 함수의 차이점은 무엇이 있을까 알아보도록 하겠습니다. jQuery(제이쿼리) 1.6 버전 이전에는 attr() 함수와 prop() 함수의 차이는 없었지만 1.6 버전 이후에는 구분되어 있습니다. attr() 함수는 엘리먼트가 가지고 있는 속성값이나 정보를 조회할 때 사용하는 함수이며, prop() 함수는 엘리먼트가 가지고 있는 상태를 제어할 때 사용하는 함수입니다. 폼의 속성 값을 확인하거나 변경할 때에는 prop.. 공감수 0 댓글수 0 2021. 9. 15.
[jQuery] 현재 요소 및 이전 선택 요소도 함께 선택하기 - .addback() 함수 자바스크립트의 제이쿼리(jQuery)를 사용하여 현재 선택한 요소와 함께 이전에 선택한 요소도 함께 선택하는 함수입니다. .addBack() 메소드는 현재 선택된 요소의 이전 요소를 한번 더 찾아주는 필터링 역할의 함수입니다. jquery(제이쿼리)의 .addback() 함수 jQuery(제이쿼리)의 .addback() 함수는 현재 선택한 요소와 이전 요소를 함께 동시에 효과를 나타내는 함수입니다. //함수 사용방법 $([선택자]).addBack(); $([선택자]).addBack([선택자]); //ul의 하위 태그중에서 li를 선택하고 처음에 선택했던 ul 태그도 함께 선택하기 $("ul").find("li").addBack(); 공감수 0 댓글수 0 2021. 9. 13.
[Javascript] 유니코드로 인코딩하는 함수 - escape() 함수 자바스크립트(Javascript)의 escape() 함수 자바스크립트(Javascript)의 escape() 함수는 알파벳과 숫자 및 특수문자(*,@,-,_,+,.,/)를 제외한 문자를 모두 16진수로 인코딩하는 함수입니다. escape() 함수는 쉼표와 세미콜론 같은 문자가 쿠키 문자열과의 충돌을 피하기 위하여 사용됩니다. 숫자를 escape() 함수를 사용하여 인코딩하게 되면 문자 타입으로 변환하여 반환됩니다. 아스키 문자가 아니라면 escape() 함수를 통하여 모두 유니코드 형식으로 인코딩 되어 반환됩니다. 그 인코딩 되어 변환된 문자는 16진수 형식으로 표시되며 1바이트 문자는 %XX 형태로 변환되며, 2바이트 문자는 %uXXXX 형태로 변환됩니다. 이러한 처리를 이스케이핑(escaping)이라.. 공감수 0 댓글수 0 2021. 9. 8.
[Javascript] 디버그 확인용으로 자주사용하는 함수 - console() 함수 자바스크립트(Javascript)의 console() 함수 자바스크립트(Javascript)의 console 함수는 대부분 디버그 확인용으로 많이 사용하게 되는 함수입니다. 대표적으로 console.log가 있습니다. console 객체는 브라우저의 디버깅 콘솔에 접근할 수 있도록 제공하는 함수로써 동작의 방식은 브라우저마다 다르고, 표준으로 여겨지는 기능도 여러 가지가 있습니다. // console() 함수 종류 console.log(); console.info(); console.warn(); console.error(); console.dir(); //코드 호출 count를 확인할때 사용하는 console 함수 console.count(); //코드 수행시간을 확인할때 사용하는 console 함수 .. 공감수 0 댓글수 0 2021. 8. 31.
[Javascript] 유니코드를 문자열로 반환하기 - fromCharCode () 함수 자바스크립트(Javascript)의 fromCharCode() 함수 자바스크립트(Javascript)의 fromCharCode() 함수는 지정된 유니 코드 값을 받아서 문자열로 반환하는 함수입니다. 문자열, 지정된 별도의 숫자 유니코드 인코딩으로 문자열의 각 문자의 정적인 방법입니다. UTF-16 유니코드의 시퀀스로부터 값을 받아야 하며 문자열을 생성하여 반환하는 함수입니다. // fromCharCode() 함수 사용방법 String.fromCharCode(n1, n2, ..., nX) let test1 = String.fromCharCode(9733); let test2 = String.fromCharCode(104,101,108,108,111); let test3 = String.fromCharCod.. 공감수 0 댓글수 0 2021. 8. 26.
[Javascript] 문자열 일정하게 반복하기 - repeat() 함수 자바스크립트(Javascript)의 repeat() 함수 자바스크립트(Javascript)의 repeat() 함수는 주어진 문자열을 옵션의 count 만큼 반복하여 붙인 다음에 새로운 문자열로 반환하는 함수입니다. 문자열을 반복한 값을 반환하는 함수인 repeat() 함수로써 반복문을 사용하여 반환도 가능합니다. 반복의 횟수인 count는 양의 정수여야 하며 무한대보다 작고, 최대 문자열 크기를 넘어서는 안됩니다. // repeat() 함수 사용방법 string.repeat( [반복 count]) let test = "123"; testRepeat = test.repeat(3); console.log(testRepeat); let strTest = ['A', 'B', 'C', 'D', 'E']; for(.. 공감수 2 댓글수 1 2021. 8. 25.
[Javascript] 배열에 특정 값 포함여부 확인하기 - includes() 함수 자바스크립트(Javascript)의 includes() 함수 자바스크립트(Javascript)의 includes() 함수는 배열 값(Object)에 특정 값이나 특정 문자가 포함되어 있는지 확인하기 위한 함수입니다. 배열 안에 특정 값이 포함되어 있는지 확인하기 위하여 기본적으로 반복문을 사용하여 확인하기도 합니다. 자바스크립트(Javascript)의 indexOf() 함수를 사용하여 반환도 가능하지만 true/false를 반환하는 includes() 함수를 사용하기도 합니다. // includes() 함수 사용방법 object.includes( [검색 문자], [검색 할 위치]) let test = [1,2,3,4,5,1,2,3] console.log(test.includes(3)); console.l.. 공감수 1 댓글수 0 2021. 8. 24.
[Javascript] 브라우저 히스토리 기록 - History 인터페이스 자바스크립트(Javascript)의 History 인터페이스 자바스크립트(Javascript)의 History 인터페이스는 브라우저의 세션 기록을 불러온 탭 도는 프레임의 방문 기록을 조작할 수 있는 방법을 제공하는 인터페이스입니다. History 인터페이스는 어떠한 속성에도 상속되지 않는 특징을 가지고 있습니다. history의 객체는 사용자 히스토리에서의 앞 뒤 이동이 가능하도록 유용한 함수와 속성들을 제공합니다. 하지만 사용자의 개인정보를 보호하기 위하여 이 객체에 접근하는 방법을 일부 제한하기도 합니다. 간단하게 요약하자면 History 인터페이스는 현재 열고 있는 페이지의 이동 상태를 확인 할수 있고 이동 및 조작이 가능합니다. //History 인터페이스 사용방법 history.length//.. 공감수 0 댓글수 0 2021. 8. 19.
[Javascript] 등록된 이벤트 제거 함수 - removeEventListener() 함수 자바스크립트(Javascript)의 removeEventListener() 함수 자바스크립트(Javascript)의 removeEventListener() 함수는 등록되어 있는 이벤트 리스너를 제거하는 함수입니다. 이벤트를 제거할때에는 제거할 엘리먼트(element) 요소가 필요하고, click이나 keypress 등의 이벤트 타입이 필요하며, 제거할 이벤트 callbakc 함수가 필요로 합니다. removeEventListener() 함수는 EventTarget에 등록되었던 이벤트 리스너를 제거하는데, 이 이벤트 리스너는 이벤트 종류와 이벤트 리스너 함수 자체의 조합으로 식별되어 제거되며, 제공되었던 다양한 옵션의 일치하는 이벤트 리스너만 제거가 가능합니다. //removeEventListener() .. 공감수 0 댓글수 0 2021. 8. 13.
[Javascript] Uncaught TypeError: ~ .replace is not a function 오류 Uncaught TypeError: ~.replace is not a function 오류 원인 웹 개발 시 Chrome의 console 창에서 Uncaught TypeError: ~.replace is not a function 에러 메시지가 나타나는 경우가 발생합니다. 이러한 에러 메시지가 발생하는 원인으로는 replace를 하려고 하는 데이터가 parseInt, 즉 숫자일 때에 발생하는 오류입니다. 이러할 때에는 문자열로 교체하고 replace 하게 되면 정상적으로 오류를 해결할 수 있습니다. 또한 인코딩이 지정되지 않으면 원시 버퍼가 반환되기 때문에 발생하는 오류이기도 합니다. replace() 함수는 원시 버퍼가 아닌 인코딩 처리한 문자열로 처리되어야 하는 함수입니다. replace를 하려고 하.. 공감수 1 댓글수 1 2021. 8. 12.
[Javascript] 이벤트 대상의 호출할 함수설정 - addEventListener() 함수 자바스크립트(Javascript)의 addEventListener() 함수 자바스크립트(Javascript)의 addEventListener() 함수는 지정한 이벤트가 대상에 전달될 때마다 호출해야 할 함수를 설정할 때에 사용됩니다. 대부분의 대상은 Element나 Document 이겠지만 이벤트를 지원하는 모든 객체를 대상으로 지정이 가능합니다. addEventListener() 함수는 이벤트 지정의 주어진 유형에 따라서함수나 객체를 이벤트 처리기 목록에 추가하여 이벤트가 이루어지게 됩니다. addEventListener() 함수는 이벤트를 등록하는데 가장 권장하는 방식이며 여러 개의 이벤트 핸들러를 등록하여 사용이 가능합니다. //문자열 addEventListener() 함수 사용방법 target.a.. 공감수 0 댓글수 0 2021. 8. 11.
[Javascript] 찾는 문자열의 끝 확인 함수 - endsWith() 함수 자바스크립트(Javascript)의 endsWith() 함수 자바스크립트(Javascript)의 endsWith() 함수는 확인하고자 하는 문자열에서 특정 문자열로 끝나는지 확인하는 함수입니다. 확인하고자 하는 특정 문자열이 있는 경우에는 True을 반환하게 되며, 그렇지 않은 경우에는 False을 반환하게 되는 함수입니다. 검색해야 할 문자열은 필수 요소이며, 문자열은 대소문자를 구분합니다. 문자열의 길이도 옵션에 포함되며, 문자열 길이를 넣지 않는 경우에는 전체 문자열을 대상으로 검색하게 됩니다. //문자열 endsWith() 함수 사용방법 문자열.endsWith( [검색하고자 하는문자], length ) //length - 문자열중 어디까지 검색할지 정하며, 만약 값을 설정하지 않으면 전체를 대상으.. 공감수 0 댓글수 0 2021. 8. 6.
[Javascript] 찾는 문자열로 시작 확인 함수 - startsWith() 함수 자바스크립트(Javascript)의 startsWith() 함수 자바스크립트(Javascript)의 startsWith() 함수는 확인하고자 하는 문자열에서 특정 문자열로 시작하는지 확인하는 함수입니다. 확인하고자 하는 특정 문자열이 있는 경우에는 True을 반환하게 되며, 그렇지 않은 경우에는 False을 반환하게 되는 함수입니다. 검색해야 할 문자열은 필수 요소이며, 문자열은 대소문자를 구분합니다. 문자열의 길이도 옵션에 포함되며, 문자열 길이를 넣지 않는 경우에는 전체 문자열을 대상으로 검색하게 됩니다. //문자열 startsWith() 함수 사용방법 문자열.startsWith( [검색하고자 하는문자], length ) //length - 문자열중 어디까지 검색할지 정하며, 만약 값을 설정하지 않으.. 공감수 0 댓글수 0 2021. 8. 4.
[jQuery] 마우스 오버 이벤트 - .hover() jQuery의 .hover() 함수 jQuery의 .hover() 함수는 제이쿼리의 마우스 이벤트 함수중 하나입니다. .hover() 함수로 선택한 요소에 마우스 포인트를 올렸을 때와 떠났을 때 이벤트 효과를 넣을 수 있습니다. 마우스의 다양한 이벤트 관련 메서드 중 하나로 특정 엘리먼트 위에 올리게 되면 발생하는 이벤트 중 하나입니다. hover() 함수는 CSS의 :hover 선택자를 사용하는 것과 동일한 방식으로 동작을 하게 되지만 css에 사용할 때에는 새로운 스타일을 적용하는 것이 목적이지만 제이쿼리(jQuery)는 이벤트를 적용하기 위한 조작임을 잊지 말아야 합니다. 자바스크립트(javascript)의 mouserover 등의 이벤트와 동일하다고 생각하면 됩니다. // .hover() 함수 사.. 공감수 0 댓글수 0 2021. 8. 3.
[Javascript] 문자열 합치는 함수 - concat() 함수 자바스크립트(Javascript)의 concat() 함수 자바스크립트(Javascript)의 concat() 함수는 두 개의 문자열을 하나의 문자열로 만들어주는 역할을 하는 함수입니다. 입력값을 문자열 대신 배열을 사용하여 두 개의 배열을 하나의 배열로 만들어주는 역할도 함께 하는 함수입니다. 참고로 기존 배열을 변경하지 않으며 추가된 새로운 배열을 반환하게 됩니다. //문자열 concat() 함수 사용방법 문자열.concat( [문자열] ) //배열 concat() 함수 사용방법 배열.concat( [배열] ) let test1 = "Hello"; let test2 = "World"; console.log(test1.concat(test2)); let arrayTest1 = new Array("Hell.. 공감수 1 댓글수 0 2021. 8. 2.
[jQuery] 선택요소를 바꾸는 함수 - .replaceWith() 함수 jQuery의 .replaceWith() 함수 jQuery의 .replaceWith() 함수는 특정 요소나 선택한 요소를 다른 요소로 변환하는 함수입니다. 요소를 변환할때에 조건에 맞게 변환도 가능하며 새로운 조건에 맞춰서 변환할때에는 이전에 요소는 DOM에서 삭제됩니다. 새로운 요소를 대신하여 함수를 사용하여 반환도 가능합니다. // .replaceWith() 함수 사용법 이전요소.replaceWith( 새로운 요소 ) //replaceWith 함수 사용 예시 $( 'h1' ).replaceWith( 'abc' ); $( 'h1' ).replaceWith( $( 'p.a' ) ); 공감수 0 댓글수 0 2021. 7. 27.
[Javascript] 버튼에 강제 이벤트 발생 - click() 함수 자바스크립트(Javascript)의 click() 함수 자바스크립트(Javascript)의 click() 함수는 사용자가 클릭을 하지 않아도 강제적으로 이벤트를 발생시키는 함수입니다. 예시로 input창에 키보드로 입력을 할때에 버튼을 클릭을 하지 않고 강제로 이벤트를 발생시킬때 사용하기도 합니다. //click() 함수 사용방법 element.click() function inputOnkeyup() { document.getElementById('test_btn').click(); } function buttonOnclick() { alert('버튼 이벤트 발생!!'); } 공감수 1 댓글수 0 2021. 7. 26.
[Javascript] 문자의 유니코드 반환함수 - charCodeAt() 함수 자바스크립트(Javascript)의 charCodeAt() 함수 자바스크립트(Javascript)의 charCodeAt() 함수는 문자의 index에 해당하는 유니코드(Unicode) 값을 반환하는 함수입니다. 자바스크립트(Javascript)의 문자열 내의 문자는 왼쪽에서 오른쪽으로 인덱스가 매겨집니다. 유니코드(Unicode)는 시스템의 문자를 표현하기 위한 표준언어입니다. 자바스크립트(Javascript)의 charAt() 함수와 비슷한 형태이기는 하지만 charAt() 함수는 index에 해당하는 문자를 반환하며 charCodeAt() 함수는 index에 해당하는 유니코드(Unicode) 값을 반환하는 차이가 있습니다. //charCodeAt() 함수 사용방법 문자열.charCodeAt( [ind.. 공감수 0 댓글수 0 2021. 7. 21.
[Javascript] 문자 반환하는 함수 - charAt() 함수 자바스크립트(Javascript)의 charAt() 함수 자바스크립트(Javascript)의 charAt() 함수는 문자열에서 지정된 위치에 존재하는 문자를 찾아서 반환하는 함수입니다. 자바스크립트(Javascript)의 문자열 내의 문자는 왼쪽에서 오른쪽으로 인덱스가 매겨집니다. 인덱스의 순번은 0부터 시작되고 마지막 인덱스 순번은 -1으로 매겨지게 됩니다. 인덱스가 문자열의 길이를 벗어나게 되면 빈 문자열을 반환합니다. charAt() 함수는 인덱스(index)로 주어진 값에 해당하는 문자를 반환합니다. //charAt() 함수 사용방법 문자열.charAt( [index] ) let test1 = "Hello World"; console.log(test1.charAt(0)); console.log(t.. 공감수 0 댓글수 0 2021. 7. 20.
[jQuery] 대기열 조작하는 함수 - .queue() jQuery의 .queue() 함수 jQuery의 .queue() 함수는 요소에 실행되고 있는 함수의 큐를 보여주는 함수입니다. .queue() 함수는 대기열의 함수와 대기열에 대기하고 있는 함수를 조작하기 위한 함수입니다. 즉 요소에서 실행되고 있는 함수의 큐들을 보여주며, 사용되고 있는 함수들이 실행 유무를 확인이 가능합니다. 모든 요소에는 제이쿼리(jQuery)에 의하여 자체의 함들을을 큐의 형태로 지니게 되는데, 이 큐는 순서에 의하여 액션이 이루어집니다. 하나의 요소에 여러 개의 애니메이션 함수를 실행시키는 방법이 이것에 대하여 기본적인 예시입니다. // .queue() 함수 사용법 .queue( element , [queueName] ) //element - 요소 //queueName - 큐명.. 공감수 0 댓글수 0 2021. 7. 19.
[Javascript] Uncaught TypeError: 'undefined' is not a function 오류 Uncaught TypeError: 'undefined' is not a function 오류 원인 웹 개발 시 Chrome의 console 창에서 Uncaught TypeError: 'undefined' is not a function 에러 메시지가 나타나는 경우가 발생합니다. 이러한 에러 메시지가 발생하는 원인으로는 선언한 함수(function)를 찾을 수 없을 경우이거나 선언한 함수명이 tag ID, name등과 동일한 경우에 함수 내에서 오류가 발생하는 코드가 있다면 발생하는 에러 메시지입니다. 그 이외에도 제이쿼리(jQuery)의 라이브러리가 설치되지 않거나 중복되어 설치되어 있는 경우에도 이러한 에러메시지가 발생합니다. Uncaught TypeError: 'undefined' is not a .. 공감수 0 댓글수 0 2021. 7. 14.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.