HANA -J

실제 사용자는 생각보다 포기가 빠르며, 눈에 띄는 요소들을 단숨에 선택하고 꼼꼼히 보지 않는다. 마우스 커서가 위치한 곳의 84%가 실제 아이 트래킹에서 측정된 응시 지점에 해당한다. 마우스 클릭 분석하기 마우스 클릭은 크게 무효 클릭, 유효 클릭, 전환 클릭, 비전환 클릭으로 분류된다. 무효 클릭 : 클릭 또는 이벤트 대상이 아니기 때문에 기능적으로 의미가 없다고 볼 수 있는 영역을 클릭한 경우 유효 클릭 : 클리커블한 요소를 클릭한 경우 전환 클릭 : 사용자가 페이지 내 가장 마지막으로 체류한 위치이자 마지막으로 소비한 콘텐츠, 사용자의 목적과 부합했음 비전환 클릭 : 디자이너가 설계한 인터랙션이 제공되는 경우 스크롤 도달률을 체류 시간과 함께 분석해야 하는 이유 스크롤 도달률만으로는 사용자가 훑어보..

데이터를 통해 알 수 있는 UX정보 PV(Pave view) : 특정 웹 사이트의 특정 페이지가 사용자에게 노출된 횟수 UV(Unique Visitor) : 중복된 pv를 제거한것, 특정 기간 내 실제로 방문한 사용자가 얼마나 되는지 파악 전환율 : 웹 사이트를 방문한 사용자 중 소정의 행위를 한 방문자의 비율 이탈율(반송률) : 한 페이지만 본 뒤 해당 사이트를 벗어난 방문행동의 비율 종료율 : 방문한 모든 페이지를 대항으로 1개 이상의 페이지를 보고 화면을 종료한 방문 행동의 비율 숫자와 관련된 지표 분석에서 고려해야할 다섯가지 1. 사용자가 활동한 행동의 정도와 양상 2. 상세 행동에 따라 달라지는 해석 - 스크롤이 도달한 위치에 사용자가 탐색한 행동이 존재하는가? - 높이별 체류 시간 정보는 어떻..

- 미들웨어란 ? 클라이언트에서 요청이 오고 그요청을 서버에 보내기 위해 중간에서 목적에 맞게 매개역할을 하는 소프트웨어. =>Express 애플리케이션은 본질적으로 일련의 미들웨어 함수의 호출이다. //Application level //use, method(get,post, put, delete 등) 메서드로 미들웨어를 만든다. app.use(function(req, res, next) { //어떤 경로로 들어와도 동작하겟다! console.log('여기는 실행'); next() //다음미들웨어가 동작하도록 하는 callback함수 }) app.get('/user/:id', function (req, res,next){ //해당 경로에서만 미들웨어가 동작하도록 지정할 수 있다. res.send('id..

require : CommonJS에서 모듈을 불러올 때 사용하는 키워드 module.exports = { getPrivateNotice } //사용 const privateControll = require('../controller/privateList'); import : ES6에 도입된 키워드, 다른 패키지 안에 있는 클래스, 메소드, 변수 등의 데이터를 사용하고자 할 때 사용하는 키워드 export const hello = 'hello' //사용 import {hello} export default NumberBase; //사용 import NumberBase;

- 현대의 인터넷은 OSI 7모델이 아니라 TCP/IP모델을 따르고 있다. - TCP/IP 모델도 OSI와 마찬가지로 네트워크 시스템에 대한 모델이다 Q.1 두대의 컴퓨터가 통신하려면? - 모든 파일과 프로그램은 0과 1의 나열이다. => 결국 0과 1만 있으면 데이터를 주고 받을 수 있다. - 디지털 신호를 아날로그 신호로 변조를 해서 사용해야 한다. 1. Physical Layer - 0과 1의 나열을 아날로그 신호로 바꾸어 전선으로 흘려보내고(encoding), 아날로그 신호가 들어오면 0과 1의 나열로 해석한다(decoding). - 물리적으로 연결된 2대의 컴퓨터가 0과 1의 나열을 주고 받을 수 있게 해주는 모듈 - encoding : 변조, encoder : 변조를 해주는 것, decodin..

- Nest.js ? Nest(NestJS)는 효율적이고 확장 가능한 Node.js 서버 측 애플리케이션을 구축하기 위한 프레임워크입니다. 프로그레시브 JavaScript를 사용하고 TypeScript로 구축하고 지원합니다. (개발자가 JavaScript로 코딩할 수 있음) OOP(객체 지향 프로그래밍), FP(기능 프로그래밍) 및 FRP(기능 반응 프로그래밍)의 요소를 결합합니다. 내부적으로 Nest는 Express와 같은 HTTP 서버 프레임워크를 사용하며 선택적으로 Fastify 도 사용하도록 구성할 수 있습니다. Nest는 이러한 일반적인 Node.js 프레임워크(Express/Fastify)보다 높은 수준의 추상화를 제공하지만 해당 API를 개발자에게 직접 노출합니다. 이를 통해 개발자는 기본 ..

AWS EC2에 대해 알게된 것 정리 - 인스턴스 = 임대컴퓨터 1개 - EC2 태그는 인스턴스의 역활&관리자의 정보를 저장해 놓기 위해 사용(key-value) ex) Name - hanaWebServer 관리자 - hana 타입 - 배포서버 - 보안그룹 : 우리가 만든 인스턴스에 접속하는 방법들중 제한된 방법들만 네트워크로 접속 할 수 있게 설정하는 것 ex) ssh : 리눅스/유닉스 계열에서 원격제어를 위해 허용 http : 웹서버로 사용하기 위해 허용 사용자 지정(3306 : mysql , was : 8080,3000....등등) - EC2 서버를 활용한 scale out 방법 Elastic Load Balancing : 로드 밸런서 활용 Auto Scaling : 사용자의 설정에 따라 기존의 인..

[네트워크 프록시] > 프록시 서버? 클라이언트와 서버간의 중계 서버로 통신을 대리 수행하는 서버이다. 캐시/보안/트래픽분산등 여러장점을 가질 수 있다. 1. Forward Proxy(일반적으로 proxy라고 부르는것) 특징 - 캐싱 : 전소이간을 절약하고, 불필요한 외부 전송이 필요 없어져 네트워크 병목현상을 방지할 수 있다. - 익명성 : 서버가 응답 받은 요청이 어디서 온건지 알수 없다. (서버가 받은 요청 IP = Proxy IP) 2. Reverse Proxy 특징은 포워드 프록시와 같다. [Load balancer] 여러대의 서버가 분산 처리 할 수 있도록 요청을 나누어 주는 서비스 OSI 7Layer를 기준으로 대표적으로 L4, L7로 나누어 진다. > OSI 7Layer 더보기 > OSI ..