본문 바로가기

분류 전체보기35

웹이란 무엇인가요? 인터넷? 웹? 네트워크..? 인터넷, 웹, 네트워크는 일반 사용자들도 자주 사용하는 단어이지만 단어의 의미에 대해 설명을 못할 정도로 단순히 단어만 알고 있다. 사실 자주 혼용하는 이 단어들은 서로 다른 의미를 가진다. 먼저 컴퓨터 네트워크(net + work)는 하드웨어간의 통신망을 의미한다. 즉, 여러 하드웨드들이 자원을 공유할 수 있게 하나의 Net(망)으로 묶어 통신을 할 수 있게 해준다. 인터넷은 네트워크의 네트워크로 불릴정도로 또 다른 연결망인데 이는 네트워크들을 TCP/IP라는 통신 규약(Protocol)을 통해 연결하여 전 세계적으로 정보를 주고 받게 해주는 네트워크이다. 즉, 인터넷(Internet)은 Inter + Network로 서로 다른 네트워크들을 통신 규약에 의해 연결을 해준다... 2021. 12. 11.
Web Audio API로 음성 변조 기능 구현하기 들어가기 전에 지난 10월 25일부터 부스트캠프에서 6주 동안 그룹 프로젝트를 시작했고 12월 3일 부로 프로젝트가 끝났습니다. 구현한 프로젝트는 "노가리하우스"라는 프로젝트로 클럽하우스를 클론 한 음성채팅 서비스입니다. GitHub - boostcampwm-2021/WEB27-NogariHouse: 🐟 쌍방향 음성 기반 SNS clubhouse 클론 프로젝트 🐟 🐟 쌍방향 음성 기반 SNS clubhouse 클론 프로젝트 🐟. Contribute to boostcampwm-2021/WEB27-NogariHouse development by creating an account on GitHub. github.com 프로젝트를 진행하면 음성 채팅과 관련된 기능을 맡았고 WebRTC를 기반으로 실시간 음성 .. 2021. 12. 9.
Nginx로 React, Node 3-Tier Architecture 적용하기 Nginx를 설치하고 HTTPS를 적용해보자 (with Ncloud, Google Domains) 에서 Nginx를 통해 HTTPS를 적용해봤습니다. 이번에는 Ncloud에서 인스턴스를 생성하여 3-Tier Architecture를 적용해보도록 하겠습니다. 목차 3-Tier Architecture란? Presentation Tier 구현하기 Application Tier 구현하기 2편 추가 예정 Data Tier 구현하기 Object Storage로 데이터 백업하기 3-Tier Architecture란? 이번에 프로젝트를 하면서 처음으로 인프라 구조에 대해서 고민을 하게 되었습니다. 인프라에 대해서 공부를 해본 적이 없다 보니 어떤 구조가 있고 어떻게 설계를 해야지 효율적인지 몰라서 처음에는 생각을 많이.. 2021. 11. 3.
Nginx를 설치하고 HTTPS를 적용해보자 (with Ncloud, Google Domains) 지난 NCloud로 서버 생성과 Mysql 연동 후 express 배포하기 - 2 에서는 Nginx 없이 주소와 포트 번호에 따라 서비스에 접근이 가능했습니다. 그러다가 나중에는 Nginx를 사용해야 한다는 말을 들었을 때 "Nginx 없이도 서비스가 잘 동작하는데 왜 Nginx를 적용시켜야 되지?"라는 궁금증이 생겼습니다. 그래서 먼저 Nginx를 사용해야 하는 이유에 대해 짚고 Nginx를 적용하는 법에 대해 알아보겠습니다 :) 목차 Nginx를 왜 써? Nginx 설치하기 Nginx 설정 파일 열어보기 Google domains에서 domain 구매하기 SSL 인증서 발급받기 (with certBot) Nginx에 HTTPS 적용하기 추가 Nginx로 React, Node 3-Tier Archite.. 2021. 10. 30.