-
터치와 클릭 이벤트 다루기problems 2020. 12. 3. 03:04
문제 반응형 웹을 구현하기 위해서는 터치 이벤트와 클릭 이벤트를 같은 요소에 함께 사용해야 했습니다. 해결 터치와 클릭을 구분하여 이벤트를 설정하는 방법입니다. if ('ontouchstart' in window) { // set up event listeners for touch target.addEventListener('touchend', ...); ... } else { // set up event listeners for mouse/keyboard target.addEventListener('click', ...); ... } 참고 Touch Events - Level 2 The user agent may dispatch both touch events and (for compatibility ..
-
[201101]github API - markdown to htmlproblems 2020. 11. 2. 02:31
markdown을 html로 변환하기 위해 구글링을 하던 도중에 두 가지 방법을 찾았습니다. unified라는 라이브러리를 사용하거나 github API로 변환하는 것입니다. React나 Vuejs 같은 프레임 워크를 사용하지 않고 크롬 확장프로그램을 만들고 있기 때문에 라이브러리를 사용할 수 없었습니다. 그래서 다른 방법을 찾다가 github API를 알게 되었습니다. GitHub Docs - Markdown Postman github API - Basic Auth Basic Auth 설정으로 github 유저이름과 비밀번호를 입력하면 더 많은 요청을 보낼 수 있습니다.
-
백슬래시 - escaping sequenceproblems 2020. 4. 24. 01:22
백슬래시는 escape 기능을 가지고 있습니다. escaping sequence는 기존 의미를 탈출한 특수한 기능을 위해 사용됩니다. 코드를 작성해가며 기존에 정해진 약속에 의해 표현이 곤란한 문자들을 표현한다던지, 특정 기능을 제공할 수 있습니다. 만약에 I'll be a "Rockstar" 이 문자열을 출력하려 한다면 console.log("I'll be a "Rockstar"") //Uncaught SyntaxError console.log('I'll be a "Rockstar"') '//Uncaught SyntaxError 컴퓨터는 문자열을 묶은 따옴표와 같은 따옴표가 문자열 안에 있다면 문자열이 끝났다고 여깁니다. 이런 표현적 한계에서 벗어나기 위해서 백슬래시(\)의 escape기능을 사용합니다..
-
[Javascript] 함수에서 여러 값을 받고 싶다면problems 2020. 4. 18. 16:26
배열 또는 객체를 출력합니다. Array function returnArr(){ return ['Hello', 'world!'] } let words = returnArr()// ['Hello', 'world!'] console.log(words[0] + ' ' + words[1]) // Hello world! Object function returnObj(){ let obj = {first: Steve, last: Jobs} return obj } let name = {} name = returnObj()// {first: Steve, last: Jobs} console.log(name.first + ' ' + name.last) // Steve Jobs