deploy: facd90b

prayinforrain · Sep 23, 2024 · b0dbd21 · b0dbd21
1 parent d010375
commit b0dbd21
Show file tree

Hide file tree

Showing 124 changed files with 1,447 additions and 686 deletions.
diff --git a/404.html b/404.html
diff --git a/about/index.html b/about/index.html
diff --git a/...088_100x100_fill_q75_h2_box_smart1_3.webp → avatar_hu16273194194817824927.webp b/...088_100x100_fill_q75_h2_box_smart1_3.webp → avatar_hu16273194194817824927.webp
diff --git a/categories/algorithm/index.html b/categories/algorithm/index.html
diff --git a/categories/algorithm/index.xml b/categories/algorithm/index.xml
@@ -1,3 +1,5 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Algorithm on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/algorithm/</link><description>Recent content in Algorithm on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Thu, 30 Mar 2023 15:17:00 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/algorithm/index.xml" rel="self" type="application/rss+xml"/><item><title>백준을 위한 node.js</title><link>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</guid><description>JS라도 백준이 하고싶어 공채 시즌이다. 개인적으로 코딩 테스트를 정말정말 자신 없어했는데, 더 이상 미룰 수 없어 야금야금 공부를 시작했다.
-불편한 점이 있다면, 백준은 자바스크립트에 아주 불친절하다는 점이다. 내가 학부생 때 잘 하지도 못하는 C++로 꾸역꾸역 문제를 풀었던 이유 중 하나이기도 했다. 그 때는 아는 PS 플랫폼이 백준 뿐이니, 자바스크립트의 어쩔 수 없는 한계인가보다 했다.
-그런데 프로그래머스를 맛 보고 나니 머리가 커져서 자바스크립트가 백준에게 부당한 차별을 받는(?) 기분이 들었다. 진짜로 화가 난 건 아니지만 그래도 화가 났다.</description></item></channel></rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Algorithm on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/algorithm/</link><description>Recent content in Algorithm on PrayinForRain.dev</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Thu, 30 Mar 2023 15:17:00 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/algorithm/index.xml" rel="self" type="application/rss+xml"/><item><title>백준을 위한 node.js</title><link>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</guid><description>&lt;h2 id="js라도-백준이-하고싶어">JS라도 백준이 하고싶어&lt;/h2>
+&lt;p>&lt;img src="https://prayinforrain.github.io/images/posts/2023/03/nodejs-for-baekjoon/01.png" alt="Programmers IDE">&lt;/p>
+&lt;p>공채 시즌이다. 개인적으로 코딩 테스트를 정말정말 자신 없어했는데, 더 이상 미룰 수 없어 야금야금 공부를 시작했다.&lt;br>
+불편한 점이 있다면, 백준은 자바스크립트에 아주 불친절하다는 점이다. 내가 학부생 때 잘 하지도 못하는 C++로 꾸역꾸역 문제를 풀었던 이유 중 하나이기도 했다. 그 때는 아는 PS 플랫폼이 백준 뿐이니, 자바스크립트의 어쩔 수 없는 한계인가보다 했다.&lt;/p>
+&lt;p>그런데 프로그래머스를 맛 보고 나니 머리가 커져서 자바스크립트가 백준에게 부당한 차별을 받는(?) 기분이 들었다. 진짜로 화가 난 건 아니지만 그래도 화가 났다. 용서할 수가 없어 보일러플레이트 코드를 작성했다.&lt;/p></description></item></channel></rss>
diff --git a/categories/css/index.html b/categories/css/index.html
diff --git a/categories/css/index.xml b/categories/css/index.xml
@@ -1,3 +1,21 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>CSS on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/css/</link><description>Recent content in CSS on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Mon, 16 Jan 2023 16:38:15 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/css/index.xml" rel="self" type="application/rss+xml"/><item><title>CSS의 display 속성</title><link>https://prayinforrain.github.io/posts/2023/01/css-display/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/01/css-display/</guid><description>CSS의 display 속성은 HTML element가 block인지, inline인지, 그리고 자식 element들을 어떤 식으로 표시할지를 정하는 속성입니다. 다시 말해 요소 자체가 형제 요소와 배치되는 방법과, 자식 요소를 배치하는 방법을 함께 정의하기 때문에 ‘안쪽’과 ‘바깥쪽’으로 속성을 나눌 수 있습니다.
-display: 바깥쪽 block 한 줄에는 한 요소만 올 수 있게 하는 속성입니다. inline 요소가 한 줄에 여러 개 표시 될 수 있음을 의미합니다. 만약 inline이 적용된 요소의 전후에 inline 요소를 표시할 공간이 있다면 한 줄에 표시됩니다.</description></item><item><title>CSS의 크기 단위</title><link>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</link><pubDate>Fri, 13 Jan 2023 23:39:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</guid><description>CSS의 크기 단위 CSS에는 다양한 단위가 존재합니다. 우리가 잘 아는 px와 %부터, em, rem, pt, vh, vw 등등 다양한 단위가 존재하는데요, 이 크기 단위들을 언제 어떻게 사용하면 좋을지에 대해 정리해 보았습니다.
-상대 단위와 절대 단위 px과 %를 먼저 비교해 보면, px은 우리가 알고 있는 컴퓨터 화면의 1픽셀을 의미합니다. 이는 어느 화면에서나 같은 크기를 나타내므로 절대 단위에 해당합니다. 반면 %는 보통 부모 element의 크기를 상속받아 그의 정해진 비율만큼을 나타냅니다. 즉 width: 10px;인 부모를 가진 element에 width: 50%;를 주면 5px이 되겠죠.</description></item></channel></rss>
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>CSS on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/css/</link><description>Recent content in CSS on PrayinForRain.dev</description><generator>Hugo</generator><language>ko</language><lastBuildDate>Mon, 16 Jan 2023 16:38:15 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/css/index.xml" rel="self" type="application/rss+xml"/><item><title>CSS의 display 속성</title><link>https://prayinforrain.github.io/posts/2023/01/css-display/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/01/css-display/</guid><description>&lt;p>CSS의 &lt;code>display&lt;/code> 속성은 HTML element가 block인지, inline인지, 그리고 자식 element들을 어떤 식으로 표시할지를 정하는 속성입니다. 다시 말해 요소 자체가 형제 요소와 배치되는 방법과, 자식 요소를 배치하는 방법을 함께 정의하기 때문에 ‘&lt;strong>안쪽&lt;/strong>’과 ‘&lt;strong>바깥쪽&lt;/strong>’으로 속성을 나눌 수 있습니다.&lt;/p>
+&lt;h2 id="display">display:&lt;/h2>
+&lt;h3 id="바깥쪽">바깥쪽&lt;/h3>
+&lt;p>&lt;img src="https://prayinforrain.github.io/images/posts/2023/01/css-display/01.png" alt="Untitled">&lt;/p>
+&lt;ul>
+&lt;li>&lt;code>block&lt;/code>
+&lt;ul>
+&lt;li>한 줄에는 한 요소만 올 수 있게 하는 속성입니다.&lt;/li>
+&lt;/ul>
+&lt;/li>
+&lt;li>&lt;code>inline&lt;/code>
+&lt;ul>
+&lt;li>요소가 한 줄에 여러 개 표시 될 수 있음을 의미합니다. 만약 &lt;code>inline&lt;/code>이 적용된 요소의 전후에 &lt;code>inline&lt;/code> 요소를 표시할 공간이 있다면 한 줄에 표시됩니다.&lt;/li>
+&lt;/ul>
+&lt;/li>
+&lt;/ul>
+&lt;p>사진의 div들은 각각 &lt;code>inline&lt;/code>, &lt;code>block&lt;/code> 속성을 지정하였습니다. 보이는 것과 같이 &lt;code>block&lt;/code> 속성의 요소는 한 줄에 하나만 존재할 수 있으며, &lt;code>inline&lt;/code> 속성은 충분한 공간이 있으면 한 줄에 표시됩니다. &lt;code>span&lt;/code>과 &lt;code>p&lt;/code>태그의 차이와 비슷합니다.&lt;/p></description></item><item><title>CSS의 크기 단위</title><link>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</link><pubDate>Fri, 13 Jan 2023 23:39:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</guid><description>&lt;h2 id="css의-크기-단위">CSS의 크기 단위&lt;/h2>
+&lt;p>&lt;img src="https://prayinforrain.github.io/images/posts/2023/01/size-units-in-css/01.png" alt="Untitled">&lt;/p>
+&lt;p>CSS에는 다양한 단위가 존재합니다. 우리가 잘 아는 &lt;code>px&lt;/code>와 &lt;code>%&lt;/code>부터, &lt;code>em&lt;/code>, &lt;code>rem&lt;/code>, &lt;code>pt&lt;/code>, &lt;code>vh&lt;/code>, &lt;code>vw&lt;/code> 등등 다양한 단위가 존재하는데요, 이 크기 단위들을 언제 어떻게 사용하면 좋을지에 대해 정리해 보았습니다.&lt;/p>
+&lt;h2 id="상대-단위와-절대-단위">상대 단위와 절대 단위&lt;/h2>
+&lt;p>&lt;code>px&lt;/code>과 &lt;code>%&lt;/code>를 먼저 비교해 보면, &lt;code>px&lt;/code>은 우리가 알고 있는 컴퓨터 화면의 1픽셀을 의미합니다. 이는 어느 화면에서나 같은 크기를 나타내므로 &lt;strong>절대 단위&lt;/strong>에 해당합니다. 반면 &lt;code>%&lt;/code>는 보통 부모 element의 크기를 상속받아 그의 정해진 비율만큼을 나타냅니다. 즉 &lt;code>width: 10px;&lt;/code>인 부모를 가진 element에 &lt;code>width: 50%;&lt;/code>를 주면 5px이 되겠죠. 이렇게 상황에 따라서 다른 값을 갖는 단위를 &lt;strong>상대 단위&lt;/strong>라고 부릅니다.&lt;/p></description></item></channel></rss>