[Tistory] Maximum call stack size exceeded Error 이 페이지는 'Maximum call stack size exceeded' 에러 해결방법을 공유하고 있다. 새 에디터가 생겼길래 신나게 글을 써보려고했는데, 밑에 사진에 보이는 메뉴와 카테고리가 클릭이 되지 않았다. 당황스러워서 찾아보니 메뉴뿐만이 아니라 전체가 하얀화면으로 보이는 경우도 있다고 한다. 개발자 도구로 확인했더니, 아래와 같은 에러가... 원인은 shCore.js 때문이다. shCore.js란, 다수의 개발블로그에서 사용되고 있는 코드블럭 테마인 SyntaxHighlighter를 설정할때 추가했던 파일이다. '블로그관리 - 스킨편집 - html편집 - HTML 탭'에서 SyntaxHighlighter를 사용하기 위해 추가했던 스크립트들과 아래 코드를 전부 삭제한 후 저장하니 정상적으로 작동..
Tistory 2019. 4. 9. 09:30
[Node.js] Using multer to upload image 이 페이지는 multer를 이용한 이미지 업로드 및 폼데이터 처리방식을 설명하고 있다. (* 아래 코드는 React.js와 Node.js 언어로 구현되어있다) # 설치 express와 함께 사용할 multer 모듈을 설치한다. npm install multer --save # React.js multer는 multipart/form-data에서만 동작하니 주의해주세요. const formData = new FormData(); formData.append("image", file); Axios.post('/api/upload', formData, { headers: { 'Content-Type': 'multipart/form-data' } } ).then((res) => { console.log('SUC..
Programming/Node.js 2019. 4. 6. 11:27
[Node.js] Getting Metrics from Amazon AWS CloudWatch 이 페이지는 Node.js 프로젝트에 Amazon AWS CloudWatch 데이터를 가져오는 방법을 설명하고 있다. 코드설명에 앞서 CloudWatch에 대해 간단하게 설명하자면, 개발자 / 시스템 운영자 / 사이트 안정성 엔지니어 및 IT관리자를 위해 구축된 모니터링 및 관리 서비스이다. CloudWatch도 Amazon서비스이기때문에 코드작성에 앞서 연결하는 작업이 필요하다 (아래 코드에서는 region, accessKeyId, secretAccessKey를 하드코딩이 아닌 환경변수에 저장해두고 가져오는 형태로 사용하였다) const AWS = require('aws-sdk') AWS.config.update({ region: config.AWSRegion, accessKeyId : config.A..
Programming/Node.js 2019. 3. 30. 08:56
[Review] SAMSUNG Galaxy Buds(SM-R170) # Galaxy Buds '갤럭시 버드 또는 갤럭시 버즈'라고 불리는 삼성의 새로운 블루투스 무선 이어폰 리뷰를 써보려 합니다 :) 아직 사용기간이 짧아서 리뷰라기보다는 개봉기에 가깝겠지만 같이 분석해봅시다 갤럭시 S10 사전예약시 증정품으로 제공해주는 제품이어서 퀄리티가 떨어지는 건 아닌가 하는 생각이 들었지만 일단 믿고 사용해보려 합니다 무선 이어폰을 살 때 고려할 가장 큰 세 가지를 갤럭시 버즈 스펙에서 살펴볼까요? 첫 번째, 사운드. 세계적인 음향 브랜드 AKG가 튜닝한 전문가 수준의 사운드! 이번에 갤럭시 버즈가 최고의 음질을 내세우는 이유가 있었군요 두 번째, 마이크. 주변 환경에 따라 내/외부 2개의 마이크로 시끄럽고 바람이 많이 부는 환경에서도 외부 소음의 방해 없이 또렷하게 목소리를 전달..
Others 2019. 3. 28. 08:38
[Node.js] AWS DynamoDB - Create, Read, Update, Delete (CRUD) 이 페이지는 Node.js 프로젝트에 Amazon AWS DynamoDB를 연결하여 CRUD를 작업하는 방법을 설명하고 있다. DynamoDB와 연결하여 화면출력하는 내용은 지난 포스트를 참고한다. 참고) https://kkumalog.tistory.com/50 # Movies 테이블 데이터 예시 { 'year': '2013', 'title': 'Turn It Down, Or Else!', 'info': { 'directors': [ 'Alice Smith', 'Bob Jones' ], 'release_date': '2013-01-18T00:00:00Z', 'rating': 6.2, 'genres': [ 'Comedy', 'Drama' ], 'image_url; : 'http://ia.media-imdb..
Programming/Node.js 2019. 2. 17. 16:29
[GA] 이탈률(Bounce Rate) vs 종료율(Exit Rate) 이 페이지에서는 헷갈리는 용어 두가지인 이탈률과 종료율을 비교하여 설명하고 있다. # 이탈률(Bounce Rate)해당 페이지로 홈페이지를 처음 방문해 해당 페이지만 보고 나가는 비율. 다시 말해, 다른 페이지로 이동하지 않고 접속한 페이지 하나만 보고 나가버리는 비율.→ 이탈률이 높게 나타난다는 것은 사용자가 홈페지이를 더 볼 것이 없다고 판단했다는 것을 의미하여, 사용자가 원하는 정보가 없는지 점검해야 한다. # 종료율(Exit Rate)해당 페이지에서 홈페이지를 종료한 비율.→ 어떤 페이지에서 종료율이 높게 나타난다면 해당 페이지에 문제가 없는지 점검해야한다. # 이탈률 vs 종료율처음 방문한 페이지에서 다른 페이지로 이동하지 않고 종료했다면 이탈률에 포함.다른 페이지로 이동했다가 다시 처음 방문한..
Book/Google Analytics 2019. 2. 8. 09:30
[GA] 구글 애널리틱스(Google Analytics)란? # 분석의 시작블로그를 시작하면서 여러 통계 정보를 확인하고 싶다는 생각을 하게되었다. 그러려면 어떻게든 데이터를 수집하고 수집된 데이터를 확인할 수 있는 통계 페이지가 있어야 하는데 어떻게 마련해야 하나 막막하기만 하다. 바로 이럴때 누구나 쉽게 홈페이지의 데이터를 분석하고 확인할 수 있게 도와주는 도구인 구글 애널리틱스(Google Analytics)이다. https://www.google.com/analytics/web/?hl=ko&pli=1 # 웹로그사용자가 어떻게 웹 서비스를 이용하고 있는지 분석하기 위해 수집하는 데이터로, 어떤 사용자가 어느 페이지에 언제 접속했는지 얼마나 오래 머물렀는지 등의 데이터를 말한다. 그렇다면 웹 로그는 왜 수집하는 걸까?그 답은 웹 로그를 분석해 더 나은 웹 서비..
Book/Google Analytics 2019. 2. 5. 08:30
[Node.js] Login Authentication With Passport 이 페이지에서는 passport.js 패키지를 이용하여 로그인을 구현하는 방법을 설명하고 있다. # 패키지 설치 우선 아래의 코드를 이용해서 패키지를 설치한다. npm install passport passport-local express-session passport passport-local은 로그인을 구현할 때, express-sesion은 로그인 후 세션에 유저정보를 입력할 때 사용될 것이다. # 화면구현 Code api를 호출해서 화면에 출력하는 과정에 대해서는 지난 포스트에서 설명했다. 참고) https://kkumalog.tistory.com/49 이번에는 폼을 출력하고 폼에 입력한 데이터들을 post로 넘겨주는 과정을 설명하려한다. form action="/login" method="pos..
Programming/Node.js 2019. 2. 2. 08:30
[Node.js] Connecting to Amazon AWS DynamoDB 이 페이지는 Node.js 프로젝트에 Amazon AWS DynamoDB를 연결하는 방법에 대해 설명하고 있다.폴더 구조에 관련한 내용은 지난 포스트를 참고한다.참고) http://kkumalog.tistory.com/49 # 설치 $ npm install aws-sdk # Code여기서는 AWS DynamoDB의 'version'테이블에서 version 필드값이 'a'인 데이터를 가져오는 과정에 대한 코드를 나타내고 있다.(코드는 DB와 직접 연결하는 database폴더 → 서버를 실행하는 app.js 순서로 설명한다. 또한 예시를 위해 aws 설정 관련 코드를 같은 파일에 작성했으나, 실제로는 코드의 재사용성을 위해 다른 파일로 분리하여 사용하고 있다) 1) database/version.js con..
Programming/Node.js 2019. 1. 30. 15:46
[Node.js] Create Node.js Project in IntelliJ IDEA(2) 이전에 IntelliJ에서 Node.js 프로젝트를 생성해보았는데, 이 페이지에서는 Terminal을 통해 생성하는 방법과 폴더 구조에 대해 알아본다.참고) http://kkumalog.tistory.com/48 # Terminal을 통한 Node.js 프로젝트 생성원하는 디렉토리에 폴더를 생성한다. (ex-TestProject) $ cd TestProject/$npm init 이 명령을 실행하면 애플리케이션의 이름 및 버전과 같은 몇 가지 정보에 대해 프롬프트한다. 대부분의 항목에서 ENTER 키를 눌러 기본값을 수락할 수 있다. This utility will walk you through creating a package.json file. It only covers the most common i..
Programming/Node.js 2019. 1. 28. 12:30
1 2 3 4 5 6 7
최근에 올라온 글
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Total
Today
Yesterday