선 조치 후 분석

프로젝트를 진행하면서, 가끔 앵커 태그(a태그)에 어떤 경우는 'href'에 javaScript 함수가 정의되어 있고, 어떤 경우에는 onClick에 정의되어 있는 것을 본 적이 있다. 그래서 어떤 차이가 있는지 궁금해서 구글링을 해보았다. 코드로 보는 게 더 이해가 빠를 거 같다. function checkAnchor(obj){ console.log($(obj).attr('attr-check')); } 결과 1) href - undefined 2) onclick - onclick:attr-check 위처럼 href로 함수 호출 시, 자기 자신의 object를 찾지 못해 undefined를 표시하게 된다. 하지만, onclick을 사용하면 정상적으로 자기 자신 this가 인식되어 속성을 표시하게 된다. ..

프로젝트를 하면서, 해당 부분을 클릭하면 내용이 복사되도록 하는 기능을 개발한 적이 있다. 우연히 구글링을 하다가, 클립보드 API가 있는 것을 알게 되었다. Clipboard API : 클립보드에 내용을 복사하고 붙여 넣을 수 있는 비동기 읽기 및 쓰기 작업을 제공. 클립 보드 API는 'navigator.clipboard'개체 내에서 사용 가능. 이 API는 JavaScript 언어에 새로 추가된 것으로 모든 브라우저, 특히 이전 버전을 지원할 수 있는 것은 아니다. 브라우저에서 이 API를 지원하는지 확인하려면 아래 코드를 사용해서 확인 가능하다. if (!navigator.clipboard) { console.log("나오면 작동하지 않습니다."); }else{ console.log("나오면 작동..

프로젝트를 진행하다 보면 배열을 사용하지 않은 적이 없다. 그래서 오늘은 배열 함수 중에서 Array를 알아보려고 한다. 일상생활에서 비슷한 것을 한 곳에 담아두는 것을 '자료구조'라고 한다. 어떤 방식, 어떤 형식으로 'Data'를 담냐에 따라서 다양한 타입들이 있다. 비슷한 종류의 데이터를 묶는 게 'Object'라 했는데 차이점은? 더보기 Object = 토끼, 당근 토끼 => 귀 2개, 먹는다, 뛴다 - Property, Method 당근 => 주황색 , 비타민C - Property만 존재 즉, 'Object'는 서로 연관된 '특징'과 '행동'들을 묶어 놓는 것을 의미 e.g) 토끼, 사람, 물체 등 비슷한 타입의 'Objsect'들을 묶어 놓는 게 바로 '자료 구조'라고 한다. 보통, 다른 프로..

문제 / 답 순서로 정리하였습니다. 참고하세요. // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; } // Q1. make a string out of an array { const fruits = ['apple', 'banana', 'orange']; console.log(fruits.toString()); // Me console.log(fruits.join('-')); // Ellie } // Q2. make an array out of a string { const fruits = '🍎, 🥝, 🍌, 🍒'; } // Q2. make an array out of a string { const frui..

JavaScript에서 자주 사용하는 'Array Interface' 사용법과 적용 예시 interface Array { /** * Gets or sets the length of the array. This is a number one higher than the highest index in the array. */ length: number; : 배열의 길이를 설정 또는 반환한다. 배열 인덱스보다 '1' 더 큰 길이이다. /** * Returns a string representation of an array. */ toString(): string; : 배열을 'String'으로 표현한다. /** * Returns a string representation of an array. The eleme..

JOSN + HTTP + AJAX + XHR + XML + HyperText + Markup + Object to Json + Json to Object + JSON.parser + JSON.stringify 서버 통신의 시작, 'JSON'에 대해서 공부를 해 볼것이다. 어떻게 활용할 수 있는지 알아보자. 브라우저 위에서 동작하고 있는 웹 사이트는 '웹 어플리케이션'과 같은 '클라이언트'들이 어떻게 서버와 통신할 수 있는지를 정리한 것이 바로 'HTTP (Hypertext Transfer Protocol)' 이다. 어떻게 이 'HyperText'를 '클라이언트'와 '서버'가 서로 주고 받을 수 있는지를 규약한 'Protocol'중 하나이다. ※'HyperText'는 웹 사이트에서 이용되고 있는 '하이퍼 ..