njw03080463

<p>좋은 답변 늘 감사드립니다!!&nbsp;</p>

jwt 와 passport-jwt 에 대해서 질문 하나만 드리겠습니다.

<p>답변 감사드립니다.</p>
<p>그러면 굵게 칠해진 부분이 같을 수 있는 이유는&nbsp; 현재 제 <strong>같은 로컬서버</strong>에서 돌아가기 때문에 똑같은 sinature 가 더해진다고 생각하면 될까요??</p>

cookie.sign 관련 질문 하나 드리겠습니다.

<p>아!! 어떤 느낌인지 알겠습니다~ 감사합니다 !!</p>

질문하나만 드리겠습니다.

<p>와...해결됐습니다! 세미콜론 붙이는 습관을 들여야겠네요 ㅠㅠ 감사합니다!</p>

matchedUrl 이 ReferenceError가 나면서 종료될 때

<p>빠른 답변 감사드립니다!! 집에 이제 와서야 봤습니다.</p>
<p>이미 위에 쓰긴 했습니다..</p>
<p>방금도 다시 한번 해봤는데 안되네요 ㅠㅠ</p>
<p>실행 코드 한 번만 봐주시면 감사하겠습니다.&nbsp;</p>
<p>모듈 부분 제외하고, 일단 다 복붙 해놓긴 했습니다.</p>
<p>제가 뭔가 따라쓰다가 놓친건지...ㅠㅠ</p>
<p>console.log(mathedUrl)&nbsp; 결과값 :</p>
<p>[Function: /]</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #6a9955;">//리팩토링 시켜보자. express 가 아닌 순수 node 로 짜야할 때.</span></div>
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">router</span> = {</div>
<div><span style="color: #9cdcfe;">get :</span> {</div>
<div><span style="color: #ce9178;">'/'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">fs</span>.<span style="color: #dcdcaa;">readFile</span>(<span style="color: #ce9178;">'./restFront.html'</span> , (<span style="color: #9cdcfe;">err</span>, <span style="color: #9cdcfe;">data</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #c586c0;">if</span> (<span style="color: #9cdcfe;">err</span>) {</div>
<div><span style="color: #c586c0;">throw</span> <span style="color: #9cdcfe;">err</span></div>
<div>}</div>
<div><span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #9cdcfe;">data</span>);</div>
<div>});</div>
<div>},</div>
<div><span style="color: #ce9178;">'/users'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">stringify</span>(<span style="color: #9cdcfe;">users</span>));</div>
<div>},</div>
<br />
<div><span style="color: #6a9955;">// wild Card!! 이외의 모든 케이스.</span></div>
<div><span style="color: #ce9178;">'*'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">fs</span>.<span style="color: #dcdcaa;">readFile</span>(<span style="color: #ce9178;">`.</span><span style="color: #569cd6;">${</span><span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">url</span><span style="color: #569cd6;">}</span><span style="color: #ce9178;">`</span>, (<span style="color: #9cdcfe;">err</span>, <span style="color: #9cdcfe;">data</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #9cdcfe;">data</span>)</div>
<div>});</div>
<div>},</div>
<div>},</div>
<div><span style="color: #9cdcfe;">post :</span> {</div>
<div><span style="color: #ce9178;">'/users'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">body</span> = <span style="color: #ce9178;">''</span>;</div>
<div><span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'data'</span>, (<span style="color: #9cdcfe;">chunk</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">body</span> += <span style="color: #9cdcfe;">chunk</span>;</div>
<div>})</div>
<div><span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'end'</span>, () <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">'Post 본문(body)'</span>, <span style="color: #9cdcfe;">body</span>);</div>
<div><span style="color: #569cd6;">const</span> { <span style="color: #9cdcfe;">name</span> } = <span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">parse</span>(<span style="color: #9cdcfe;">body</span>);</div>
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">id</span> = +<span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">Date</span>();</div>
<div><span style="color: #9cdcfe;">users</span>[<span style="color: #9cdcfe;">id</span>] = <span style="color: #9cdcfe;">name</span></div>
<div><span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">writeHead</span>(<span style="color: #b5cea8;">201</span>, {<span style="color: #ce9178;">'Content-Type'</span><span style="color: #9cdcfe;"> :</span> <span style="color: #ce9178;">'text/html; charset=utf-8'</span>}); <span style="color: #6a9955;">//이렇게 해야 한글이 안깨짐.</span></div>
<div><span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #ce9178;">'사용자 등록 성공'</span>)</div>
<div>});</div>
<div>}</div>
<div>},</div>
<div><span style="color: #9cdcfe;">patch :</span> {</div>
<br />
<div>},</div>
<div><span style="color: #9cdcfe;">delete :</span> {</div>
<div><span style="color: #ce9178;">'/users'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">key</span> = <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">url</span>.<span style="color: #dcdcaa;">split</span>(<span style="color: #ce9178;">'/'</span>)[<span style="color: #b5cea8;">2</span>];</div>
<div><span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">body</span> = <span style="color: #ce9178;">''</span>;</div>
<div><span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'data'</span>, (<span style="color: #9cdcfe;">chunk</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">body</span> += <span style="color: #9cdcfe;">chunk</span>;</div>
<div>});</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'end'</span>, () <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">'delete'</span>, <span style="color: #9cdcfe;">body</span>);</div>
<div><span style="color: #569cd6;">delete</span> <span style="color: #9cdcfe;">users</span>[<span style="color: #9cdcfe;">key</span>]</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">stringify</span>(<span style="color: #9cdcfe;">users</span>))</div>
<div>});</div>
<div>},</div>
<div>},</div>
<div><span style="color: #9cdcfe;">put :</span> {</div>
<div><span style="color: #ce9178;">'/users'</span><span style="color: #9cdcfe;"> :</span> (<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">key</span> = <span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">url</span>.<span style="color: #dcdcaa;">split</span>(<span style="color: #ce9178;">'/'</span>)[<span style="color: #b5cea8;">2</span>];</div>
<div><span style="color: #569cd6;">let</span> <span style="color: #9cdcfe;">body</span> = <span style="color: #ce9178;">''</span>;</div>
<div><span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'data'</span>, (<span style="color: #9cdcfe;">chunk</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #9cdcfe;">body</span> += <span style="color: #9cdcfe;">chunk</span>;</div>
<div>});</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">req</span>.<span style="color: #dcdcaa;">on</span>(<span style="color: #ce9178;">'end'</span>, () <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">'put'</span>, <span style="color: #9cdcfe;">body</span>);</div>
<div><span style="color: #9cdcfe;">users</span>[<span style="color: #9cdcfe;">key</span>] = <span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">parse</span>(<span style="color: #9cdcfe;">body</span>).<span style="color: #9cdcfe;">name</span>;</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">res</span>.<span style="color: #dcdcaa;">end</span>(<span style="color: #4ec9b0;">JSON</span>.<span style="color: #dcdcaa;">stringify</span>(<span style="color: #9cdcfe;">users</span>))</div>
<div>})</div>
<div>},</div>
<div>}</div>
<div>}</div>
<div><span style="color: #9cdcfe;">http</span>.<span style="color: #dcdcaa;">createServer</span>((<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>) <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #6a9955;">// 우리가 만든 라우터 객체를 이용해보자.</span></div>
<div><span style="color: #6a9955;">// </span></div>
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">matchedUrl</span> = <span style="color: #9cdcfe;">router</span>[<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">method</span>.<span style="color: #dcdcaa;">toLowerCase</span>()][<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">url</span>]</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #9cdcfe;">matchedUrl</span>)</div>
<div>(<span style="color: #9cdcfe;">matchedUrl</span> || <span style="color: #9cdcfe;">router</span>[<span style="color: #9cdcfe;">req</span>.<span style="color: #9cdcfe;">method</span>.<span style="color: #dcdcaa;">toLowerCase</span>()][<span style="color: #ce9178;">'*'</span>])(<span style="color: #9cdcfe;">req</span>, <span style="color: #9cdcfe;">res</span>);</div>
<br />
<div>&nbsp;</div>
<div>}).<span style="color: #dcdcaa;">listen</span>(<span style="color: #b5cea8;">5129</span>, () <span style="color: #569cd6;">=></span> {</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #ce9178;">'5129 번 포트에서 서버 대기 중'</span>)</div>
<div>})</div>
</div>

njw03080463

投稿