Update getting user repository

@@ -120,3 +120,4 @@ package-lock.json
 /uploads
 /uploads
 /assets
 /assets
 build
 build
+.vscode
\ No newline at end of file

@@ -9,7 +9,7 @@ const handleRepo = (list) =>{
     list.forEach(element => {
     list.forEach(element => {
         const anchor = document.createElement("a");
         const anchor = document.createElement("a");
         anchor.href = element.url;
         anchor.href = element.url;
-        anchor.target = "_blank"
+        anchor.target = "_blank";
         anchor.innerHTML = `<span class="repoName">${element.name}</span> : ${element.description} - <span class="repoStar">${element.stars} stars</span>`
         anchor.innerHTML = `<span class="repoName">${element.name}</span> : ${element.description} - <span class="repoStar">${element.stars} stars</span>`
         trendRepoBox.appendChild(anchor);
         trendRepoBox.appendChild(anchor);
     });
     });

@@ -6,8 +6,7 @@ const totalContributionIndicator = document.getElementById(
 );
 );
 const userCharacterBox = document.querySelector(".user-status__character");
 const userCharacterBox = document.querySelector(".user-status__character");
 const userRepoBox = document.querySelector(".user-repo");
 const userRepoBox = document.querySelector(".user-repo");
-const URL =
-  "https://api.github.com/users/lsj8706/repos?sort=updated&per_page=2";
+const githubNickname = document.getElementById("jsGithubNickname");
 
 
 const handleImage = () => {
 const handleImage = () => {
   const total = totalContributionIndicator.innerText;
   const total = totalContributionIndicator.innerText;
@@ -41,16 +40,16 @@ const handleRepo = (list) => {
   });
   });
 };
 };
 
 
-const getGithubRepo = () => {
-  const response = fetch(URL)
-    .then(function (response) {
-      return response.json();
+const getGithubRepo = () =>{
+  const nickname = githubNickname.innerText;
+  const userId = window.location.href.split("/users/")[1];
+  const response = fetch(`/users/${userId}/repo`,{headers:{nickname}}).then(function(reponse){
+    const data = reponse.json();
+    return data
+  }).then(function(data){
+    handleRepo(data);
   })
   })
-    .then(function (data) {
-      const trendRepoList = data.slice(0, 2);
-      handleRepo(trendRepoList);
-    });
-};
+}
 
 
 const init = () => {
 const init = () => {
   handleImage();
   handleImage();

@@ -4,9 +4,9 @@
   flex-direction: column;
   flex-direction: column;
   padding: 30px;
   padding: 30px;
   img {
   img {
-    width: 100px;
-    height: 100px;
-    object-fit: cover;
+    width: 176px;
+    height: 220px;
+    object-fit: contain;
   }
   }
   .fileUpload {
   .fileUpload {
     display: flex;
     display: flex;

@@ -96,6 +96,10 @@
         font-size: 1.2rem;
         font-size: 1.2rem;
         overflow-x: scroll;
         overflow-x: scroll;
       }
       }
+      button {
+        border: none;
+        background: none;
+        padding: 0;
         i {
         i {
           background: transparent;
           background: transparent;
           border: none;
           border: none;
@@ -108,6 +112,7 @@
           cursor: pointer;
           cursor: pointer;
         }
         }
       }
       }
+    }
     .home-search__form:hover {
     .home-search__form:hover {
       box-shadow: 0px 1px 4px -1px rgba(79, 78, 79, 1);
       box-shadow: 0px 1px 4px -1px rgba(79, 78, 79, 1);
     }
     }

