2025/10/21
작성일자 : 2019-03-06 multiline ellisis 1. chrome 기준으로, css로 multiline ellipsis 처리, ie 에서는 ellipsis 처리가 되지 않음. See the Pen multiline-ellipsis css by zuhern (@zuhern) on CodePen. 2. css로 처리하는 방법을 찾음 See the Pen multiline-ellipsis css (fake ellipsis Read more…
작성일자 : 2019-03-10 아두이노 관련 사이트 아두이노아두이노 블로그아두이노 카페: 아두이노 스토리아두이노 카페: 만들래 프로그래밍 교육 사이트 ICT DIY : 오픈소스 하드웨어에 대한 동영상 강의가 있음Hour Of Code : 많은 사람들이 프로그래밍을 배울 수 있도록하기 위해 만들어짐. 수준별 강의가 있음 프로그래밍 Read more…
작성일자 : 2019-03-11 init gatsby 에서 만든 심플 테마 시작!! 로컬에서 기본 화면 뜨는 것을 확인한 후,jekyll 과 동일하게 내 username.github.io repository에 올라면 될까해서무작정 커밋하고 접속해봄.그러면 gatsby serve 로 본 화면과는 다른netlify 로 deploy 를 유도하는 화면이 나온다.원한다면 사용하면 됌. Read more…
작성일자 : 2019-03-11 category: develop 위 링크 참조하여 node 제거, 나는 3번부터 실시나는 기존에 node 홈페이지에서 다운받아서 설치 했었음. 1. 제거 /usr/local/lib 경로의 node로 시작하는 모든 것(node, node_modules 등)을 제거 /usr/local/include 경로의 node로 시작하는 모든 것(node, node_modules 등)을 제거 brew로 Read more…
작성일자 : 2019-03-12 firebase query 예제 add 1. ref.push(data) 랜덤 키 생성하면서 데이터 저장The keys are also designed to be unguessable (they contain 72 random bits of entropy) 2. ref.child(key).set(data) 지정한 키로 데이터 저장 참조 firebase Doc
작성일자 : 2019-03-12 목표: object data를 예쁘게 보이게 하고 내용을 복사하기 object 로 데이터를 말아놨는데,파일 다운로드 보다는 버튼 클릭으로 복사하는 방식이 간단하지 않을까 생각했디. textarea에 바로 넣으면 [object Object] 로 표시되더라JSON.stringify(data)로 변경해서 넣으면 줄바꿈이 안됌 <pre></pre> 안에 object를 bind (vue Read more…
작성일자 : 2019-03-20 ie 에서 draggable 안에 있는 text input cursor가 한번에 잡히지 않아서 쓴 코드 ie 에서 focus 대신 select 을 써보자 focus() 하면 커서가 맨 앞으로 가고select() 하면 block 선택이 된다. 차라리 이게 낫지 않은가?!ㅋㅋ 더 좋은 해결 Read more…
작성일자 : 2019-04-08 요구사항 발생 원인 더블 클릭으로 인한 POST 중복 호출로 동일 데이터가 여러개 생성 해결 방안 모색 버튼에서 더블 클릭을 방지하는 방안 방안 비고 기존 화면에 있는 기본 버튼을 custom 한 directive로 대체 테스트 시간 소요, 누락 가능성 Read more…
작성일자 : 2019-04-08 cross browser html5 drag and drop html5 drag and drop 문제점 해결 기록 1. drop 영역 인식 ul (drop)/ li (drag) 구조에서 ul 에 margin 값이 있을 경우drag and drop 동작할 때 browser 영역 drag and drop Read more…
작성일자 : 2019-09-03 JSConf Korea 2019 in 코엑스 1. 다마고치로 어쩌구 2. Don’t block the event loop! 매끄러운 경험을 위한 자바스크립트 비동기 처리 run to completion call stack event loop 자바스크립트 엔진구조, 이벤트 루프를 이해하여 사용자경험을 해치지 않도록웹워커에 작업을 위임하거나 Read more…