차곡차곡 차곡차곡

문제 반응형 웹을 구현하기 위해서는 터치 이벤트와 클릭 이벤트를 같은 요소에 함께 사용해야 했습니다. 해결 터치와 클릭을 구분하여 이벤트를 설정하는 방법입니다. 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 ..

Error message Solution sudo xcode-select --reset

markdown을 html로 변환하기 위해 구글링을 하던 도중에 두 가지 방법을 찾았습니다. unified라는 라이브러리를 사용하거나 github API로 변환하는 것입니다. React나 Vuejs 같은 프레임 워크를 사용하지 않고 크롬 확장프로그램을 만들고 있기 때문에 라이브러리를 사용할 수 없었습니다. 그래서 다른 방법을 찾다가 github API를 알게 되었습니다. GitHub Docs - Markdown Postman github API - Basic Auth Basic Auth 설정으로 github 유저이름과 비밀번호를 입력하면 더 많은 요청을 보낼 수 있습니다.

Problem Solution document.execCommane() 대신 다음의 메서드를 사용합니다. Document.createElement(tagName[, options]) Element.setAttribute(name, value) window.getSelection() Selection.getRangeAt() Range.surroundContents() Web Console Web

Problem Solution (express app)

./prisma/schema.prisma $ npx prisma generate

20.10.17 ~ 18 주말 미니 프로젝트 WHY 매번 이슈를 확인하려고 GitHub에 접속하기 귀찮음 HOW GitHub API를 활용한 chrome extension NEXT Issue를 생성하는 기능을 추가

graphQL을 사용하기 위해서 공식문서를 따라하는 도중에 데이터 베이스 툴킷인 prisma와 sqlite를 사용하게 되었다. prisma prisma는 기존 ORM(Object-relational mapping)의 동작방식과는 다르다. 직접적으로 DB와 connection을 이루어 수행되는 기존의 ORM과 다르게 prisma가 graphql 형식의 dataModel을 DBMS와 언어의 종류에 맞게 자동으로 만들어 제공한다. sqlite sqlite는 가벼운 내장 데이터베이스이고, 다양한 플랫폼에서 사용가능하다. 즉, 애플리케이션에 넣어 사용하는 가벼운 데이터베이스이다. 그러나 쓰기 작업 시 데이터베이스를 잠그므로 여러 동시 쓰기 작업이 중요한 앱에서는 성능 문제가 발생할 수 있다.

부분집합 (Subset) function solution(arr) { let result = []; function search(index=0, subset=[]) { if (index === arr.length) { // 인덱스 값이 배열 길이 값과 같은 경우 종료 result.push([...subset]); return } else { // 현재 인덱스의 요소를 부분 집합에 포함 subset.push(arr[index]); search(index + 1, subset); // 현재 인덱스의 요소를 부분 집합에 포함하지 않음 subset.pop(); search(index + 1, subset); } } search(); return result; } 순열 (permutation) function s..

npx create-react-app MyProject 프로젝트를 시작하기 위해 습관적으로 작성하던 명령어를 버리고 직접 개발 환경을 구성하기로 했습니다. 당연하게 실행되는 것들이 왜 그렇게 작동하는지 알아야 할 것 같았습니다. Learn Webpack for React 여기를 참고하여 하나씩 따라 해 보겠습니다. Initial Dependencies 디렉토리를 생성하고 이동한 다음 package.json을 생성하여 초기화합니다. mkdir MyProject && cd MyProject npm init -y Setting up Webpack npm i -D webpack webpack-cli webpak-dev-server npm으로 webpack과 커맨드 라인 인터페이스, 개발 서버를 위한 패키지를 받..