it 내용 정리

ES6, ECMAScript6, ES2015+ 모두 같은 말이다. ECMAScript는 JavaScript이다.->모호한 표현 JavaScript와 ECMAScript에는 차이가 있다. JavaScript는 ECAMScript의 표준을 따르는 범용 스크립트 언어이고, 다르게 표현하면 ECMA Script는 Javascript의 표준이다. 스크립트 언어는 독립된 시스템에서 작동하도록 특별히 설계된 프로그래밍 언어이다. 스크립트 언어의 개념을 설명하는 이유는 ECMAScript는 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공하기 때문이다. 구형 브라우저와는 호환이 안된다는 단점이 있다. 아직도 윈도우 7을 쓰는 컴퓨터가 많기 때문에 IE 점유율이 상당하다. ES2015+ 문법을 구형 브라우..

가까운 시일 내에 Node.js 개발 실무에 투입될 것 같아서, 설이 오기 전에 다시 한 번 칼을 뽑았다. SW중심대학, 일명 소중대 대학 연합 해커톤 이후에 Flask 프레임워크에 빠져있었는데, 다시 js의 감각을 깨우고자 javascript 공부 계획에 대한 글을 포스팅한다. 캡스톤 디자인(1)의 Pet Meeting 프로젝트에서 Express 프레임워크를 사용해서 Node.js 코드를 짤 때 프로그라피 친한 운영진이 알려준 MVC 패턴을 따라갔었다. 당시에 미들웨어 함수 TASK 등 이론적인 부분에 대한 공부가 부실했다는 것을 스스로도 알고 있다. 기본적으로 좋은 무료 강의도 많고, 스스로 클론 코딩을 통해서 실력을 늘릴 수도 있지만, 일단 검증된 빠른 길을 택했다. 빠른 Node.js 심화 공부를..

node.js 앱을 배포하다 보면, 모니터링,프로세스 관리 등 pm2에에는 기본 제공 로드 밸런서가 포함되어 있다. PM2를 이용하면 앱을 항상 정상 작동 상태로 유지하고, 시스템 가동 중단 없이 앱을 다시 로드할 수 있다. pm2 + config pm2 의 ecosystem을 활용하면 실행 시에 NODE_ENV 를 명시해서 넘길 수 있다. pm2 ecosystem.config.js --env production // ex) ecosystem.config.js { "apps" : [{ "name" : "worker", "script" : "./worker.js", "watch" : true, "env": { "NODE_ENV": "development" }, "env_production" : { "NOD..

내 계정이 Google Cloud Platform의 사용자 인증 정보란에 등록되지 않아서 발생한 문제였다. 패키지명이 바뀌어서 기존의 Google Cloud Platform의 프로젝트를 그대로 사용하지 못할 것이라고 생각했다. 서버측과 바로 협력하지 않고, 내 패키지를 나의 Google Developers Console에 등록하여, OAuth 인증을 받으려다 보니 생긴 문제였다. 아래 링크를 참조하여 문제를 해결하였다. stackoverflow.com/questions/24160011/the-signing-fingerprint-you-specified-is-already-used-by-another-android-oauth2

일단, 디자인 패턴으로 MVVM이 가지는 의미를 말로 풀어보겠다. MVVM은 Model-View-ViewModel의 약자이다. Model은 UI에 표시될 데이터와 비즈니스 로직을 담당하고, View는 UI를 의미하며, ViewModel은 이벤트 처리나, Model과의 인터랙션을 담당한다. MVVM의 각 레이어간에 어떤 식으로 인터랙션이 이루어지는지, 간단하게 도식화된 그림으로 살펴보자. Data Binding은 View에 관한 로직과 비즈니스 로직을 구분하는 데에 중요한 역할을 한다. 이를 이용하여 View가 오로지 수동적인 포지션을 취할 수 있고, ViewModel이 View의 존재를 알지 못하게 하여 플랫폼 의존성에서 벗어날 수 있게 해준다. MVVM으로 실제 서비스 개발에 적용해보진 못했다. 서비스..

