2018/0316 tinymce 사용기 다들 tinymce를 사용한 경험이 있는지 모르겠다.아래는 공식사이트 링크이다. https://www.tinymce.com 한마디로 말하면, 쓰기좋은 웹 에디터이다.다른 웹 에디터보다 역사도 오래 되었다.지금까지 꾸준히 업데이트 되는 것도 좋은거 같다. 여튼 최근에 해당 라이브러리를 사용하여서 에디터 입력을 받고 서버에 저장해야 할 일이 생겼다.예제가 잘 나와있기에 자세한 사항은 해당 홈페이지의 예제를 참고하면 된다. 문제는 에디터에 이미지가 들어갈때였다.인터페이스 딴에는 간단한거 같아도 이미지 하나 들어가면 그걸 서버에 저장하고 다시 뿌려주는것부터 복잡한 과정이 있다.다행이도 그에 관한 자세한 설명이 아래의 링크에 있었다. https://stackoverflow.com/questions/47757838.. 2018. 3. 28. heroku 명령어 모음 아래의 링크를 통해 들어가면 heroku 앱 배포시 명령어에 대한 자세한 설명이 되어 있다. https://devcenter.heroku.com/articles/git 아래는 에러 로그를 보는 명령어에 대해 나와 있는 링크다. https://devcenter.heroku.com/articles/error-pages 2018. 3. 28. formdata를 console.log로 찍어도 안 보이는 이유 누구나 formdata를 조작해서 보내기 위해 new formdata()라는 함수를 써 보았을 것이다.그런데 해당 함수에 데이터를 집어넣고 console.log로 찍어보면 데이터가 보이지 않는다. 이유를 찾아봤더니 결론적으로 브라우저 정책인거 같다.자세한 이유는 아래 링크를 참고하기 바란다. https://stackoverflow.com/questions/17066875/how-to-inspect-formdata 하지만 보는 방법이 없는건 아니다.아래의 함수를 쓰면 key값과 value 값을 볼 수 있다. for (var key of formData.keys()) { console.log(key);}for (var value of formData.values()) { console.log(value);}.. 2018. 3. 27. 로컬에서 외부주소로 ajax 통신하기 많은 분들이 아시다십이 브라우져에는 크로스 도메인 정책이 있다.그게 무엇인지 궁금하다면 아래의 링크를 참조하면 된다. http://adrenal.tistory.com/16 고로 이런 이유때문에 외부의 주소를 이용하여 ajax 통신을 하는것이 불가능한데,위의 블로그에도 나와 있듯이 그것을 가능케 해주는 브라우져 플러그인이 있다.아래의 링크의 플러그인을 깔면 크로스 도메인을 피해 ajax통신을 할 수 있게 된다. https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related?utm_source=chrome-ntp-icon 2018. 3. 27. datatables 라이브러리에서 엑셀파일 추출시 데이터를 조작할 수 있는 함수 datatables에서는 테이블 데이터를 exel 확장자의 데이터로 export 할때 해당 데이터를 조작할 수 있는 함수를 제공해 준다.함수의 이름은 'customizeData'라는 함수다.자세한 옵션 사항은 아래의 링크를 참고하면 된다. https://datatables.net/reference/button/excelHtml5 주의해야 할 점은 해당 함수는 반환이 불가능하다는 점이다.그래서 오히려 return 함수를 쓰면 조작한 값이 제대로 반영이 되지 않고 export가 되는것을 확인했다.이 부분은 참고하고 해당함수를 즐겁게 쓰기 바랍니다. 2018. 3. 27. node.js path 모듈 최근 node.js의 path 모듈을 사용하여보았다.구체적으로는 path.extname 함수를 사용하였는데, 본 함수는 경로안에서 확장자를 추출하는 함수다.node.js에서 다른이름으로 이미지 등을 저장할때 매우 유용한 모듈이다.자세한 예제는 아래의 링크를 참고하면 된다. https://www.w3schools.com/nodejs/met_path_extname.asp 그나저나 w3schools에서 node.js 예제까지 다룬다는 것을 오늘 처음 알았다. 2018. 3. 26. google analytics을 통한 앱 로그 추적 최근 서비스하는 앱의 경로를 추적하기위해 google analytics를 사용하게 되었다.물론 아마존에 서비스가 올라가 있기에 거기서도 로그를 상세히 보는 서비스는 있지만,google analytics를 써보자라는 요청이 들어와서 이쪽도 연결하게 되었다.방법은 두가지였는데, 한가지는 node.js에서 설정하는 방법과나머지는 html에서 자바스크립트로 코드만 추가해주면 되었다. 전자의 방법으로 해볼려하다가 잘 안되서 결국에 후자의 방법으로 하게되었다.방법은 간단하다. 아래의 코드만 html의 head 태그에 추가해주면 된다. window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Da.. 2018. 3. 22. 테이블 개발에 있어 최고의 성능을 자랑하는 datatable 라이브러리 내가 datatable이란 라이브러리를 쓴지도 이젠 1년이 다 되어간다.본 라이브러리는 정말 테이블 라이브러리에 있어선 최강중에 최강이라 감히 말해본다.왜냐하면 난 지금까지 테이블과 관련한 많은 작업을 해왔고,정말 복잡한 테이블 기능까지 해당 라이브러리로 모두 커버할 수 있었다. 지금까지 테이블 데이터 옵션에 수많은 요구가 있었지만, 본 라이브러리로 구현하지 못했던 기능이 없었다.또 최근에는 소비자 요구에 맞는 다양한 테이블 데이터 export 문제로 고민이 많았었는데,(짧게 요구사항을 요약하면 테이블의 특정 컬럼을 제외하고 테이블을 export 해줘라, export 할때 ajax 통신을 해서 다른 데이터도 넣어줘라 등등...)정말 놀랍게도 나의 고민을 다 해결해 줄 정도로 데이터 테이블에는 무수한 ex.. 2018. 3. 21. npm 설치 오류문제 최근 npm으로 webpack을 설치하다가 도중 오류가 발생했다.원인을 찾아보니 package.json 파일의 이름과 모듈의 이름이 겹칠경우 설치 오류가 나는 것이었다.(즉 나의 package.json 파일의 name은 webpack 이었다.) 이전엔 이런일을 겪어보지 않았기에 이렇게 기록을 남겨본다. 2018. 3. 21. 이전 1 2 다음