NICE SUGI

Http 서버만 다루다가 이번에 (WebSocket -> SocketIO)를 사용해 채팅과 화상채팅을 만드는 미니 프로젝트를 진행 중에 비디오와 오디오 제어를 하기위해 사용한 navigator.mediaDevices.getUserMedia() 기록이다. 음 미디어 컨텐츠, 비디오, 오디오, 인스턴스 키워드를 사용해 검색해보니 mozilla에서 MediaStream을 찾았다. MediaStream객체를 반환하는 메서드를 찾아보니 `navigator.mediaDevices.getUserMedia()` 바로 나오더라. 이 메서드는 이름 그대로 User의 Media에 접근할 수 있게 해준다. 기본적으로 사용시 접근을 원하는 미디어의 값을 `{ audio: true, video: true }`처럼 설정한다. 미디..

https://nicesugi.github.io/VanillaJavaScript-Today/ NestJS를 다뤄보고자 했는데 TypeScript를 배워야겠고, 그 전에 JavaScript를 확실히 알고 넘어가야겠고 하다가 만들어보게 되었다. 깃헙io 포멧은 어떻게 보이려나 싶어서 페이지도 생성했다. 음 저번주(17-22일)에 진짜 오랜만에 Django로 서버,프론트 작업을 요구하는 기업과제를 만지다가 잠시 쉬어가는 시간을 갖고자 작업해봤당. 만져보니 여러 D-day 생성도 가능할거같은데 다른건 다 괜찮은데 이상하게.....css..넘 어려움..

이벤트 발생시 타이틀의 텍스트와 색상을 변경하는 코드를 작성했다. 처음 1번 방법을 작성해보고 수정해서 총 3가지 버전이 있는데, 같은 동작을 수행하지만 코드 구조와 이벤트 핸들러 호출 방식에 차이가 있어서 작성해봄. 코드를 구조화하는 방법이나, 핸들러 함수들을 간편하게 정의하는 방법이나 어느방법이 좋은지 딱 정할 수는 없지만, 지금의 나는 가독성이 좋은 코드가 좋다고 생각하기에 객체를 사용하는 방법이 좋지 않을까 싶다. 1. 각 함수를 직접 호출하는 방법 각 이벤트에 대한 함수를 직접 정의 해당 이벤트가 발생했을 때 함수를 호출 이벤트 핸들러를 등록할 때에는 함수 이름을 전달하는 방식 function mouseenterTitle() { title.innerText = 'The mouse is here!..

Express, MySQL 로 SNS 만들기 NodeJS와 Mongoose를 이용해 1인 미니프로젝트를 진행한 경험이 있다. NodeJS에 대한 기본기도 다지고, SQL을 다뤄보고 싶어서 'Node.js 교과서 개정 3판' 을 참고하였다. 포스팅 내용으로는 9장에 나오는 내용을 직접 따라해보며 발견한 2건의 Error에 관한 것이다. https://github.com/nicesugi/study-nodeJS/tree/main/practice-sns 1. '9.3.1 로컬 로그인 구현하기' 에서의 SequelizeValidationError 발생 저자는 처음 User 모델 생성시 provider를 'local', 'kakao'를 선택 & null을 허용하지 않는 옵션을 달아놓았다. 하지만 회원가입 함수에서..

Sequelize를 사용해 Express와 MySQL을 연결 NodeJS와 Mongoose를 이용해 1인 미니프로젝트를 진행한 경험이 있다. NodeJS에 대한 기본기도 다지고, SQL을 다뤄보고 싶어서 'Node.js 교과서 개정 3판' 을 참고하였다. 포스팅 내용으로는 7장에 나오는 내용을 직접 따라해보며 작성한 내용이다... 저자의 코드가 담긴거라 몇개만 ! https://github.com/nicesugi/study-nodeJS/tree/main/learn-sequelize GitHub - nicesugi/study-nodeJS Contribute to nicesugi/study-nodeJS development by creating an account on GitHub. github.com se..