기존의 Figma가 아닌, Adobe Design으로 workflow로 디자인을 하기로 했다. 추가적인 UI/UX논의가 필요한 부분 1. 습관을 삭제할 때 텍스트 기획 2. 경험치를 어떻게 프로필에서 설명을 해야 할지 3. 습관 detail 탭을 좀 더 흥미롭게 바꾸기 기존의 습관 detail탭은 캘린더와 빵을 구운 요일 정보를 담고 있다. 정기 세션 중 피드백으로 나왔던, 습관 이력들에 대한 analytics를 시각화하여 달력 밑에 보여주자는 의견은 채택되었다. 색깔 6개로 주고, 시간대별로 어떤 습관을 많이 하는지 정보를 제공가능 사용자가 습관을 커밋한 시간을 일별 그리고 시간별로 점으로 찍어주는 것 시각화 관련해서 추가적으로 나온 의견들 히트맵으로 1년의 12 달 동안 습관을 커밋했던 이력들을 보여..

android9-> android10 1. 버튼이 사라졌다. 이제는 제스처 인터페이스 버튼이 사라지고 바가 그 자리에 있다. 제스처를 통해 메뉴나 동작을 강화하는 방향으로 가는 징검다리 2. 어두운 테마 안드로이드 운영체제는 설정을 비롯한 거의 모든 응용 프로그램까지 흰 배경을 기준으로 설계되었다. 자바 vs 코틀린 1.변수 / 상수 java 변수 final을 사용하지 않음 상수 final을 사용 kotlin 변수 var사용 상수 val 사용 2. view사용 java:findViewById() 함수로 button 객체에 할당 kotlin: xml에서 정의한 id값을 그대로 사용 3. NULL 안정성 java: Annotation을 사용하고, Kotlin에서는 Optional을 사용한다. kotlin:?..

가입자가 어떤 화면에 머무는지 kpi(key performance indicator)- 다운로드 수/접속자 수는 중요한 지표가 아님 서비스마다 active user로 보는 ** metrics for kpi 1)dau일간 활성 유저 / mau 월간 활성 유저 2) funnel analaysis- bounce rate 이탈율 을 페이지별로 분석 ex)카드 등록 페이지에서 bounce rate급증하면 그 페이지에서 문제가 있는 것임 3)retention rate-가입자 잔존율 churn rate(가입자 이탈율)=1-retention rate cohort(비슷한 특성을 가진 유저) 분석을 통해 결론 도출 4) 체류자 https://stackoverrun.com/ko/q/1405817 ------------ 규산..

가입자가 어떤 화면에 머무는지 kpi(key performance indicator)- 다운로드 수/접속자 수는 중요한 지표가 아님 서비스마다 active user로 보는 ** metrics for kpi 1)dau일간 활성 유저 / mau 월간 활성 유저 2) funnel analaysis- bounce rate 이탈율 을 페이지별로 분석 ex)카드 등록 페이지에서 bounce rate급증하면 그 페이지에서 문제가 있는 것임 3)retention rate-가입자 잔존율 churn rate(가입자 이탈율)=1-retention rate cohort(비슷한 특성을 가진 유저) 분석을 통해 결론 도출 4) 체류자 ------------ 규산형 - textview edittext정보 단위 만들어라 카드 객체라..

가입자가 어떤 화면에 머무는지 kpi(key performance indicator)- 다운로드 수/접속자 수는 중요한 지표가 아님 서비스마다 active user로 보는 ** metrics for kpi 1)dau일간 활성 유저 / mau 월간 활성 유저 2) funnel analaysis- bounce rate 이탈율 을 페이지별로 분석 ex)카드 등록 페이지에서 bounce rate급증하면 그 페이지에서 문제가 있는 것임 3)retention rate-가입자 잔존율 churn rate(가입자 이탈율)=1-retention rate cohort(비슷한 특성을 가진 유저) 분석을 통해 결론 도출 4) 체류자 ------------ 규산형 - textview edittext정보 단위 만들어라 카드 객체라..