하니's Life Logging

Recent Posts

Recent Comments

보여줄 댓글이 없습니다.

Archives

Categories

[태그:] develop

[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

[python] 지킬 포스트 -> gatsby 로 복사하기

작성일자 : 2019-03-15 대충 만들었음..이전에 jekyll에서 쓴 post data 와 gatsby post data 구조가 다르면 손수 고쳐줘야 한다.예를 들면 jekyll gatsby 서브 제목 subTitle description 날짜 폴더명 앞부분 파일내 ‘date’

[gatsby] gatsby 커스텀 하기

작성일자 : 2019-03-15 markdown 내 script style prismJS 스타일 element 내에 style 일일히 박는 것은 안좋아하는 스타일이여서..gatsby 초기 component 코드만 봐도 지저분…………… 그래서 react-jss 를 사용하기로 함. react-jssthemingmaterial-uicss는 웬만큼은 하기 때문에 테마는 안쓰려고 했는데..그래도 있으면 해보는게 개발자 아닌가 ㅋㅋㅋmaterial ui로 활용함. 셋팅 https://github.com/mui-org/material-ui/blob/master/examples/gatsby/src/pages/about.js export default Layout; 뭘 써야할지는 차차 생각해보자..아 근데 bootstrap에 material-ui 이면 너무
Read More

[vuepress] vuepress 시작하기

작성일자 : “2019-03-16 vuepressgenerator-vuepress gatsby를 다 셋팅하고 자려고 누웠더니vue로 된 블로그가 더 편할 것 같아서 vuepress 를 시도해보았다. vuepress 는 start cli가 아직은 없는 것 같다.구글링 해보니 generator-vuepress 를 사용하면기본 틀로 만들어진다하여 따라해 보았다. 다 따라 했는데 문제가 발생.UnhandledPromiseRejectionWarning: TypeError: res.getHeader is not a function보아하니 package.json 이 script 만 있고 비어있었다. 해당 에러로그로 검색하니 이미
Read More

[test] 자바스크립트 테스트 도구 간략 비교

작성일자 : 2019-09-30 믿을 만한 자바스크립트 테스트 도구 10가지에서 언급한 10 가지 테스트 도구에 대해 간략한 메모 1. AVA AVA github 1.1 특징 1.2 샘플 2. Cucumber.js (큐컴버) 큐컴버 github큐컴버 가이드 2.1 특징 2.2 샘플 3. Enzyme (엔자임) Enzyme page 3.1 특징 함께 사용가능한 라이브러리 Browserify Webpack JSDOM Jest Karma Mocha React Native Lab Tape
Read More

[javascript] list 순서변경 예제 코드

작성일자 : 2019-03-19 list 순서변경 예제 코드 splice 는 자기 자신을 update 하면서 제거된 item 를 리턴하는 함수다. (mutable)이 점을 활용하여 list 순서를 바꾸면 좀 더 간편한 것 같다.

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