profile
즐겁게 살자
태그 목록
전체보기 (242)TIL(222)allforyou(23)4주프로젝트(22)프로젝트연습(18)CSS(11)sinsundo(11)2주프로젝트(11)JavaScript(11)JavaScript_DeepDive(8)redux(7)데이터베이스(6)면접(6)sql(5)토이프로젝트(5)sprint(5)에러(5)복습(5)docker(4)Token(3)캐시(3)ORM(3)mysql(3)HTTP/네트워크 기초(3)React(3)명령어(2)컴퓨터공학(2)oAuth(2)https(2)aws(2)알고리즘(2)API(2)practice(2)과제(2)express(2)node.js(2)http(2)dotenv(2)오류(2)TCP/UDP(1)useEffect(1)IP/IP Packet(1)환경변수(1)네트워크(1)EventLoop(1)기업과제(1)Bubbling & Capturing(1)시맨틱테크(1)php(1)스키마(1)salt(1)인증/보안 기초(1)call, apply, bind(1)Hashing(1)자바스크립트(1)문자열(1)ssh(1)ec2(1)parcel(1)JWT(1)mongodb(1)멀티스레드(1)GitHub(TIL)(1)Rx.js(1)스크립트언어(1)컴파일언어(1)http 메소드(1)문자열/그래픽(1)DOM(1)가비지컬렉션(1)axios(1)html(1)markup(1)route 53(1)sied effect(1)pm2(1)nosql(1)인증/보안(1)라이브러리/프레임워크(1)err(1)cookie(1)배포자동화(1)랜딩페이지(1)webRCT(1)react i18next(1)운영체제(1)클로져(1)session(1)git(1)html5(1)typescript(1)Event(1)정규표현식(1)react life cycle(1)4주 프로젝트(1)프로세스/스레드/멀티스레드(1)토이프로제트(1)실글스레드(1)refactoring(1)credentials(1)express session(1)sqlJoin(1)WEBRTC(1)npm(1)GET(1)POST(1)session/token/OAuth(1)스코프(1)rds(1)hashing/salt/cookie(1)S3(1)HTTP/HTTPS(1)쿠키(1)환경변수설정(1)반응형(1)브라우저(1)시간복잡도(1)csrf(1)throttle(1)debounce(1)Batch Mode(1)

22.06.24 redux 무한 루프 이유

react component 같은 자리에서 같은 상태를 지정하는 useSelecor와 dispatch를 사용하면 무한루프에 빠진다

6일 전
·
0개의 댓글

22.05.19(목) WebRTC

WebRTC WebRTC 는 리얼 타임 음성, 영상, 데이터 교환을 할 수 있는 완전한 p2p 기술이다 다른 곳에서 논의한 것 처럼 서로 다른 네트워크에 있는 2개의 디바이스들을 서로 위치시키기 위해서는, 각 디바이스들의 위치를 발견하는 방법과 미디어 포맷 협의가 필요하다 이 프로세스를 시그널링 signaling 이라 부르고 각 디바이스들을 상호간에 동의된...

2022년 5월 19일
·
0개의 댓글

22.05.18 (수) react-i18next, webRCT

react-i18next https://react.i18next.com/latest/trans-component 샘플 코드 webRTC webRTC open source tippy tippy.js는 popper.js를 기반으로 업그레이드화된 플러그인으로, popper.js의 스크롤 액션이 default로 들어가 있다 여기서 스크롤 액션이란, 예로...

2022년 5월 18일
·
0개의 댓글

22.05.16 (월) git 초기 설정 및 ssh

git 환경설정 > $ git config --global user.name "나의 사용자 이름" $ git config --global user.email "내 이메일 주소" --global 옵션으로 설정하면, 사용자 홈에 저장되므로 git을 설정할 때 처음에 단 한 번만 입력해도 된다 나중에 github의 사용자 이름이나 이메일을 변경한다면, 이 명...