@@ -48,7 +48,6 @@
 }
 }
 
 
 .boxEffect {
 .boxEffect {
-  z-index: -1;
   content: "";
   content: "";
   bottom: 15px;
   bottom: 15px;
   right: 10px;
   right: 10px;
@@ -85,9 +84,9 @@
 
 
   .user-profile__column {
   .user-profile__column {
     img {
     img {
-      width: 120px;
-      height: 120px;
-      object-fit: cover;
+      width: 176px;
+      height: 220px;
+      object-fit: contain;
       margin: 5px;
       margin: 5px;
     }
     }
     .user-profile__link {
     .user-profile__link {
@@ -117,6 +116,12 @@
       .user-profile__tech {
       .user-profile__tech {
         display: flex;
         display: flex;
       }
       }
+      .user-profile__introduction {
+        width: 100%;
+        overflow: hidden;
+        word-wrap: break-word;
+        word-break: break-all;
+      }
       ul {
       ul {
         display: flex;
         display: flex;
         flex-direction: column;
         flex-direction: column;
@@ -212,7 +217,7 @@
         max-width: 200px;
         max-width: 200px;
         height: auto;
         height: auto;
         object-fit: cover;
         object-fit: cover;
-        margin-top: px;
+        margin-top: 20px;
       }
       }
     }
     }
   }
   }

@@ -27,18 +27,13 @@ export const getUserDetail = async (req, res) => {
     const id = req.params.id;
     const id = req.params.id;
     const quote = await getQuote();
     const quote = await getQuote();
     const user = await User.findById(id);
     const user = await User.findById(id);
-    const repo = await getRepos();
     const totalCon = await getContributions(user.githubName);
     const totalCon = await getContributions(user.githubName);
     res.render("userDetail", {
     res.render("userDetail", {
       pagetTitle: "User Detail",
       pagetTitle: "User Detail",
       quote: quote.quote,
       quote: quote.quote,
       author: quote.author,
       author: quote.author,
       user,
       user,
-      fitstRepoName: repo.fitstRepoName,
-      firstRepoUrl: repo.firstRepoUrl,
-      secondRepoName: repo.secondRepoName,
-      secondRepoUrl: repo.secondRepoUrl,
-      totalContributions: totalCon,
+      totalContributions: totalCon
     });
     });
   } catch (error) {
   } catch (error) {
     console.log(error);
     console.log(error);
@@ -87,7 +82,7 @@ export const postEditProfile = async (req, res) => {
     );
     );
     req.session.passport.user = updatedUser;
     req.session.passport.user = updatedUser;
     //console.log(updatedUser);
     //console.log(updatedUser);
-    res.redirect("/users/edit-profile");
+    res.redirect(`/users/${id}`);
   } catch (error) {
   } catch (error) {
     console.log(error);
     console.log(error);
     res.redirect("/");
     res.redirect("/");
@@ -135,7 +130,7 @@ export const githubLoginCallback = async (_, __, profile, done) => {
         avatarUrl,
         avatarUrl,
         githubUrl,
         githubUrl,
         name,
         name,
-        email,
+        email
       });
       });
       return done(null, newUser);
       return done(null, newUser);
     }
     }
@@ -154,25 +149,6 @@ export const logout = (req, res) => {
   res.redirect("/");
   res.redirect("/");
 };
 };
 
 
-const getRepos = async () => {
-  const url =
-    "https://api.github.com/users/lsj8706/repos?sort=updated&per_page=2";
-  const latelyRepos = await axios.get(url).then(function (response) {
-    return response.data;
-  });
-  const fitstRepoName = latelyRepos[0].name;
-  const secondRepoName = latelyRepos[1].name;
-  const firstRepoUrl = latelyRepos[0].html_url;
-  const secondRepoUrl = latelyRepos[1].html_url;
-
-  return {
-    fitstRepoName,
-    firstRepoUrl,
-    secondRepoName,
-    secondRepoUrl,
-  };
-};
-
 const getContributions = async (username) => {
 const getContributions = async (username) => {
   const token = process.env.GH_SECRET_SH;
   const token = process.env.GH_SECRET_SH;
   const headers = {
   const headers = {
@@ -192,3 +168,21 @@ const getContributions = async (username) => {
       .totalContributions;
       .totalContributions;
   return total;
   return total;
 };
 };
+
+export const getRepos = async(req,res) =>{
+  try{
+  const githubNickname = req.headers.nickname
+  const URL = `https://api.github.com/users/${githubNickname}/repos?sort=updated&per_page=2`;
+  const response = await fetch(URL,{
+    headers: {
+      authorization: `token ${process.env.GH_SECRET_SH}`
+    }
+  }).then(function (response) {
+      return response.json();
+    }).then(function (data) {
+      return res.send(data);
+    });
+  }catch(error){
+    console.log(error);
+  }
+}
\ No newline at end of file

 import express from "express";
 import express from "express";
 import {
 import {
   getEditProfile,
   getEditProfile,
+  getRepos,
   getUserDetail,
   getUserDetail,
   handleUsers,
   handleUsers,
   postEditProfile,
   postEditProfile,
@@ -20,5 +21,6 @@ userRouter.post(
 );
 );
 
 
 userRouter.get("/:id", getUserDetail);
 userRouter.get("/:id", getUserDetail);
+userRouter.get("/:id/repo", getRepos);
 
 
 export default userRouter;
 export default userRouter;

@@ -18,6 +18,7 @@ block content
                 a(href="https://google.com" target="_blank")
                 a(href="https://google.com" target="_blank")
                     img(src="https://user-images.githubusercontent.com/48612525/86507657-d54fbd80-bd8e-11ea-866b-ac26496481ae.png" alt="google icon")
                     img(src="https://user-images.githubusercontent.com/48612525/86507657-d54fbd80-bd8e-11ea-866b-ac26496481ae.png" alt="google icon")
                 input(type="text" id="jsInput" placeholder="Google 검색")
                 input(type="text" id="jsInput" placeholder="Google 검색")
+                button 
                     i.fa.fa-search(aria-hidden="true")
                     i.fa.fa-search(aria-hidden="true")
 
 
         .home-quote
         .home-quote

@@ -24,7 +24,7 @@ block content
                         h3       GITHUB 
                         h3       GITHUB 
                             br
                             br
                             |NICKNAME 
                             |NICKNAME 
-                        h4=user.githubName  
+                        h4#jsGithubNickname=user.githubName  
                     .user-profile__email
                     .user-profile__email
                         h3 EMAIL
                         h3 EMAIL
                         h4=user.email 
                         h4=user.email