본문 바로가기

분류 전체보기110

2023 비전공자 개발자의 처절한 생존일기(두서없음 주의) ※ 그냥 생각나는대로 막 적은 글입니다. 문맥과 어순이 맞지 않음에 주의해주세요. 상반기 완료 업무 상반기 erp솔루션 회사에서의 근무 kb라이프생명에서의 차세대 클라우드병합 프로젝트 3개월 근무 sqld개발자 자격증 취득 운전연수 그리고 2학기 복학과 더불어 진행하는 앞으로의 계획 나만의 운동 핏 찾아주기 ( JS응용 ) 사이트 만들기 ( 완료 ) Spring 딥다이브 ( with 영한쌤 ) zoom만들기 개인 토이프로젝트 Django 백엔드 파트로 합류한 Project ★파이썬 쇼핑몰 자동화 (with 셀레니움) 회사업무 기업가치분석 시간에 사용하는 kisvalue와 stata를 이용해 병행하는 모듈제작 핀테크와 퀸트 트레이닝시간에 사용하는 선형회귀분석과 파이썬 api 분석프로그램 과제 < 부모님 사.. 2023. 9. 7.
Django.restAPI (with python/) _DRF 프로젝트 세팅 목표 : 파이썬 + Django를 이용하여 restful한 api를 만들어보고 나만의 todo app 개발 ( +@ DRF개념을 이해하고 응용해보자. ) 운영체제 : windows64bit 파이썬 버전 : 3.11.5 ( 최소 3.8.0 이상) Django 버전 : 3.2.10 DRF 버전 : 3.13.1 개발 도구 : VS CODE(무료) 가상환경도구 : virtualenv 사전지식 : MTV패턴에 대한 이해 파이썬 장고는 MTV패턴을 따른다. M : MODEL T : TEMPLATE V : VIEW 모델은 앱의 데이터 관련 부분을 다루고 ( 백단 ) 템플릿은 고객에게 직접적으로 보이는 화면 ( 프론트단 ) 뷰는 모델의 데이터를 템플릿에 전달하고, 템플릿에서 발생하는 이벤트를 처리하는 파트다. MVC .. 2023. 9. 6.
Zoom만들기 13. WebRTC WebRTC는 web real-time communication을 뜻한다. WebRTC는 네가지 스텝을 통해 동작한다. Signalling Connecting Securing Communicationing 그리고 peer-to-peer로 데이터를 교환할 수 있게 해준다. 1. 그럼 peer-to-peer이 뭔데? 인터넷에 연결된 다수의 개별 사용자들이 중개 기관을 거치지 않고 데이터를 직접 주고받는다는 뜻이다. ※ socket.io로 만든 채팅 앱은 peer-to-peer가 아님. 왜냐하면 하나의 서버에 웹소켓이 여러개 이어져 있어서 서버가 중개 기관 역할을 했기 때문... 언제나 서버를 이용할 필요도 없다. 실시간 소통 속도도 빠르다. 서버를 유지하는데 드는 여러가지 비용도 줄일 수 있다. 다만 그렇다.. 2023. 9. 5.
Zoom 만들기 12. 비디오와 오디오 제어하기 영상, 소리와 같은 미디어를 스트림으로 받아오는 작업을 해봤는데, 우리가 생성한 스트림 안에 있는 트랙(Track)이라는 것을 사용하면 비디오와 오디오를 따로 제어할 수 있음. 1. 트랙 살펴보기 스트림에서 트랙이란 스트림을 구성하는 미디어 요소 하나하나를 구분하는 일종의 단위이다. → 각 트랙은 배열로 표현되는데, 배열을 구성하는 객체에는 kind라는 키가 있고 여기에 트랙의 종류가 표시돼. ex) MediaStreamTrack {kind: 'audio'} / MediaStreamTrack {kind: 'video'} 2. 비디오와 오디오 제어하기 두 버튼의 핸들러 함수로 가서 버튼을 각각 클릭할 때마다 enable의 값이 변경되도록 변경. const socket = io(); const myFace .. 2023. 9. 5.
Zoom 만들기 .11 카메라 불러오기 목표 사용자로부터 영상을 가져와 화면에 보여주기 마이크 음소거나 카메라 켜고 끄는 기능을 제어하는 버튼을 구현 카메라 여러개인 경우를 대비하여 사용하던 카메라를 바꿀 수 있게 할 것임. 1. 영상 출력 요소 추가하기 myFace라는 부를 영상을 만들어야함. home.pug를 다음과 같이 수정 doctype html html(lang="en") head meta(charset="UTF-8") meta(http-equiv="X-UA-Compatible", content="IE=edge") meta(name="viewport", content="width=device-width, initial-scale=1.0") title Zoom //MVP.css는 우리가 태그에 class나 id같은 특성을 추가하지 않아.. 2023. 9. 4.
Admin Panel 사용하기_ 관리자페이지 socket.io는 우리가 만든 서버를 위한 관리자 UI(user interface)를 제공해 줘. 이를 이용하면 모든 소켓과 룸을 확인할 수 있어. 1. Admin UI 설치하기 터미널에 다음 명령어로 다운로드 받아보자. → npm i @socket.io/admin-ui 이렇게 @SplattingNotPermitted 오류가 발생하는 경우도 있음. 이는 터미널에서 특수 가호를 받지 못해 생기는 오류이다. 해결방법 : 큰따옴표로 묶어 입력하자! → npm i "@socket.io/admin-ui" 2.server.js 수정하기 Admin UI를 위해 설치한 패키지에서 instrument를 가져와야 함. 우리가 기존에 socket.io 서버를 만들었던 방식을 변경해보도록 하자. (환경설정) import h.. 2023. 9. 4.
반응형

티스토리툴바