수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인스타그램 클론 - full stack 웹 개발
connection error
설정한대로 설정한 후에, 빌드에서 웹에 들어갔는데 connection error 가 뜨네요ㅠㅠ 뭐가 문젠건지..
- 미해결인스타그램 클론 - full stack 웹 개발
정말 오랜만에 질문드리는데요..
태그부분 파트입니다. 계속해서 찾아보고 있긴한데 너무 오류가 단편적으로만 떠서 해결을 못하고 있어요. 오류 내용과 post_extras 소스고 post_list.html 콘텐츠 부분 소스입니다. 막혀서 진도를 못나가고 있네요 ㅠㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
질문드렸던 학생입니다. 코드 공유합니다!
https://github.com/kwonhygge/insta_clone 가장 최근에 커밋한 내용입니다 확인부탁드립니다~ 감사해요!
- 미해결인스타그램 클론 - full stack 웹 개발
선생님 질문답변부탁드립니다ㅠㅠ
아마 질문이 밀렸거나 한 것 같네요. 이 같은 게시판에 제가 쓴 질문이 있는데 답변 부탁드릴게요.. 막혀서 진도가 안나가고 있습니다ㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
한글 태그가 인식이 안됩니다.ㅠㅠ
안녕하세요. 워크스페이스 : https://goor.me/y6ttc 터미널 : https://goor.me/A3G8m 영어 태그는 사이트에서 인식이 되는데 한글 태그는 인식이 안되서 질문 드립니다. 어떤 곳을 해결해야 할까요ㅠㅠ??
- 미해결인스타그램 클론 - full stack 웹 개발
에러가뜹니다 ㅠ 댓글에 코드추가
(사진)
- 미해결인스타그램 클론 - full stack 웹 개발
서버를 어떻게 다운받아야 하나요?
"여러가지 방법이 있다 php라거나 파이썬이라거나"라고만 하셔서.. 튜토리얼을 만들어달라는 부탁은 아닙니다만 왕초보들을 위해 좀더 자세히 설명해주실 수 있을까요??
- 미해결인스타그램 클론 - full stack 웹 개발
안녕하세요 개시부분이 이상해서요
body{ background: #fafafa; } .m_text{ font-size: 14px; font-weight: bold; } .s_text{ font-size: 12px; } .sprite_insta_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -53px -235px; width: 22px; height: 22px; } .sprite_write_logo { display: inline-block; background: url('../imgs/background01.png') no-repeat -94px -72px; width: 103px; height: 29px; } .sprite_compass_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -130px -286px; width: 23px; height: 23px; } .sprite_user_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -272px -182px; width: 22px; height: 24px; } .sprite_heart_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -52px -261px; width: 24px; height: 22px; } .sprite_small_search_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -337px -246px; width: 10px; height: 10px; } .sprite_more_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -301px -218px; width: 15px; height: 3px; } .sprite_bubble_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -239px -202px; width: 24px; height: 24px; } .sprite_share_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -324px -52px; width: 21px; height: 24px; } .sprite_bookmark_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -237px -286px; width: 19px; height: 24px; } .sprite_bookmark_outline.on { background: url('../imgs/background01.png') no-repeat -159px -286px; width: 19px; height: 24px; } .sprite_small_heart_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -323px -274px; width: 12px; height: 11px; } .sprite_camera_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -271px -104px; width: 24px; height: 22px; } .sprite_insta_big_logo { display: inline-block; background: url('../imgs/background02.png') no-repeat -98px -150px; width: 175px; height: 51px; } .sprite_plus_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -187px -202px; width: 23px; height: 23px; } #header{ width:100%; position:absolute; left:0; top:0; z-index:999; background:white; border-bottom: 1px solid rgba(0,0,0,0.1); } #header .inner{ width:975px; height:75px; margin:0 auto; display:flex; justify-content: space-between; align-items: center; } #header .inner a{ color:transparent; } #header .inner .logo .sprite_insta_icon{ margin-right:25px; position:relative; } #header .inner .logo .sprite_insta_icon:after{ content: ''; width:1px; height:25px; background:black; left:40px; top:0; position:absolute; } #header .inner .logo div:nth-child(2){ transform:translateY(9px); } #search_field{ width:270px; height:25px; background:#fafafa; border:1px solid #dbdbdb; border-radius: 3px; text-align:left; outline:none; padding:3px 30px; color:#999; font-weight:400; font-size:14px; } #header .search_box{ position:relative; } #header .search_box .fakefield{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events: none; } #search_field::placeholder{ font-size:0; } #search_field:focus::placeholder{ font-size:14px; } #search_field:focus ~ .fakefield > span:nth-child(1){ transform:translateX(-150px); } #search_field:focus ~ .fakefield > span:nth-child(2){ display:none; } #header .right_icons{ width:85px; display:flex; justify-content: space-between; } #main_container{ padding-top:130px; /* //마진을 주면 병합 현상이 일어날수 있음 */ display:flex; justify-content: center; /* x축으로 가운대 정렬 */ } #main_container .inner{ width:935px; } .contents{ width:614px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; margin-bottom:60px; background:white; } .contents .top{ display:flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .contents .top .profile_img{ width:32px; height:32px; border-radius:50%; overflow:hidden; margin-right:15px; } .contents .top .profile_img img{ width:100%; } .contents .top .user_container{ display:flex; } .contents .img_section{ overflow:hidden; } .contents .img_section img{ width:100%; } .contents .bottom_icons{ display:flex; justify-content: space-between; align-items: center; padding:10px 20px; } .contents .bottom_icons .left_icons{ display:flex; } .contents .bottom_icons .left_icons > div{ margin-right:10px; } .contents .likes{ padding: 5px 20px; color:#262626; } .contents .comment_container{ display:flex; justify-content: space-between; align-items: center; padding:3px 20px; } .comment_container .comment{ display:flex; font-size:14px; } .comment_container .comment div:nth-child(2){ transform:translateY(-1.5px); } .comment_container .comment .nickName{ margin-right:5px; } .contents .timer{ font-size:10px; letter-spacing: 0.2px; color: #999; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 20px; } } .contents .comment_field{ min-height:56px; padding: 0 20px; position: relative; } .contents .comment_field input{ width: 100%; height: 56px; border: none; outline: none; background:transparent; } .contents .comment_field .upload_btn{ color:#3897f0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; pointer-events:none; opacity: 0.6; } //css부분 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <title>Document</title> </head> <body> <section id="container"> <header id="header"> <section class="inner"> <h1 class="logo"> <a href="index.html"> <div class="sprite_insta_icon"></div> <div class="sprite_write_logo"></div> </a> </h1> <div class="search_box"> <input type="text" placeholder="검색" id="search_field"> <div class="fakefield"> <span class="sprite_small_search_icon"></span> <span>검색</span> </div> </div> <div class="right_icons"> <div class="sprite_compass_icon"></div> <div class="sprite_user_icon_outline"></div> <div class="sprite_heart_icon_outline"></div> </div> </section> </header> <section id="main_container"> <div class="inner"> <div class="contents_box"> <article class="contents"> <header class="top"> <div class="user_container"> <div class="profile_img"> <img src="imgs/7.jpg" alt="프로필 사진"> </div> <div class="user_name"> <div class="nickName m_text"> hanjae </div> <div class="country s_text">Seoul, South Korea</div> </div> </div> <div class="sprite_more_icon"></div> </header> <div class="img_section"> <div class="trans_inner"> <div><img src="imgs/img_section/11.jpg" alt="이미지"></div> </div> </div> <div class="bottom_icons"> <div class="left_icons"> <div class="heart_button"> <div class="sprite_heart_icon_outline"></div> </div> <div class="sprite_bubble_icon"></div> <div class="sprite_share_icon"></div> </div> <div class="right_icons"> <div class="sprite_bookmark_outline"></div> </div> </div> <div class="likes m_text"> 좋아요 <span class="count">2,346 </span> 개 </div> <div class="comment_container"> <div class="comment"> <div class="nickName m_text"> jae </div> <div>해위</div> </div> <div class="small_heart"> <div class="sprite_small_heart_icon_outline"></div> </div> </div> <div class="timer"> 1시간 전.. </div> <div class="comment_field"> <input type="text" placeholder="댓글 달기.." > <div class="upload_btn m_text">게시</div> </div> </article> </div> </div> </section> </section> </body> </html> html 부분인데 개시버튼이 이렇게 떠가지구요...
- 해결됨인스타그램 클론 - full stack 웹 개발
NameError at /post/new 에러가 뜹니다ㅠㅠ
워크스페이스 : https://goor.me/y6ttc 터미널 : https://goor.me/A3G8m PostForm이 정의되지 않았다고 뜹니다.어디를 고쳐야하는지 모르겠어서 질문을 남깁니다ㅠㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
질문 있어요
워크스페이스 https://goor.me/3EtwG 터미널 https://goor.me/C9ALp 가입을 할경우 화면이 가입창에서 변하지 않고 데이터가 들어가지 않습니다. 뭐가 문제일까요? 그리고 서버를 작동시키면 ModuleNotFoundError: No module named 'post.urls'이 뜨면서 실행이 안되요 이건 왜그런걸까요?
- 미해결인스타그램 클론 - full stack 웹 개발
컨탠츠 출력하는부분
안녕하세요? tag, content 부분 에서 <div class="content">{{ post.content | add_link | safe | linebreaksbr }}</div> 이렇게 하면 에러가 나고, 예제 소스 파일을 보니 <div class="content">{{ post | add_link | safe | linebreaksbr }}</div> 이렇게 되어있는데 어떤코드가 맞는것인가요? 일단 이 코드가 에러가 안나니 맞는거같긴한데 영상에서는 위에 코드로 작성을 하셔서요... 감사합니다.
- 미해결인스타그램 클론 - full stack 웹 개발
질문 다시올립니다
https://github.com/kwonhygge/insta_clone/ 제 깃헙주소고 question이라는 브랜치로 push 해놨습니다. 이렇게 공유드리면 될까요?? 띄어쓰기 제대로 되어있고 쌤들이 올려주신 예시 파일 그대로 복붙한 건데 왜 안되는지 모르겠네요 ㅠㅠ inner크기가 안 줄어든다고 질문 올린 수강생입니다.
- 미해결인스타그램 클론 - full stack 웹 개발
inner크기가 안줄어들어요
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> index페이지에 저 소스를 쓰고, style.css에 @media screen and (max-width:1000px){ #header .inner{ width: 97.5%; } #main_container{ padding-top: 220px; } #main_container .inner{ width: 93.5%; } .contents_box{ display:flex; flex-direction: column; align-items: center; } .side_box{ display: none; } 이걸 썼는데 display:none은 먹는데, width부분이 inner들에 적용이안되나봐요..
- 미해결인스타그램 클론 - full stack 웹 개발
atom 워크스페이스 공유
atom을 쓰다가 지금 막혀서 질문하려고 하는데, 어떻게 소스를 공유드리면 될까요?
- 미해결인스타그램 클론 - full stack 웹 개발
질문입니다!
안녕하세요 오늘도 질문입니다. 열심히 따라하다 보니까 여기까지 왔네요 그런데 왠걸 위와 같은 오류가 뜨면서 서버실행이 안되는거에요?! 오타를 잡는다고 한참 시간을 보내고 나서 마지막엔 서버가 말썽이라니. 비트나미 설정 쪽이 문제인가 하고 이전 강의를 한참 돌려봤는데 어떻게 해야할지 잘 모르겠어서 질문남겨요! 워크스페이스 https://goor.me/STtPy 터미널 https://goor.me/AsRUZ
- 미해결인스타그램 클론 - full stack 웹 개발
질문입니다!
요번 강의는 17분까지 바로 이전 강의인 edit 강의와 중복이구 delete강의 내용은 그 이후에 3분정도 재생되고 있어요! 혹시 강의영상 업로드 과정에서 뭔가 잘못 된건가요?
- 미해결인스타그램 클론 - full stack 웹 개발
질문 남깁니다~
안녕하세요! 질문입니다! https://goor.me/STtPy 워크스페이스 링크 https://goor.me/AsRUZ 터미널 링크 이렇게 링크를 남기는게 맞는지 모르겠네요. 오타 같은 오류는 혼자서 이래저래 고쳐봤는데 이상하게 서버를 작동시키고 프로젝트 실행 url을 들어가면 강의 화면 같은 page not found가 아니라 Connection refused 이게 떠 버리네요 이건 서버를 실행시키지 않았을 때 뜨던 창인데 왜 이런 건지 잘 모르겠습니다. 터미널에는 fields 또는 exclude 모듈이 없다고 뜨는거 같은데 LoginForm을 업데이트 하라니. 강의랑 무엇을 다르게 잘못한걸까요?
- 미해결인스타그램 클론 - full stack 웹 개발
강의 소스 404 에러ㅠ
알려주신 링크 두 개 모두 404 에러가 떠요..ㅠㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
강의 소스 공유 주신 링크가 안맞아요.
frontend backend 강의 소스 링크 따라가면 404 에러 떠요ㅠㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
프로필 이미지를 넣을 때
이전의 코드에서는 프로필 이미지를 넣을 때, 이미지가 넘치지 않기 위해 overflow 를 hidden해주고 img 태그는 width:100% 만 해주었는데 이번에는 height까지 100%로 한 이유는 뭔가요??