From 7b2d8887b2aefba16d555192234ebcdb5bb66828 Mon Sep 17 00:00:00 2001
From: Dylan <mail@xn--h49al71alti.xn--3e0b707e>
Date: Thu, 19 Dec 2019 00:43:43 +0900
Subject: [PATCH] Resolves #100

---
 .../src/components/user/UserHead/UserHead.js  | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/velog-frontend/src/components/user/UserHead/UserHead.js b/velog-frontend/src/components/user/UserHead/UserHead.js
index 4988f31..33fd48e 100644
--- a/velog-frontend/src/components/user/UserHead/UserHead.js
+++ b/velog-frontend/src/components/user/UserHead/UserHead.js
@@ -27,6 +27,7 @@ const UserHead = ({ username, profile, self, following, onToggleFollow, rawTagNa
   const { github, twitter, facebook, email, url } = profile.profile_links;
   const hasAccount = !!(github || twitter || facebook);
   const hasLink = !!(url || email);
+  const urlRegExr = /(http|https):\/\/([\w+?\.\w+])+([a-zA-Z0-9\~\!\@\#\$\%\^\&\*\(\)_\-\=\+\\\/\?\.\:\;\'\,]*)?/;
 
   return (
     <div className="UserHead">
@@ -37,20 +38,19 @@ const UserHead = ({ username, profile, self, following, onToggleFollow, rawTagNa
       <img src={resizeImage(profile.thumbnail || defaultThumbnail, 256)} alt="thumbnail" />
       <div className="user-info">
         <section className="top">
-          {!self &&
-            following !== undefined && (
-              <div className="subscribe-wrapper">
-                {following ? (
-                  <Button className="subscribe" theme="gray" onClick={onToggleFollow}>
-                    구독중
-                  </Button>
-                ) : (
-                  <Button className="subscribe" onClick={onToggleFollow}>
-                    구독하기
-                  </Button>
-                )}
-              </div>
-            )}
+          {!self && following !== undefined && (
+            <div className="subscribe-wrapper">
+              {following ? (
+                <Button className="subscribe" theme="gray" onClick={onToggleFollow}>
+                  구독중
+                </Button>
+              ) : (
+                <Button className="subscribe" onClick={onToggleFollow}>
+                  구독하기
+                </Button>
+              )}
+            </div>
+          )}
           <div className="username">@{username}</div>
         </section>
         <section className="profile-content">
@@ -87,7 +87,10 @@ const UserHead = ({ username, profile, self, following, onToggleFollow, rawTagNa
                 {url && (
                   <div className="link-line">
                     <LinkIcon />
-                    <a href={url} target="_blank">
+                    <a
+                      href={!urlRegExr.exec(url.toLowerCase()) ? `http://${url}` : url}
+                      target="_blank"
+                    >
                       {url}
                     </a>
                   </div>