<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Nginx on 코딩잘하자</title><link>https://codingjalhaja.com/tags/nginx/</link><description>Recent content in Nginx on 코딩잘하자</description><generator>Hugo</generator><language>ko-kr</language><lastBuildDate>Mon, 27 Nov 2023 00:00:00 +0900</lastBuildDate><atom:link href="https://codingjalhaja.com/tags/nginx/index.xml" rel="self" type="application/rss+xml"/><item><title>[DevOps] Nginx 로 가상 호스트 구현하기</title><link>https://codingjalhaja.com/devops/setup-virtual-host-in-nginx/</link><pubDate>Mon, 27 Nov 2023 00:00:00 +0900</pubDate><guid>https://codingjalhaja.com/devops/setup-virtual-host-in-nginx/</guid><description>&lt;h2 id="1-개요"&gt;1. 개요&lt;/h2&gt;&#10;&lt;p&gt;오늘은 Linux 환경 (ubuntu, centos) 에서 nginx 를 이용한&lt;/p&gt;&#10;&lt;p&gt;가상 호스트 환경 구성에 대하여 포스팅 하겠습니다.&lt;/p&gt;&#10;&lt;h3 id="11-가상호스팅"&gt;1.1 가상호스팅&lt;/h3&gt;&#10;&lt;p&gt;가상호스팅(Virtual Hosting)은 하나의 서버(IP) 에서 여러개의 도메인을&lt;/p&gt;&#10;&lt;p&gt;가질 수 있는 호스팅 방식을 의미 합니다.&lt;/p&gt;&#10;&lt;p&gt;이를 활용할 때 하나의 서버에서 여러개의 멀티 도메인을 이용한 서비스를&lt;/p&gt;&#10;&lt;p&gt;구축할 수 있다는 점이 큰 장점입니다.&lt;/p&gt;&#10;&lt;h3 id="12-nginx"&gt;1.2 Nginx&lt;/h3&gt;&#10;&lt;p&gt;현재 전세계의 웹서버 점유율은 Apache 와 Nginx 가 거의 45 퍼센트를 차지합니다.&lt;/p&gt;&#10;&lt;p&gt;(Apache 가 대략 24퍼, Nginx가 20퍼 정도 되는걸로 알고 있습니다.)&lt;/p&gt;</description></item><item><title>[WebRTC] 화상회의 웹서비스 개발하기 (with.janus-gateway) - (2)</title><link>https://codingjalhaja.com/webrtc/start-webrtc-with-janus2/</link><pubDate>Sun, 23 Apr 2023 00:00:00 +0900</pubDate><guid>https://codingjalhaja.com/webrtc/start-webrtc-with-janus2/</guid><description>&lt;h2 id="프론트엔드-개발"&gt;프론트엔드 개발&lt;/h2&gt;&#10;&lt;p&gt;&lt;a href="https://codingjalhaja.com/webrtc/start-webrtc-with-janus/" &gt;지난번 포스팅&lt;/a&gt;&#10; 에서는 janus-gateway 서버 까지 설치했습니다.&lt;/p&gt;&#10;&lt;p&gt;이제 서버를 세팅했으니 프론트엔드를 개발해야죠.&lt;/p&gt;&#10;&lt;p&gt;일단 공식 홈페이지에도 잘 나와 있지만 간략하게 더 설명해 드리겠습니다.&lt;/p&gt;&#10;&lt;h3 id="의존성추가"&gt;의존성추가&lt;/h3&gt;&#10;&lt;p&gt;공식 깃허브 리파지토리 html 폴더에 보면 videoroomtest.html 을 보시면 필요한 의존성이 보일 겁니다.&lt;/p&gt;&#10;&lt;p&gt;이거를 복사해서 본인들이 개발할 프론트엔드에 부착하면 일단 의존성은 끝납니다.&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;html/videoroomtest.html&lt;/strong&gt;&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;text/javascript&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;settings.js&amp;#34;&lt;/span&gt; &lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;text/javascript&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;janus.js&amp;#34;&lt;/span&gt; &lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;text/javascript&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;videoroomtest.js&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="로직분석"&gt;로직분석&lt;/h3&gt;&#10;&lt;p&gt;비디오룸 데모 js 소스를 보시면 위에서 추가한 의존성을 활용에서 초기화를 하고 객체를 생성합니다.&lt;/p&gt;&#10;&lt;p&gt;그리고 각 단계에서 콜백으로 많은 작업들을 하는 걸 알 수 있습니다.&lt;/p&gt;</description></item></channel></rss>