짧공! 짧콩 같기도.. 초록색 느낌인 것 같기도.. 영문명은 short - bean 학생들이 온라인으로 문제를 공유하고, 선생님과 실시간으로 채팅과 화상 채팅을 하여 거리의 제약을 받지 않고 학습할 수 있는 서비스입니다.Server : node.js Express DB
가비아 사이트를 이용해서 도메인을 구입했다유료여서 방법은 간단했다구입하고 ec2 public IP 주소를 넣어주면 된다.일단 EC2 보안그룹 에서 80포트 열어주기!도메인 열기전에도 EC2의 Elastic IPs는 등록해야한다ec2가 껐다가 켜지면 Public ip는
배포를 해본 경험이 있었는데.. Elastic Beanstalk과 EC2가 헷갈렸다.. 뭘로 했지? 처음에는 Elastic Beanstalk으로 하려고했다.AWS 보안자격에 들어가 access key와 보안 access key 를 발급 받는다순서mkdir deploy
Web API 를 호출하여 알림을 주는 것웹 브라우저에 prompt와 비슷한 권한설정을 보내는 메소드권한 설정이 허용되면 이러한 이벤트로 알림을 띄울 수 있다.문제점시크릿모드에선 거부가 기본값이라 되지 않았다.microsoft edge에서도 되지 않았다.Firebase
세션 기반 인증은 클래식한 방식으로 작동합니다. 사용자가 웹 애플리케이션에 로그인하면 서버는 사용자를 식별하기 위한 고유한 세션 ID를 생성합니다.이 세션 ID는 서버 측에서 저장되며, 사용자의 브라우저에 쿠키(cookie)로 저장됩니다.클라이언트(브라우저)는 세션 I
OSI 모델은 컴퓨터 네트워크에서 통신 프로토콜의 기능을 7개의 계층으로 나눈 모델입니다. 각 계층은 특정한 역할과 기능을 수행하며, 이러한 계층화는 네트워크 프로토콜을 설계, 구현 및 관리하는 데 도움을 줍니다. OSI 모델은 개념적인 모델로 실제 네트워크 기술과는
HTTP(GET 및 POST를 포함하는)는 웹에서 정보를 주고 받는 데 사용되는 프로토콜입니다. GET과 POST는 HTTP 요청 메서드로, 클라이언트(일반적으로 웹 브라우저)와 웹 서버 간의 데이터 통신을 위해 사용됩니다.개념: GET 메서드는 서버로 데이터를 요청하
코드를 큰 틀을 짜지 않고 짜서 그런가객체지향프로그래밍과 많이 어긋나고,가독성 오류찾기 보수 면에서 너무 떨어진다.기능 단위로 함수로 만들면서 조금 나아진 것 같고VSC의 좋은 기능을 알게 되었다.리팩토링 기능스코프 조절도 가능하고 파일로 빼는 것도 가능하고.. 기능이
무조건 캐시메모리를 사용해야 좋은 것 아닌가?소켓에서 나갈 때까지 msg를 캐시메모리에 저장하다가 나갈 때 DB에 한번 접근 하는 것이 효율적이지 않나?장점과 단점DB와의 접근이 적어 트래픽이 감소된다msg가 몇천개씩 존재하면 그것이 더 트래픽을 증가시킬수 있다.들어올
socket.to(room).emit(어쩌구) 에서 받아오는 room 에 대해 문제가 있어서 생긴 오류였고, 프론트엔드 단에서 roomId를 받을 수 있는 코드를 넣었다.정확히 기억이 안나서.. commit을 생활화하자.. !같은 서버를 운용하면서 API를 호출 할 필
HTTP(HTTP - HyperText Transfer Protocol)와 HTTPS(HTTPS - HyperText Transfer Protocol Secure)는 모두 인터넷을 통해 데이터를 전송하는 프로토콜(통신 규약)입니다. 그러나 두 프로토콜 사이에는 중요한
const \[tokenType, token] = authorization.split('%');const \[tokenType, token] = authorization.split('%20');token 추출을 하며 시간을 정말 많이 허비했다..URI 인코딩? 디코딩?
유저 테이블에 온라인 오프라인 테이블 넣기SQS 서비스 이용하기관계없이 소켓으로 처리하기질문 결과 BEST 는 2번이였고 나머지 둘은 비슷한 것 같다.퍼블리셔에게 많은 부담을 주는 것..같긴 하다.기한과 피로도 때문에 SQS를 배워 적용하는 것은 포기하고 소켓으로 처리
유저조회룸넘버가져오기만들기오프라인인 사람이랑 대화하기 (메시지 보내기)접속접속한 사람들 띄우기온라인 된 사람이랑 대화하기몽고DB 연결하기테이블? 컬렉션 만들기room_idsend_messagerecieve_messagecreated_atroomId 로 구분하여 메시지를
소켓과 API백엔드 서버를 구분하는 것이 어렵다.그래서 일단 실시간으로 해야할 것에 대해 먼저 구현하고, api와 db쪽 연결을 하기로 하고 프로젝트를 진행해야겠다.CORS(Cross-Origin Resource Sharing)는 웹 브라우저에서 발생하는 보안 상의 이
소켓세팅 http 모듈을 왜 사용하는가? express는 내부적으로 http를 사용하긴 하지만, 실제로 사용하는 것이 더 세부적으로 많은 기능을 쓸 수 있기 때문에 사용한다. server.js에 소켓에 대한 로직을 구현하면 중요한 파일인데 가독성이 너무 떨어지는 것
최종프로젝트를 위한 zoom 클론코딩 실시간으로 화상채팅 및 draw를 구현해야 해서.. 니콜라스의 zoom 클론코딩 강의 프로젝트 세팅 babel, nodemon, express, pug, ws 패키지 설치 ws는 웹소켓의 core기능만 가져온 느낌 pug는 처음
프로젝트 이름 : 짧공 (짧은공부)프로젝트 의도 :1\. 학생과 강사들이 자유롭게 묻고 답하며, 좋은 문제들을 게시하고 답을 확인한다.2\. 실시간으로 강사와 매칭해 draw 와 화상채팅을 하며 티칭한다.3\. 채팅시스템을 구현해 학생간 선생간에도 정보교환이 이루어지도
문자열 str과 정수 n이 주어집니다.str이 n번 반복된 문자열을 만들어 출력하는 코드를 작성해 보세요.의문점은 str, n 은 선언하지 않았다는점과 전역변수로 저장됐어도rl 바깥쪽에서 console을 찍었을 때 str,n을 못찾는다rl 내에서만 동작하는건가보다...
KPT 회고K:초기 업무 배정 및 폴더 TREE를 미리 구성한 덕분에 Git Merge 과정에서 발생한 Conflict 이슈 해결에 어려움이 없었던 점늦은 시간까지 맡은 분야에 대해 책임감을 가지고 끝까지 구현해 낸 점의사소통이 잘된점P(문제점):프론트 구현에 익숙하지