| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- https://developers.kakao.com/
- https://ittrue.tistory.com/90
- 참고자료 https://velog.io/@imok-_/javascript-dom-bom-%ec%9d%b4%eb%9e%80
- Today
- Total
목록2025/04 (6)
쿠쿠더님의 블로그
여기서는 목차는없고 간단하게 webRTC에 대해서 설명할려고 합니다 전 글에서는 제가 프로젝트에서 WebRTC를 썼다 했는데 이게 빠지면 안될것 같아서 씁니다..ㅎㅎ WebRTC란 ?실시간 통신에 있어 아주 좋은 기술입니다. 일단 WebRTC는 Google의 개발들에 의해서 탄생한 기술입니다. 사용하는 유명한 서비스 : Google Meet, Discord, Zoom 있다. 다양한 플랫폼에서 가능한 실시간 커뮤니케이션 기술입니다. 화상 채팅 , 음성 통화, 파일 공유 등등 이 모든걸 별도의 프로그램 없이 웹 브라우저는 물론이고, 모바일 웹, 데스크탑 앱에서도 사용할 수 있는 오픈소스 프로젝트이며 강력한 기술입니다. 더욱 신기한 점은 서버 없이 P2P(Peer To Peer)로 연결되어 데이터를 주고받..
안녕하세요 이번에는 Nodejs 구이김 프로젝트로 블로그를 쓰게되었습니다. 어떤 프로젝트였는지에 대한 설명내가 맡은 부분과 쓰여진 기술에 대한 설명 후기 어떤 프로젝트였는가?저희는 이번에 프로젝트로 `라이브 음악 스트리밍`사이트를 만들어봤는데 일단 이름은 구이김 뮤직스라고 했습니다 내가 맡은 부분과 쓰여진 기술에 대한 설명일단 저는 라이브스트리밍 페이지에서 socketio와 webRTC를 썼고 페이지를 호스트페이지와 시청자 페이지를 나눠서 구현하였습니다. 일단 제가 맡은부분은 라이브 스트리밍하는 페이지, 서치페이지, 다시보기 페이지를 맡았습니다 일단 이페이지는 스트리밍 페이지입니다. 이페이지는 호스트쪽 페이지이고 기능은 실시간 채팅구현 , 음악 연속재생 , 녹화 시작및 종료 그리고 녹화시작시 채팅이 실시..
웹 소켓이란 ?소켓이란 ? - 소켓은 인터넷 즉 네트워크에서 통신하는 역활을 도와주는 개념- 데이터를 받는 역할 - ip주소, 포트번호로 연결을 시도한다. 데이터를 받을수 있다.- 소켓은 컴퓨터에서 데이터를 주고 받을때 연결 속성을 가지고 있다.- ip주소와 포트번호를 가지고 데이터를 받을수 있다. http vs websocket의 차이 1. http : 요청후 응답 받고 안전하게 종료. ( http://, https://)2. websocket(ws) : 요청을 한쪽에서만 지향하는게 아닌 양방향 통신을 지향한다. 논리적 연결을 유지해서 실시간으로 데이터를 주고받을수 있다. 구조 - http요청을 보내고 웹소켓 핸드 셰이크를 진행한다. 웹소켓 업그레이드 요청 GET / HTTP /1.1 host : l..
여기서는 간단하게 카카오 로그인에대해서 설명해 드리겠습니다 . 카카오 로그인 로직이란 - 카카오 로그인은 현재 2.0프로토콜을 사용해서 인증을 처리하고 있고 사용자인증을 API을 제공하고있고APi를 활용해서 카카오 계정으로 로그인하고 동의를 받은후 인가코드를 전달받아서 코드를 가지고 정보를 요청해서 사용자 인증을 처리한다. 1. 사용자의 인증 : 유저가 어플리케이션에서 카카오로그인을 클릭하게 되면 리다이렉트로 카카오 서버의 로그인 화면으로 이동 카카오 서버에서 제공받은 로그인 화면에서 로그인을 하고 동의 화면 까지 처리하게되면 authorization code 인가 코드를 받아서 백엔드에게 전달 콜백 url 즉 리다이렉트 하는데 쿼리 스트링으로 인가코드를 전달. > 카카오 서버에 로그인 요청을 보낼때..
ORM이란ORM이 생긴 이유ORM의 기능시퀄라이즈란?시퀄라이즈의 문법ORM 객체 지향 프로그래밍 - OOP에서 사용되는 객체의 프로그래밍을 관계형 데이터베이스의 테이블과 매핑해서 이전에SQL을 작성하는것을 하지않고 데이터베이스와 상호작용을 할수있다.- 객체를 전달하면 우리가 원하는 형태의 SQL을 작성해서 데이터베이스와 상호작용할 수 있다.- 필드 즉 엔티티를 정의할때 객체의 형태 필드에 저장하는 데이터의 형태를 객체로 매핑하면좀 더 데이터의 관리의 가독성이 높아진다. ORM이 생긴 이유 - 객체와 관계형 데이터를 다룰때 불일치를 해결하기 위해서 탄생- 처음에는 SQL을 자동 생성하고 실행하는 간단한 내용으로 탄생- 이후 점점 스키마와 객체의 모델을 매핑하는 기술로 점점 발전했다.- 데이터베이스를 다룰..
mysql의 인덱싱과 B-tree인덱스의 구조 mysql 옵티아미저index중요성 B-tree란? 데이터의 양이 많아질수록 슬로우 쿼리 발생하고 속도가 저하되는 현상이 발생할수 있다.특정 조건에 맞는 데이터를 조회할때 조회속도를 빠르게 최적화된다. 검색을 빠르게 할수 있는 알고리즘을 사용할수 있는것.탐색의 시간 복잡도가 줄어든다. 인덱스의 구조- b-tree 구조 mysql의 옵티마이저- mysql에서 sql쿼리를 호출해서 조회를 할때 최적화된 조회를 하기위해서 판단해주는 엔진 index의 중요성- 테이블의 저장된 데이터에 대한 접근이 빠른 경로를 제공하는 자료 구조이다. B-tree란?이진 탐색 트리 : 모든 노드의 왼쪽 트리는 해당 부모 노드의 값보다 작은값을 가자고 있고 오른쪽 트리에는 부모 노..