수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인스타그램 클론 - full stack 웹 개발
templates에 layout.html을 확장할때 config가 아니라 post/templates/post로가서...
layout.html 만들고 거기서 {% extends 'layout.html' %} 이렇게 하는데 또 이 layout.html을 post_list.html에다가 {% extends 'post/layout.html' %} 이렇게 확장하는데 궁금한게 그냥 post_list.html에다가 {% extends 'layout.html' %} 이렇게 작성해도 되지 않나요? 구지 post/templates/post 안에 다시 layout.html을 만들어서 그걸로 post_list.html에 확장하는지 궁금합니다.
- 미해결인스타그램 클론 - full stack 웹 개발
templates file을 공유해주실수 없나요??
강의를 보면 볼수록 code가 바껴져 있는게 너무 헷갈리네요... 하... 바뀌면 강의에 file이라도 남겨주시는 낫지 않을까요 강의를 볼수록 진행하기가 너무 힘드네요... 다른건 다좋은데 이거때매 공부하기가 너무 힘드네요
- 미해결인스타그램 클론 - full stack 웹 개발
settings의 SITE_ID 가 뭔가요?
뭔지 궁금합니다.
- 미해결인스타그램 클론 - full stack 웹 개발
제가
https://github.com/shinwoo0715/instaclone/commits - 제 github에 two-save로 들어가면 코드가 있습니다. -솔직히 layout.html이 style에 id랑 class name이 달라서약간 다를겁니다. 근데 문제는 layout에 작성한 link부분에 없는 js , css , 가있어서 솔직히 파일을 받고싶습니다. 아니면 github link라도 .. 여기서 js 파일이 여러게 모질라서 진도를 못나가고 있습니다. 밑에 console에러는 제가 ajax통신 url을 못달아서 나온404 에러고요.. [error] 1. 일단 form보면 사용자명 위쪽으로 margin이 없어요 2. 제가 사용자명에다가 shinwoo 이렇게 회원가입이 안됩니다 form 문제 인거같은데 모르겠습니다. - 위에login창은 문제가 없어보이긴 합니다.정말정말 번거롭고 귀찮으실텐데 정말 저 간절합니다.ㅜㅜ 이틀째 제가 영상 처음부터 돌아보는데 js ,css 없는 파일 제공하신걸 못찾겠습니다. 댓글까지 다 뒤졌는데,,, 도와주세요.. - 정말 귀찮으시면 ,, 파일이라도 파일 다운받는 link라도 남겨주세요 .. 간절해용..
- 미해결인스타그램 클론 - full stack 웹 개발
model.py에 user_path 에 arr와 pid부분헷갈립니다.
arr = [choice(string.ascii_letters) for _ in range()] pid = '',join(arr) 이렇게 쓰셨는데 arr랑 pid랑 예를들어서 어떻게 들어가는지 궁금해요 사실 join함수나 python에 list 안에 for구문 넣는걸 약간 헷갈린 상태에서 choice(starig.ascii_letters)가 들어오니까 많이 헷갈립니다. 그래서 arr , pid 예를 들면 뭐 123455.exe 이런 파일명이 들어가면 어떻게 변수로 들어가는지 궁금하고 죄송하지만 한번 더 설명 부탁드려요..!
- 미해결인스타그램 클론 - full stack 웹 개발
more_icon을 눌렀는데...ㅠ
more_icon을 눌렀는데 on이 붙여 지지않습니다. 아그리고 밑에 ajax 함수에 url은 제가 서버를 django로 쓰고 있어서 url을 {% url 뭐시기 %} 이런식으로 달아야하는데 코드가 길어져서 일단 대충 달아둔겁니다. 암튼 on이 붙질않아서 현재 display: none -> display: block이 되질 않네요 function delegationFunc(e){ // event객체를 받는다 ( 결과 : 내가클릭한 html태그가 나옴 ) 클릭한 대상들이 나온다. let elem = e.target; console.log(e.target); // 예외적으로 잘못된 부분을 클릭했을 때를 만들어야한다. while(!elem.getAttribute('data-name')){ // 아 html 속성중에 data-name자체가 없으면 그냥 함수 end해라 . elem = elem.parentNode; // elem의 부모 parentNode라는 것을 찾아야한다. if(elem.nodeName === "BODY"){ // 만약에 찾다가 body라는게 나오면 elem에게 null을 주고 끝내라. nodeName(TagName이라고 생각하셈) elem = null; return ; // return 은 이 함수를 자체를 끝내버리는 속성이있다. } } // ## 여기에는 모두 toggle이 들어가야한다. 클래스를 넣다 뺏다 해야한다. ## // element가 맞냐고 비교를 해야하니까 // 여기서 matches를 할건데 , classname으로 하면 중복될가능성이 있으니까 data_name을 사용 할것이다. if(elem.matches("[data-name='heartbeat']")){ // html코드의 data-name속성이 heartbeat // 너가 클릭한 element 대상에 data-name에 heartbeat를 가지고 있으면 이부분을 실행해라. console.log("하트!"); // 근데 이렇게 하면 console창에 아무것도 나오지 않는다. 왜냐 heart-icon에는 data-name자체가없다. 그래서 //우리가 heart-icon에 추가를 한다. data-name을 iconsField에 icons를 모두 data-name을 추가해보도록하자 $.ajax({// ajax를 이용해서 좋아요를 눌렀을 때 1이 증가하는 모습을 web으로 보여주자 type: "POST", url: "../data/like.json", data: 37, dataType: 'json', // 우리가 생각하는 그런 데이터 타입이 맞고 보통 json데이터 타입을 많이씀 success: function(response){ //위에 있는 type , url 등등이 성공적으로 통신이 되었을때 실행해라 console.log("response 지나감"); let likeCount = document.querySelector("#like-count-37"); likeCount.innerHTML = "좋아요"+response.liek_count+"개"; }, error: function(request , status , error){ // error 가 났을 경우를 대비하여 이렇게 예외처리를 해야한다. alert("로그인이 필요합니다."); // window.location.replace(""); } }) }else if(elem.matches("[data-name='bookmark']")){ console.log("북맠!"); let pk = elem.getAttribute("name"); $.ajax({ type: 'POST', url: "../data/bookmark.json", data: 37, dataType: 'json', success: function(response){ let bookmarkCount = document.querySelector("#bookmark-count-37"); bookmarkCount.innerHTML = '북마크' + response.bookmark_count + '개'; }, error: function(request , status , error){ alert("로그인이 필요합니다."); } }) }else if(elem.matches("[data-name='comment']")){ // 댓글 달기 console.log("진짜"); // 일단 우리가 input에 작성한 글들을 가져올 수가 있어야 한다. let content = document.querySelector("#add-comment-post-37>input[type=text]").value; console.log(content); if(content.length >140){ alert("댓글은 최대 140자까지 입력이 가능합니다. : "+content.length); return; } $.ajax({ type:'POST', url:'./comment.html', data:{ 'pk' : 37, 'content' : content, }, dataType: 'html', success:function(data){ document.querySelector('#comment-list-ajax-post37').insertAdjacentHTML("afterbegin",data); }, error: function(request , status , error){ alert("문제가 발생했습니다."); } }); document.querySelector("#add-comment-post-37>input[type=text]").value = ''; }else if(elem.matches("[data-name='comment-delete']")){ $.ajax({ type: 'POST', url: "../data/delete.json", data: { 'pk' : 37, }, dataType: 'json', success: function(response){ if(response.status){ // 여기서 status는 delete.json으로 가면 //status가 있는데 그게 1이냐 0이냐에 따라 삭제가 되었냐 안되었냐로 구분을 지을 것이다. let comt = document.querySelector(".comment-detail"); comt.remove(); } }, error: function(request , status , error){ alert("문제가 발생했습니다."); } }) } else if(elem.matches("[data-name='follow']")){ $.ajax({ type: 'POST', url: "../data/follow.json", data:{ 'pk' : 37, }, dataType: 'json', success: function(response){ if(response.status){ document.querySelector("input.follow").value = '팔로잉' ; // input에 follow라는 클래스가 붙어 있으면 }else{ document.querySelector("input.follow").value = '팔로워' ; } }, error: function(request , status , error){ alert("문제가 발생했습니다."); } }) } elem.classList.toggle('on'); }
- 미해결인스타그램 클론 - full stack 웹 개발
게시 버튼을 누르면 field가 눌립니다.
게시에다가 focus도 달고 했었잖아요 그것도 정상적으로 되는데 이상하게 글쓰고 '게시'가 안눌리고 console을 보면 field가 눌리는것으로 나오네요 아근데 또 이상하게 정말가끔씩 한번되요.. 뭐죠
- 미해결인스타그램 클론 - full stack 웹 개발
저는 django를 조금 할줄 알아서 django로 서버를 연상태로 ajax의 좋아요기능을 코드로 작성을 했습니다.
영상과 차이점이 저는 static 파일에 data안에 like.json을 넣고 $.ajax({ ... url: 'data/like.json' , ...}) 이렇게 url을 가져왔는데 이게 정상적으로 json파일을 가져온건지 모르겠네요 일단 좋아요 버튼 자체가 안되고 에러도 안뜬거보면 success부분이 아예 작동이 안된거같기도합니다. 왜 좋아요부분이 안되는지 모르겠습니다.
- 미해결인스타그램 클론 - full stack 웹 개발
아이구 @media hidden_menu가없어서 그냥 보내주신 파일 css 파일을 배꼈습니다.
.hidden_menu에 width: 95%넣는 영상이 없고 또 평소에는 없다가 side_box가 없어지는 동시에 hidden_box가 생겨야하는데 그부분이 영상에 담기지 않았네요 혹여나 다른 영상에 있어도 그부분은 이영상에 담았으면 더 좋았을거같네요 너무 헷갈려서 처음부터 다시 있나 없나 찾아보느라 시간을 너무 많이 허비했습니다.ㅠㅠ
- 미해결인스타그램 클론 - full stack 웹 개발
sidebox가 800이하로 떨어지면 contents 상단으로 가는데
그부분 영상이 아예없는데요.. 뭐죠.. 저는 fixed가 계속 유지되서 딸려가는데
- 미해결인스타그램 클론 - full stack 웹 개발
scrollTo( 0 , 0 ) 이 chrome에서는 정상 작동을 하지만 , Edge에서는 작동을 하지 않습니다.
제가 edge에서 작동이 되질않아서 찾아 봤는데 보니까 .scrollTo = 0; 뭐 이렇게 하면된데요 근데 . 앞에는 코드 앞에서 변수를 지정해서 하던데 사실상 그 변수 안에다가 어떤걸 넣어서 .scrollTo = 0;을 하는지 궁금해요! 또 이게 안될수도 있기때문에 또다른 노하우가 있다면 알려주세요 ( 새로고침하면 상단으로 가는 방법이요 , 제가 또 찾아 볼께요 구글링으로다가 )
- 미해결인스타그램 클론 - full stack 웹 개발
bitnami 이후부터 문제가 발생해요
bitnami에 똑같이 파일을 옮겨넣어서 키면 ajax가 작동하지도 않고 그 이후에 서버에 admin을 치면 에러가 뜨면서 들어가지지도 않아요.. 너무 생략이 많이되어있어서 이해하기가 너무 힘드네요
- 미해결인스타그램 클론 - full stack 웹 개발
스크롤이벤트 사이드박스 위치설정
사이드박스 위치설정하시면서 0px 부터 올려서 확인해보시는데 어떻게 하면 선생님처럼 10px 단위로 증가시킬 수 있나요?? 1px 단위로밖에 안커져서요,,
- 미해결인스타그램 클론 - full stack 웹 개발
slice 관련
l = [ 1,2,3 ] 일때 {{ l|slice : '2' }} 와 {{ l|slice : 2 }}의 차이점이 무엇인지 알 수 있을까요?
- 미해결인스타그램 클론 - full stack 웹 개발
화면에 표시되는게 이상해졌는데 어디가 잘못됬는지 못찾겠습니다..
위에 사진처럼 업로드한 사진은 보이지않으면서 나머지 항목들이 가로로 나열되고있어서 오류를 찾아보고 있는데 쉽지않네요.. 크롬에서 개발자모드 들어갔을때 사진들을 가지고 오는거까진 확인했는데 어디서 코딩이 잘못됬는지 못찾고 있습니다.. 이런경우 저는 post_list.html과 views.py를 보고있는데 맞게 보고있는건가요? 워크스페이스 공유주소 https://goor.me/zV5Da 터미널 공유주소 https://goor.me/WY28z
- 미해결인스타그램 클론 - full stack 웹 개발
에러는 고쳤는데 화면이 css적용이 안되어있어요
위에처럼 아무런 스타일 적용이 안되어있는데 어떤게 문제인가요...? 모든 html이 다 이렇게 되어있습니다.. 처음 layout.html에서 작성한게 문제인걸까요? 워크스페이스 공유주소 https://goor.me/zV5Da 터미널 공유주소 https://goor.me/WY28z
- 미해결인스타그램 클론 - full stack 웹 개발
코드 자동완성 질문이요
저는 구름IDE에서 section#container 이라고 해도 강의처럼 자동완성이 안되는데 다른 설정이 있는건가요..?
- 미해결인스타그램 클론 - full stack 웹 개발
runserver 0:80 했을때 에러가 났는데 잘 모르겠습니다.
터미널에 python manage.py runserver 0:80 이라고 쳤을때 사진처럼 에러가 나고있는데 이런 경우에는 어떤게 문제인건가요?
- 미해결인스타그램 클론 - full stack 웹 개발
강의처럼 main.js에 스크롤 이벤트를 했는데 안나와요...
안녕하세요 강의 잘 보고있습니다. 한가지 질문이 있어서요.. css에도 똑같이 .on 넣어서 했는데 적용이 안되고있어요.. F12눌러서 확인해보면 스크롤 내렸을때 class에 on이 들어간건 확인되었습니다. css가 잘못된건줄알고 강의 인트로에 있는 자료파일받아서 index.html을 크롬에서 바로 실행시켜봤는데 똑같이 적용이 안되더라구요..
- 해결됨인스타그램 클론 - full stack 웹 개발
mac os 에서 pip3 install pillow ==2.9.0 이 안됩니다.
명령어 입력 시 인스톨이 되지 않습니다 ㅠㅠ... 아무런 반응이 없습니다....