하니's Life Logging

Recent Posts

Recent Comments

보여줄 댓글이 없습니다.

Archives

Categories

[태그:] develop

IE에서 multiline elipsis 처리하기

작성일자 : 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 for ie) by zuhern (@zuhern) on CodePen. 원리 단점 3. 결론 ie 에서 css 만으로는
Read More

[아두이노] 시작

작성일자 : 2019-03-10 아두이노 관련 사이트 아두이노아두이노 블로그아두이노 카페: 아두이노 스토리아두이노 카페: 만들래 프로그래밍 교육 사이트 ICT DIY : 오픈소스 하드웨어에 대한 동영상 강의가 있음Hour Of Code : 많은 사람들이 프로그래밍을 배울 수 있도록하기 위해 만들어짐. 수준별 강의가 있음 프로그래밍 도구 scratch hello world 소감 문법이 정말 쉬워서 누구나 금방 따라할 수 있다. 이슈 오늘
Read More

[gatsby] gatsby start

작성일자 : 2019-03-11 init gatsby 에서 만든 심플 테마 시작!! 로컬에서 기본 화면 뜨는 것을 확인한 후,jekyll 과 동일하게 내 username.github.io repository에 올라면 될까해서무작정 커밋하고 접속해봄.그러면 gatsby serve 로 본 화면과는 다른netlify 로 deploy 를 유도하는 화면이 나온다.원한다면 사용하면 됌. 하지만 나는 zuhern.github.io 주소가 맘에 들기에, github page 를 이용하는 방법을 찾아야 한다. 1번째 방법
Read More

[node] node 재설치 삽질 이야기

작성일자 : 2019-03-11 category: develop 위 링크 참조하여 node 제거, 나는 3번부터 실시나는 기존에 node 홈페이지에서 다운받아서 설치 했었음. 1. 제거 /usr/local/lib 경로의 node로 시작하는 모든 것(node, node_modules 등)을 제거 /usr/local/include 경로의 node로 시작하는 모든 것(node, node_modules 등)을 제거 brew로 node를 설치 했을 수 있으니 제거 /usr/local/bin 경로 내의 node 및 npm을 삭제한다. 혹시 모르니
Read More

[firebase] javascript query

작성일자 : 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

[javascript] element 내 text를 클립보드로 복사하기

작성일자 : 2019-03-12 목표: object data를 예쁘게 보이게 하고 내용을 복사하기 object 로 데이터를 말아놨는데,파일 다운로드 보다는 버튼 클릭으로 복사하는 방식이 간단하지 않을까 생각했디. textarea에 바로 넣으면 [object Object] 로 표시되더라JSON.stringify(data)로 변경해서 넣으면 줄바꿈이 안됌 <pre></pre> 안에 object를 bind (vue 사용) 하면 줄바꿈이 예쁘게 됌 이제, 복사를 하려고 검색한 내용. 하지만 나는 pre 안에 있는
Read More

ie 에서 focus() 호출시 커서가 맨 앞에 위치하는 문제 해결

작성일자 : 2019-03-20 ie 에서 draggable 안에 있는 text input cursor가 한번에 잡히지 않아서 쓴 코드 ie 에서 focus 대신 select 을 써보자 focus() 하면 커서가 맨 앞으로 가고select() 하면 block 선택이 된다. 차라리 이게 낫지 않은가?!ㅋㅋ 더 좋은 해결 책 수정 모드일 때는 draggable 을 제거한다.draggable=false 여도 작동한다는 점을 유의할 것

[angularJS] interceptor 활용하기

작성일자 : 2019-04-08 요구사항 발생 원인 더블 클릭으로 인한 POST 중복 호출로 동일 데이터가 여러개 생성 해결 방안 모색 버튼에서 더블 클릭을 방지하는 방안 방안 비고 기존 화면에 있는 기본 버튼을 custom 한 directive로 대체 테스트 시간 소요, 누락 가능성 버튼 외에 키보드 이벤트 등 으로도 api 가 호출 가능 모든 경우의 수 고려 필요,
Read More

[html5] drag and drop

작성일자 : 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 event chrome drag and drop ul margin/padding 은 ul의 영역 O dragOver chrome javascript ul
Read More

[study] JSConf 컨퍼런스 기록

작성일자 : 2019-09-03 JSConf Korea 2019 in 코엑스 1. 다마고치로 어쩌구 2. Don’t block the event loop! 매끄러운 경험을 위한 자바스크립트 비동기 처리 run to completion call stack event loop 자바스크립트 엔진구조, 이벤트 루프를 이해하여 사용자경험을 해치지 않도록웹워커에 작업을 위임하거나 큰 테스크를 쪼개서 블락되지 않도록 한다. 3. codepen으로 만드는 쇼핑몰 arron.kr자료 4. ai 를 이용한
Read More