2022년 5월 16일
·
0개의 댓글

22.05.10 (화) 렉시컬 스코프, binding

렉시컬 스코프 프로그래밍에서 scope란 변수의 유효범위를 나타내는 용어이다 Javascript는 Lexical scope를 따르고 있다는데, Lexical scope는 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정하는 것이다 중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다는 점이다 binding javascript의 함수는 ...

2022년 5월 10일
·
0개의 댓글

22.05.04 (수) Debounce, Throttle, Rx.js

Throttle 와 Debounce 는 자주 사용 되는 이벤트나 함수 들의 실행되는 빈도를 줄여서, 성능 상의 유리함을 가져오기 위한 개념이다 > keyboard 가 한자씩 입력될 때마다, api 로 데이터를 가져오게 되면, 사용자의 의도와 무관한 요청 이 자주 발생되는데, 이를 줄이기 위해, 입력이 끝난후나, 입력되는 중간 중간 200ms 마다 api ...

2022년 5월 4일
·
0개의 댓글

4월 28일 (목) Three.js, pixiJS, WebGL, solidity, spark AR, 객체지향 VS 절차지향, HTML5, web 3.0

Threejs 웹페이지에 3D객체를 쉽게 렌더링하도록 도와주는 자바스크립트 3D 라이브러리 Three.js는 3D객체를 렌더링하는 데 webgL을 사용한다 (WebGL:점,선,삼각형만을 그리는 아주 단순한 시스템) Pixijs PixiJS는 WebGL을 사용하는 고속 HTML5 2D 렌더링 라이브러리 Canvas 혹은 WebGL API를 Flash ...

2022년 4월 28일
·
0개의 댓글

4월 26일 (화) HTTP, HTML5

HTTP HTTP 작동 방식 HTML5 란 ? > 멀티미디어 란 ? 자바스크립트 ES6란 ?

2022년 4월 26일
·
0개의 댓글

4월 25일 (월) socket.io 에러

채팅 입력시 배열에 2개 씩 담기는 현상 영문 및 기호를 쓰면 하나씩 담기고 다시 한글 입력시 2개씩 담기던 것이 한개로 담기게 바뀐다 onKeyPress를 사용하여 해결 onKeyUp 또는 onKeyDown등은 왜 두번 호출이 되는지 알아내지는 못함 Credentials (인증서) > withCredentials Credentials 이란 쿠키, ...

2022년 4월 25일
·
0개의 댓글

4월 23일 (금) 자바스크립트에서 타입스크립트 변환 중 에러

즉, 브라우저는 형식 스크립트를 이해하지 못하고 단순히 index.ts를 가리킬 수는 없다 먼저 JavaScript로 컴파일해야 한다고 한다 tsconfig.json에서 먼가 설정을 해줘야 하는건가 ..

2022년 4월 22일
·
0개의 댓글

4월 19일 (화) 공튀기기 관련

Math.random() Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 난수 생성 알고리즘에 사용되는 초기값은 구현체가 선택하며, 사용자가 선택하거나 초기화할 수 없다. 0 이상 1 미만의 부동소숫점...

2022년 4월 19일
·
0개의 댓글
post-thumbnail

4월 18일 (월) 과제_튀기는공

공을 그릴때에는 항상 중심점을 기준으로 X, Y값을 잡는다 공의 중심점이 실제 위치가 된다 즉 반지름이 중요하다 반지름을 X, Y값에다 더해주고 빼줘야지 실제로 공이 브라우저에 닿았는지 알 수 가 있다 즉 공의 X, Y값을 비교하는 것이 아니라 반지름을 더한 값 혹은 뺀 값을 정의해서 공이 실제로 어디에 닿았는지를 판단하게 된다 브라우저 상에서 공에 ...

2022년 4월 18일
·
0개의 댓글

4월 18일 (월) Parcel

