2025/10/22
테스트 환경 Chrome on Mac OS 이슈 내용 width right border x.5px 안보임 xpx 보임 현재 상태 영역 css left width: calc(50% – 8px); right width: calc(50% + 8px); 문제 원인 추측 문제 해결 구글링으로 동일 이슈를 찾았다. 링크 해결책으로 width: calc(50% Read more…
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-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-19 list 순서변경 예제 코드 splice 는 자기 자신을 update 하면서 제거된 item 를 리턴하는 함수다. (mutable)이 점을 활용하여 list 순서를 바꾸면 좀 더 간편한 것 같다.
작성일자 : 2019-03-20 ie 에서 draggable 안에 있는 text input cursor가 한번에 잡히지 않아서 쓴 코드 ie 에서 focus 대신 select 을 써보자 focus() 하면 커서가 맨 앞으로 가고select() 하면 block 선택이 된다. 차라리 이게 낫지 않은가?!ㅋㅋ 더 좋은 해결 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-09 gatsby tags page 만들기 1. blog markdown에 tags 항목 넣기 2. graphQL 테스트 하기 3. tags/{tag} 에 쓰일 template 생성 tag list 에서 tag 를 클릭했을 때 보이는 리스트의 template 이다.해당 태그를 담고 있는 blog post 리스트이다. Read more…
2025/10/20
작성일자 : 2019-02-06 sheet.js 를 이용한 엑셀 업로드 sheet.js gitsheet.js demosheet.js vue sample codesheet.js 사용법