Parcel 쉽고 빠르고 강력한 웹/앱 번들러 > #### 번들러란 ? 번들러란 많은 파일들이 생기는 프로젝트에서 여러 파일들을 하나의 파일로 묶어주어 네트워크의 응답속도도 빠르게 도와주며 파일간의 병목현상을 없애주고 유지보수를 올려주는 역할을 한다 Parcel 공식홈페이지

2022년 4월 18일
·
0개의 댓글

4월 18일 (월) 자바스크립트 vs PHP

PHP란 ? PHP는 서버 측 스크립트다 PHP 프로그램은 내려받기 전에 웹 서버에서 실행된다 웹 브라우저에 내려받은 코드는 프로그램이 실행된 HTML 코드 내려받은 HTML 코드에는 PHP 프로그램 코드가 포함되어 있지 않다 그리고 PHP는 MySQL과 연동으로 사용하기에 주로 블로그, SNS, 쇼핑몰, 일정관리등을 만들때 많이 이용한다 > 주로 H...

2022년 4월 18일
·
0개의 댓글

4월 17일 (일) API, Postman

REST API (Representational state transfer) 백엔드와 클라이언트에서 어떤 방식으로 커뮤니케이션을 할지를 결정해 정해 놓은 아이이다 REST API 아이라고도 불리고, RESTful Web services 라고도 불린다 GET - 내가 정보를 서버에서부터 받아 올 때, 이미 존재하는 사용자의 정보를 받아 온다면 GET을 ...

2022년 4월 17일
·
0개의 댓글

4월 13일 (수) TypeScript

TypeScript_기본타입 튜플 (Tuple) 인텍스별로 타입이 다를 때 사용 void, never > void void는 함수에서 아무것도 반환하지 않을때 사용 > > never never은 항상 에러를 반환하거나, 영원히 끝나지 않는 함수의 타입으로 사용 > enum 비슷한 값끼리 묶어져 있는 형태 특정값만 입력할 수 있게 강조하고 싶을때...

2022년 4월 13일
·
0개의 댓글

4월 13일(수) 자바스크립트 call, apply, bind

자바스크립트 call, apply, bind 함수 호출 방싱과 관계없이 this를 지정할 수 있다 call 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있다 함수로 호출하면서 call을 사용하면서 this로 사용할 객체를 넘기면 해당 함수가 주어진 객체 메소드인 것처럼 사용할 수 있다 call의 첫번째 매개변수는 this로 ...

2022년 4월 13일
·
0개의 댓글
post-thumbnail

4월 8일 (금) Event, bubbling & capturing

Event Event Handler 등록 (브라우저에 이벤드 발생시 호출 해달라고 등록) -> 브라우저에서 이벤트라는 오브젝트를 만들어서, 이 이벤트 오브젝트에는 어떤 부분에서 클릭이 되었는지, 어떤 요소가 클릭이 되었는지 등 다양한 정보들이 들어있는 이벤트 오브젝트를 등록한 콜백 함수에 전달해주게 된다 이벤트 핸들러를 등록할 수 있는 요소에는 이벤트타...

2022년 4월 8일
·
0개의 댓글
post-thumbnail

4월 7일 (목) API

API 란 ? 점원은 손님에게 메뉴를 알려주고 -> 주방에 주문받은 요리를 요청 -> 그다음 주방에서 완성된 요리를 손님께 다시 전달 API도 점원의 역활과 비슷하다 API는 손님(프로그램)이 주문할 수 있게 메뉴(명령 목록)를 정리하고, 주문(명령)을 받으면 요리사(응용프로그램)와 상호작용하여 요청된 메뉴(명령에 대한 값)를 전달한다 즉, API는...

2022년 4월 7일
·
0개의 댓글

4월 4일 (월) Node.js와 싱글스레드

Node.js 란 ? Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다 > ### 스레드(thread) 스레드(thread)는 어떠한 프로그램 내에서, 특히 프로세스 내...

2022년 4월 4일
·
0개의 댓글