조코딩님 혹시 결과부분에 나오는 설명 같은건 직접 생각해서 쓰시는걸까요.? 공룡상 나오고 간단한 설명 부분이요. 아니면 정보를 얻는 팁같은게 있을까요.? MBTI를 만들어보려고 했었는데 작문 실력이 없어서 그런지 못쓰겠네요. 정보를 토대로 재미있게 하려고 했는데 작문센스가 없다보니... 정보를 찾아봐도 마땅히 생각한 것 정보를 찾지 못한 점도 있구요. 영상 덕분에 직접 만들어보면서 공부하고 있습니다. 감사합니다.
안녕하세요, 지나가던 3년차 웹 서비스 개발자입니다.. 취미로 통계정보를 만드는 웹 서비스를 제작 중이였는데요. 밑바닥부터 spring boot 와 python 크롤링으로 웹 서비스 제작후에 나름 뿌듯..해 하면서 수익화 시킬려고 이것저것을 보던 와중에 조코딩님 영상을 보게 되었습니다. 일단 이렇게 웹서비스를 쉽게 만들수 있다는 점에 충격을 받았네요.. (정적 웹사이트긴 하지만) 너무나 많이 배우고 갑니다. 이런 정보를 무료로 볼수 있다는것에 너무 감사합니다. 댓글보니 구글링 좀만해도 나오는 질문들에 답변을 일일이 해주시는걸 보고..(저 같으면 화냈을듯..) 성공할 채널이구나 느꼈네요 좋은영상 감사합니다!
조코딩님 안녕하세요! 질문이 생겨 이렇게 댓글을 남깁니다ㅠㅠ 구글링을 아무리 해 보아도 명확한 답을 찾을수 없더라구요ㅠㅠ addthis에서 공유버튼을 만드는데 share버튼 종류 중 expanding을 사용하려고 합니다. 허나 다른 종류의 share버튼과 다르게 expanding은 get the code 버튼이 생기지 않고, html에 넣을 코드를 찾을 수 없는데, 혹시 해결 방법이 있을까요?ㅠㅠ
조코딩님 영상을 보고 공부를 하고 있습니다. 궁금한 점이 있는데 혹시 다른 분들이 한 걸 보면 몇 번 테스트를 했는지 여부를 나오게 하던데 이건 어떻게 해야하나요? 검색을 해보려고 해도 단서를 못찾겠네요. 예를 들어 동물상테스트를 몇 번 테스트를 했어요 이걸 정말 테스트를 한 횟수를 세는 것인지 아니면 사이트를 방문한 횟수를 나오게 하는것인지 전혀 단서를 못잡겠네요... 코린이도 따라할 수 있는 좋은 영상 만들어주셔서 감사합니다.
선생님~~~ visual code로 코딩중인데 disqus 와 addthis 둘다 찾을 수 없다면서 제대로된 실행이 되지않고있습니다. 현 문제는 구름ide처럼 cloud에 업로드 되어 있는게아니라 컴퓨터 내에서 오프라인으로 돌아가기때문에 안되는걸까요? console로 확인해봤을때 addthis는 ERR_FILE_NOT_FOUND 이렇게 나오고 disqus는 사이트 내에서 최하단에 We were unable to load Disqus 이렇게 뜹니다.
조코딩님, 주말에 쉬시는데 몇 개 여쭤볼게 있어서요~ 조코딩님 완성된 코드랑, 영상 1화부터 배운걸로 연습해보고 있는데요. 웹이나 앱으로 꼭 만들어보고 싶어서요. 그런데, 아래 공유링크 봐주실 수 있으실까요? goor.me/Hw6Zm 1. 사진을 업로드하고나서 '상견례상' 부분에는 box와 bar 색이 지정이 안되네요. 그리고 상견례상이 떴을 때, 이미지 아래의 타이틀과 샐럽부분에도 색이 지정이 안됩니다. 혹시 코드 보시고 조언 좀 해주실 수 있으실까요?
1. og태그를 수정해주시면 되는데 아래 블로그를 참고해주세요! blog.ab180.co/posts/open-graph-as-a-website-preview 2. Addthis의 문제인 것 같은데 직접 카카오 API를 활용하여 구현하면 될 것 같습니다. 3. 뒤로가기는 blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131 위 글을 참고하시면 도움이 되실 것 같아요!
안녕하세요 6:40경 오류가 나서 문의 드립니다. git commit -m "first cdmmit"를 실행하였더니 아래와 같은 오류 메세지가 뜨네요 Please tell me who you are. Run git config --global user.email "you@example.com" git config --global user.name "Your Name" to set your account's default identity. 0mit --global to set the identity only in this respository. fatal : unable to auto-detect email address (got 'root@goorm.(none)') 해결방법좀 부탁드립니다.~~
아래 두줄의 명령어를 한줄씩 입력하시면 됩니다! you@example.com에 본인의 이메일, Your Name에 본인의 이름을 입력하시면 됩니다. (Github에 등록된 메일과 이름) git config --global user.email "you@example.com" git config --global user.name "Your Name"
안녕하세요! 구글링을 아무리 해도 못찾겠어서 이렇게 댓글을 남깁니다.! 혹시 사진을 업로드 후 결과 값이 뜨게 될때 유튜브 영상을 포함시키려면 어떻게 하면 될까요? 예를들어 토끼상이랑 닮았다면, -result messages는 토끼상, result explain에는 설명이 들어간 후 그 하단에 토끼상과 관련된 영상 하나가 나오거나, 관련재생목록이 나오고, 사장상이랑 닮앗다면, 사자상, 설명, 영상 이렇게 결과값마다 다르게 영상이 제일 하단에 띄우고 싶은데.. 기본 지식이 없다 보니 아무리 찾아보아도 찾기가 너무 힘드네요 ㅠㅠ ㅠㅠㅠㅠ 바쁘신데 이렇게 댓글 남겨서 죄송합니당
HTML 태그를 텍스트 형태로 넣으시면 됩니다! 유튜브 영상은 공유하기 버튼을 눌러보시면 " 퍼가기" 부분이 있는데 이것을 눌러보시면 HTML 코드가 나옵니다! 이걸 그대로 result explain 등과 같이 하단에 결과에 맞게 각각의 영상을 표시하도록 넣으시면 됩니다ㅎㅎ
@@jocoding 답글 정말 감사드립니다!!! 조코딩님의 영상을 공유하기 퍼가기 하여 result explain 값에 넣었는데... 사진을 분석중이라고만 뜨고 화면이 넘어가지지를 않습니다 ㅠㅠ..... 말고 다른곳에 코드를 추가해서 넣어야 실행이 되는 것일까요..? resultExplain 의 영상 html코드를 삭제하면 사진을 분석중이라는 화면이 뜬 후 결과값 (resultMessage만)이 나오는데.. ㅠㅠㅠㅠㅠㅠㅠ resultExplain에 html코드만 적으면 값이 뜨질 않네요. 하단이 코드인데 한번 확인해주시면 정말 감사드리겠습니다..!! ㅠㅠ
const URL = 'teachablemachine.withgoogle.com/models/Z149SyOyT/'; let model, webcam, labelContainer, maxPredictions; async function init() { const modelURL = URL + 'model.json'; const metadataURL = URL + 'metadata.json'; model = await tmImage.load(modelURL, metadataURL); maxPredictions = model.getTotalClasses(); labelContainer = document.getElementById('label-container'); for (let i = 0; i < maxPredictions; i++) { } } async function predict() { // predict can take in an image, video or canvas html element var image = document.getElementById('product-image'); const prediction = await model.predict(image, false); prediction.sort((a, b)=> parseFloat(b.probability) - parseFloat(a.probability)); console.log(prediction[0].className); var resultMessege, resultExplain; switch (prediction[0].className) { case "Jin Ramen Spicy": resultMessege = "Ramen: Jin Ramen Spicy" resultExplain = break; case "Jin ramen Mild": resultMessege = "Ramen: Jin Ramen Mild" resultExplain = break; case "Shin ramen": resultMessege = "Ramen: Shin ramen" resultExplain = break; case "Chapagetti": resultMessege = "Ramen: Chapagetti" resultExplain = break; case "Hot Chicken Flavor Ramen(samyang)": resultMessege = "Ramen: Hot Chicken Flavor Ramen(samyang)" resultExplain = break; default: resultMessege = "Unknown" resultExplain = "Unknown" }
조금 애매한 부분이긴 한데 아래와 같은 조항으로 큰 문제는 없을 것 같습니다. 인공지능 학습(딥러닝) 및 빅데이터 분석 등을 위해, 저작물의 이용이 필요한 범위에서 저작물 이용 허락 없이 사용할 수 있다 출처 : it.chosun.com/site/data/html_dir/2020/10/08/2020100802207.html
Netlify 살펴 보다 보니 무료 도메인은 한달 방문자 1000명 까지만 페이지가 열린다는 뜻인가요? Active users All logged-in visitors to your site within the current billing period. 1,000 users left
조코딩님 이거 github 에서 코드 쓰려고 하는데 깃헙가니 git init git add README.md git commit -m “first commit” git branch -M main이 줄이 하나 더 생겼는데 어떻게 된거죠 이거 빼고 따라하니까 자꾸 오류가 뜨네요...
선생님 netlify 관련 질문있습니다!동물상 테스트 무료 버전을 통해 배포하시고 SNS를 통해 히트를 치고 대규모 트레픽이 유입됬을 때 서버가 터지는 상황을 예방할 수 있도록 무료로 설정이 가능한지 궁금합니다! 도 대규모 트레픽을 소화 할 수 있게 netlify에서 사전 설정을 하셨는지, 이후에 AWS로 바꿔서 설정을 하셨는지 궁금합니다!
저는 계속 netlfiy를 썼습니다! netlify도 대규모 트래픽이 유입되어도 서버는 터지지 않습니다. 카드를 등록해두시면 자동으로 트래픽이 많아지면 bandwidth에 따라서 요금이 청구되며 과도하게 많이 나올 경우 PRO, BUSINESS 등으로 플랜을 늘리시면 더 저렴하게 이용할 수 있습니다! www.netlify.com/pricing/
@@jocoding 감사합니다!! 월 99불 정도 비용밖에 안되는게 신기하네요!! 제가 외주사를 통해 만든 사이트가 250만명정도 접속을하였는데 AWS를 이용하고있습니다. 서버 비용이 몇백만원 정도 나왔는데, 광고수익이 꽤 나와서 잘 커버를 하였습니다만, 1회성 콘텐츠를 가진 사이트이다보니 지금은 트레픽이 많이 줄어서 서버비용이 간당간당하게 커버되는 수준입니다. 몇가지 사이트를 더 만들어 AWS에 붙였는데 크게 히트를 치지못해 현재는 비용이 크게 부담이 되구요.. 이번에 코딩공부를 본격적으로 배우기 시작하면서 가지고있는 여러 아이디어로 새로운 사이트들을 만들 예정인데 프론트쪽은 제가하고 백엔드쪽은 외주를 맡길 예정입니다. 알려주신 netlify business플랜 사용하게된다면 AWS사용할 때 대비 조심/유의 해야될 점이 있을까요? 그리고 enterprise플랜을 사용해보셨는지 궁금합니다! 번거롭게 질문이 길어서 죄송합니다!
강좌들 정주행 하고 며칠만에 거의 1년동안 고민하던 웹페이지를 만들었습니다. 정말 감사드려요. 한가지 궁금한게 있는데요, 지금 Netlify로 웹페이지를 올렸는데, 수익광고들을 붙이려면 정식 도메인을 구해야 하나요? Freenom에 가서 원하는 도메인명을 여러개 입력해 봤는데 모두 사용불가라고 나오네요. 동물상 웹사이트의 경우 수익광고를 붙일때 그냥 무료 도메인 + Netlify 호스팅으로 하셨는지 궁금합니다.
코딩님 영상 잘 보고 있습니다 ㅎㅎ 질문이 하나 있습니다 제가 사진을 업로드 하고 '사진 바꾸기'를 클릭해 다른 사진으로 업로드를 하면 그 전 사진에 그래프와 설명이 그대로 남아있다 ai 분석후에 분석한 그래프와 설명으로 바뀝니다. 코딩님 처럼 사진 바꾸기 후에 다른 사진으로 업로드를 하면 그 전 데이터가 안뜨게 하고 싶은데 코딩님 원본 코드를 보고 찾아봐도 잘 모르겠네요 ㅠㅠ 해결법 좀 알려주세요 ..
혹시 기존 생성한 모델을 업데이트 해야 하는 경우에는 어떻게 해야 할까요? 예를 들어 "바나나"와 "사과"를 구분하는 모델을 만들었는데 이미 웹 앱과 모바일 앱을 출시한 상태에서 기존 모델에 "딸기"를 추가하고자 한다면 처음부터 다시 만들고 기존 앱을 업데이트 해야 할까요?
조코딩님 궁금한게 있는데 질문 여기다 해도 되겠죠..? 다름이 아니라, disqus나 addthis 등 웹에 있는 코드를 불러오는 기능을 썼을 때, html파일로 제가 만든 걸 열면 불러오지 못하는 오류가 뜨더라구요 조코딩이 만드신 사이트도 dns등록하신 주소로 가면 문제없이 모든게 뜨는데, github에 올리신 html파일로 들어가면 저런 게 다 안뜨네요 ㅠㅠ 제 컴퓨터에 뭔 문제가 있는걸까요?
아 해결했습니다! 저와 같은 오류를 겪고 있을 사람들을 위해 댓글은 지우지 않겠습니다. 자체 도메인이 있을경우에만 addthis가 사용 가능하더라구요, 저도 그냥 html파일을 열었을 때는 공유하기가 안보였지만 netlify에서 도메인을 얻고 난후에는 정상적으로 공유하기기능이 작동되었습니다 ^~^
깃허브를 통하여 명령어를 입력하는 중 문제가 생겨서 질문드립니다. 1. 조코딩님 처럼 new run은 어떻게 여나요? 저는 f5를 눌렀더니 new build 가 생겨서 이곳에 명령어를 입력하였는데 동일한건가요? 2. git commit -m "first commit" 를 입력하였는데 다음과 같은 오류가 뜹니다. *** Please tell me who you are. Run git config --global user.email "you@example.com" git config --global user.name "Your Name" to set your account's default identity. Omit --global to set the identity only in this repository. fatal: unable to auto-detect email address (got 'root@goorm.(none)') 찾아보니 깃허브에 이름과 이메일이 입력되지 않았다고 하여 깃허브 사이트-설정-이름과 이메일을 등록하였는데도 동일한 오류가 뜹니다. 항상 쉽고 유익한 영상에 감사드립니다^^
영상을 보고 잘 따라하고 있습니다.! 다만 사진을 투입 후 결과가 나타나지 않아서 콘솔부분에서 확인을 해봤습니다. ReferenceError: Can't find variable: init 이렇게 뜨면서 1.readURL - index.html:122=>init().then(function() { 2.onchange-index.html:62=> 이렇게 나타나는데 어떻게 해결해야할까요ㅜㅜ..?
조코딩님 안녕하세요! 좋은 영상 잘 보고있습니다 감사합니다~ 질문이 있는데 동물상 테스트 결과에서 공룡상에 으로 시작하는 설명은 조코딩님이 임의로 작성하신건가요? 공룡상으로 판별하는건 AI가 해주지만 설명은 어디서 가져오신것인지 직접 쓰신것인지 궁금해요 ㅎㅎ 비슷한 서비스를 만들고 싶어도 상세설명을 어떻게 해야할지 모르겠어서요 ㅜㅜ
수정하시려면 별도의 도메인 구매와 등록이 필요한데 아래 영상이나 가비아에서 연결하는 칼럼을 써놓은 것이 있는데 참고하시면 도움이 되실거예요! ruclips.net/video/-vGJJi1tqW4/видео.html blog.naver.com/superc_official/221851742848
사이트 고칠때마다 netlify에 반영되게 하려고 영상 봤는데 저는 5분만에 웹사이트 만들기 영상으로 만들어서 groomide는 사용하지 않고 했는데 6:18에 영상 나오는거 보니 groomide에 명령어를 반영해야 하는것 처럼 보이는데 groomide로 안했으면 그냥 넘어가면 되는건가요??
요즘 정책이 바뀌었는지 .app으로 만들어지네요 .com으로 접속해도 되긴합니다! 그러나 완전한 .com을 원하신다면 .com 도메인을 별도로 신청하여 등록하시면 해결 가능합니다. 아래 칼럼을 참고해주세요! blog.naver.com/superc_official/221851742848
@@jocoding 아래 컬럼 참고했는데... 가비아에 Netlify 네임서버까지 연결했습니다. 그런데.. Netlify에 연결된거보면은 Check DNS configuration이 계속 떠있네요.. NetlifyDNS라고 떠야하는데... ㅠㅠ 해당 컬럼에 다른 분들도 같은 증상을 겪고있습니다..
stackoverflow.com/questions/17673156/instagram-share-photo-from-webpage 찾아보니 공식적으로 지원하는 것은 앱에서의 공유만 지원한다고 하네요!ㅠㅠ 인스타 스토리 공유 : developers.facebook.com/docs/instagram/sharing-to-stories/ 인스타 피드 공유: developers.facebook.com/docs/instagram/sharing-to-feed/
netlify를 이용해서 얻은 주소를 이용해서도 접속이 가능한데 카페24나 다른곳에서 도메인을 발급받아서 연결 하는 이유를 도메인 강의를 봐도 잘 이해를 못하겠습니다.. ㅜㅜ 그냥 netlify에서 얻은 주소를 만족한다면 굳이 연결을 안해도 사용 할 수 있는거 아닌가요?
조코딩님 !!! 좋은 강의로 많은정보 주셔서 감사합니다!! 한가지 궁굼한게 url주소를 복사해서 카톡으로 보내면 뜨는 이미지나 글들은 어떻게 만드면 되나요?? 보니까 head 중에는 없는거 같은데... 어디에 구현하셨나요 ! 그리고 계속 해당 페이지는 없는 페이지이거나 서비스 사용 기간이 만료된 페이지입니다. 도메인을 다시 확인부탁드리며, 만료된 페이지에 대한 연장 사용을 원하시는 경우 아래의 이메일로 연락 부탁드립니다. contact@goorm.io 같은 페이지만 떠요....
blog.ab180.co/open-graph-as-a-website-preview/ Head 부분에 og태그가 있는데 그게 카톡으로 보내면 나오는 이미지입니다!ㅎㅎ 에러는 아마 구름IDE 무료 버전은 계속 서버가 꺼져서 그럴 것 같아요! Netlify에 올려두시면 무제한 계속 사용하실 수 있습니다ㅎㅎ
공유하기 버튼이 영상에서는 페이스북 카카오 라인 순서로 나오는데, 제가 html 에 입력하면, 카카오 라인 이메일 순서로 나오더라구요 혹시 공유하기 처음 3개 버튼을 특정 매체로 설정하는 방법이 있을까요? 그리고 공유하기말고, 로그인 페이지에 보면 네이버 카카오 구글 아이디로 로그인하기 버튼이 웹사이트를 보다보면 있는데, 혹시 이것도 올려주신 사이트와 같은곳이 있을까요? 항상 감사합니다~
조코딩님 ㅠㅠ 루비온레일즈로 구름아이디에서 제작했는데, 구름아이디에서는 페이지 잘되는데, 깃허브에서 넷플리파이로 디플로이 하면 사이트가 안떠요 이렇게 뜨네요... Page Not Found Looks like you've followed a broken link or entered a URL that doesn't exist on this site. 제발 도와주세요 ㅠㅠㅠ
file-upload부분에 background-image를 이용해서 특정 이미지를 배경으로 만들었습니다! 컴퓨터엔 잘 적용이 됐는데 모바일은 사진 넣는데 까지는 잘 적용이 됐는데 결과 나오는 부분에서 없어져요... 혹시 어떤 문제인지 알 수 있을까요? 배경사진 크기 문제인가요?
조코딩님! 정말 좋은 영상 언제나 감사드립니다!! 조코딩님이 올려주신 사이트를 이용하던중 문제점을 한가지 발견해서 이를 해결하고 싶은데 javascript를 이용하는게 처음이라 적용하기가 힘들어서 질문 드립니다. 핸드폰에서 사진을 업로드 하는 경우 사진이 돌아가서 업로드 되는 문제가 있는데,제가 검색해보니 github.com/blueimp/JavaScript-Load-Image#description 의 loadimg() 함수를 이용하라는 코드를 보았는데 이것을 이용하려면 초반에 codepen에서 가져온 image-upload 코드를 다시 뜯어 고쳐야 하는건가요? 아니면 부분만 수정이 가능한건가요..?
@@jocoding 안녕하세요. 죄송하지만 expo로 제작된 어플에 대해 질문이 많습니다. 1. 동물상 테스트 어플에서 하단에 탭(동물상 테스트, 정보)을 나누어두셨던데 어떤식으로 구현가능한가요? 2. 어플 초기 설치후, 카메라 권한 설정창이 안떠서 카메라가 동작하지않습니다. 보통 어플을 켰을때 카메라 권한창이 나오던데 어떤식으로 구현가능할까요? 3. 어플내에서 링크등을 통해 다른페이지로 갔을때(광고배너, 유튜브 등), 뒤로가기 버튼을 누르면 그 전 페이지로 가는게 아니라 어플이 꺼져버립니다. 뒤로가기 조작을 할 방법이 있을까요?
1. 아이폰 출시하려고 reactnavigation.org/ 을 활용해서 만들었어요! 2. expo install expo-permissions 이용해서 설치하시고 App.js에 아래 코드를 한번 추가해보세요! import * as Permissions from 'expo-permissions'; async function cameraStoragePermisson() { const { status } = await Permissions.getAsync( Permissions.CAMERA, Permissions.READ_EXTERNAL_STORAGE ); if (status !== 'granted') { alert('카메라/앨범 접근 권한 허용이 필요합니다.'); } } componentDidMount() { this.cameraStoragePermisson; } 3. blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131 위 글을 참고하시면 도움이 되실 것 같아요!
@@jocoding 2번 내용 중 "import~ 'expo-permissions';"를 제외한 "async function~끝"을 "export default class App extends React.Component {}" 안에 입력해야하나요? 그리고 평션 이름이 'cameraStoragePermisson' 이라고 되어있는데, 하단에 'cameraStoragePermisson' 이 맞을까요?
조코딩님 안녕하세요^_^ 영상보고 동물상 테스트를 참고해서 어플을 구현하고 있는데 여러가지 언어를 만드는 곳에서 구현을 못하고 있어서 고민하다가 조언이 필요할꺼 같아서 문의를 드립니다. HTML에서 코드만으로 여러나라 언어가 구현이 되는건가요 아니면, 언어마다 해당사이트를 구현하고 연결을 해야되는건가요^^? 시간이 되신다면 자세한 조언을 듣고 싶은데 연락 드릴 방법을 몰라 댓글로 문의를 드립니다. naeais@hanmail.net로 조언을 해주시면 감사하겠습니다~ 그럼 오늘도 좋은하루 되세요
좋은강의 감사합니다
안녕하세요 조코딩님 이번에 조코딩님의 영상을 보고 배우며 저도 수익형 웹사이트를 만들어보려고 하는데 조코딩님의 강의를 보며 제작하다보니 코드가 너무 유사한데 혹시 수익형 웹사이트를 제작하는 것에 있어서 license와 관련되어 문제가 되는지 여쭈어보고 싶습니다.
안녕하세요 코드 유사한 것은 문제 없습니다!!
조코딩님 항상 잘보고있어요! 근데 질문이있는데 답변해주시면 감사하겠습니다.
1.vs code만으로 웹사이트를 만들 수 있나요?아니면 여기서 코드짜고 코드 복사해서 구름ide이런쪽에 붙힐수있나요
2.웹사이트에도 구글 애드센스 광고를 붙힐 수 있나요?
1. 네 가능합니다!
2. 네 붙일 수 있습니다!
@@jocoding 답변감사합니다!
조코딩님 혹시 결과부분에 나오는 설명 같은건 직접 생각해서 쓰시는걸까요.? 공룡상 나오고 간단한 설명 부분이요. 아니면 정보를 얻는 팁같은게 있을까요.?
MBTI를 만들어보려고 했었는데 작문 실력이 없어서 그런지 못쓰겠네요. 정보를 토대로 재미있게 하려고 했는데 작문센스가 없다보니...
정보를 찾아봐도 마땅히 생각한 것 정보를 찾지 못한 점도 있구요. 영상 덕분에 직접 만들어보면서 공부하고 있습니다. 감사합니다.
나무위키나 블로그 등에 강아지상 등으로 검색해보시면 여러가지 특징 키워드들이 나오는데 그런 것들을 조합해서 쓰시면 됩니다!
@@jocoding 결국 제가 써야겠네요... 감사합니다.
이런건 어떻게 만드나했는데 정말 감사합니다ㅠㅠ
혹시 제가 조코딩님 강의를 따라해서 웹 구성은 같은데 내용을 다르게 하고 (예를들면 내 얼굴로 알아보는 나의 성격 등등..) 이 웹사이트로 수익창출을 해도 되는건가요..?
조심스럽게 여쭈어봅니다ㅠㅠ!
네 그럼요! 가능합니다ㅎㅎ 사이트에 제작 도움 링크 하나 남겨주시면 감사드리겠습니다 :)
채팅 어플 만들기 영상도 찍어주세요!
안녕하세요, 지나가던 3년차 웹 서비스 개발자입니다..
취미로 통계정보를 만드는 웹 서비스를 제작 중이였는데요.
밑바닥부터 spring boot 와 python 크롤링으로 웹 서비스 제작후에 나름 뿌듯..해 하면서 수익화 시킬려고 이것저것을 보던 와중에 조코딩님 영상을 보게 되었습니다.
일단 이렇게 웹서비스를 쉽게 만들수 있다는 점에 충격을 받았네요.. (정적 웹사이트긴 하지만)
너무나 많이 배우고 갑니다. 이런 정보를 무료로 볼수 있다는것에 너무 감사합니다.
댓글보니 구글링 좀만해도 나오는 질문들에 답변을 일일이 해주시는걸 보고..(저 같으면 화냈을듯..) 성공할 채널이구나 느꼈네요
좋은영상 감사합니다!
실제로 1인 개발자가 이런식으로 가져와서 많이 쓰나요? 코딩 배우면 배울수록 복잡한게 많길래 걱정이 됬는데 자주 쓰는 기능은 가져올 수 있으니 그나마 다행이네요
네! 개발자라면 무조건 이런식으로 기능을 가져와서 씁니다! 혼자서 비효율적으로 모든 것을 개발하는 사람은 아무도 없습니다!
옛날에 노가다로 일일히 api 적용햇었는데 .... 흙 이런 좋은게 생겼다니 ㅜㅜ 모두들의 노고에 감사드립니다
👍👍👍 점점 개발하기 편해지는 것 같아요ㅋㅋ
조코딩님 안녕하세요! 질문이 생겨 이렇게 댓글을 남깁니다ㅠㅠ 구글링을 아무리 해 보아도 명확한 답을 찾을수 없더라구요ㅠㅠ
addthis에서 공유버튼을 만드는데 share버튼 종류 중 expanding을 사용하려고 합니다.
허나 다른 종류의 share버튼과 다르게 expanding은 get the code 버튼이 생기지 않고, html에 넣을 코드를 찾을 수 없는데, 혹시 해결 방법이 있을까요?ㅠㅠ
expanding은 코드가 안보이네요.. addthis의 문제인 것 같은데 문의가 필요할 것 같습니다!
애드디스를 통해 카톡으로 공유하기를 했을때 공유 화면?에 사이트 사진도 나오게 하고 싶은데 어떻게 설정해야 할까요..? 동물상테스트는 공유했을때 사진과 사이트 주소,이름 다 나오더라고요..
조코딩님 영상을 보고 공부를 하고 있습니다.
궁금한 점이 있는데 혹시 다른 분들이 한 걸 보면 몇 번 테스트를 했는지 여부를 나오게 하던데 이건 어떻게 해야하나요?
검색을 해보려고 해도 단서를 못찾겠네요. 예를 들어 동물상테스트를 몇 번 테스트를 했어요 이걸 정말 테스트를 한 횟수를 세는 것인지 아니면 사이트를 방문한 횟수를 나오게 하는것인지 전혀 단서를 못잡겠네요...
코린이도 따라할 수 있는 좋은 영상 만들어주셔서 감사합니다.
www.cutercounter.com/
이런식으로 위젯을 사용할 수도 있고 Google Analytics와 연동하여 주기적으로 정보를 긁어서 업데이트 할 수도 있고 직접 백엔드에 정보를 저장할 수 있습니다!
@@jocoding 많이배워가네요 감사합니다
addThis 5월말에 서비스종료한다네요 ㅠㅠ 아 영상보고 흥미생겼는데 아쉬워요 ~~ 혹시 대체사이트 있다면 추천해주시면 감사할거같습니다
조코딩님 AI가 분석할 때 나오는 스피너 코드 좀 알려주세요!
Loading...
이렇게 추가하면 됩니다!
github.com/youtube-jocoding/animalface/blob/master/index.html
구체적인 사용예는 위 코드를 참고해주세요!
css는 따로 필요없나요?
한번 저도 해 보려고 하는데 혹시 조코딩님 깃허브 보고 해 봐도 괜찮을까요?
네 좋습니다!
@@jocoding 감사합니다!
선생님~~~
visual code로 코딩중인데 disqus 와 addthis 둘다 찾을 수 없다면서 제대로된 실행이 되지않고있습니다.
현 문제는 구름ide처럼 cloud에 업로드 되어 있는게아니라 컴퓨터 내에서 오프라인으로 돌아가기때문에 안되는걸까요?
console로 확인해봤을때 addthis는 ERR_FILE_NOT_FOUND 이렇게 나오고
disqus는 사이트 내에서 최하단에 We were unable to load Disqus 이렇게 뜹니다.
네 정확히 맞습니다! 로컬은 막아놓았고 서버에 올려야 정상 동작합니다.
조코딩님, 주말에 쉬시는데 몇 개 여쭤볼게 있어서요~
조코딩님 완성된 코드랑, 영상 1화부터 배운걸로 연습해보고 있는데요.
웹이나 앱으로 꼭 만들어보고 싶어서요.
그런데, 아래 공유링크 봐주실 수 있으실까요?
goor.me/Hw6Zm
1. 사진을 업로드하고나서 '상견례상' 부분에는 box와 bar 색이 지정이 안되네요. 그리고 상견례상이 떴을 때, 이미지 아래의 타이틀과 샐럽부분에도 색이 지정이 안됩니다.
혹시 코드 보시고 조언 좀 해주실 수 있으실까요?
@성장형교사김맨
상견례상 부분에 "프리패스상-bar"로 class가 되어있는데 css는 "상견례상-bar"로 되어있어서 이름이 다르네요!
둘 중 하나를 맞춰주시면 될 것 같습니다.
@@jocoding 아! 해결했습니다. 늦은 시간까지 감사합니다. ^^ 올해 신축년 복은 조코딩님에게 가득하기를 기원할게요. 그리고 영상 보면서 공부 꾸준히 할게요! 리스펙!
스피너 돌아가는 자바스크립트까지만 알려주실수 있을까요?
스피너 돌아가는 건 부트스트랩으로 제공되는 것입니다!
getbootstrap.com/docs/5.1/components/spinners/
안녕하세요 조코딩님, 좋은 강의 감사합니다ㅎ 질문이 하나 있는데요..
1. 혹시 Addthis로 링크를 공유할때 (예를들어 카톡으로) 뜨는 썸네일 사진은 어떻게 수정할수 있나요?
2. 그리고 Android 앱으로 변환한다음에는 카카오톡으로 공유하기가 안되는데.. 이건 수정이 안되는건가요.?
3. 마지막으로.. 역시 Android 앱으로 변환하여 앱에서 실행하면 공유를 한다음에 앱상에서 메인페이지로 돌아가기가 되지 않아서 앱을 종료하고 다시켜야 하는데.. 혹시 이부분은 어떻게 처리할수 있을까요...ㅜㅜ?
혹시.. 번거로운 질문이라면 죄송합니다...ㅠㅠㅋ 시간되실때.. 답변 주시면 너무 감사하겠습니당! :)
1. og태그를 수정해주시면 되는데 아래 블로그를 참고해주세요!
blog.ab180.co/posts/open-graph-as-a-website-preview
2. Addthis의 문제인 것 같은데 직접 카카오 API를 활용하여 구현하면 될 것 같습니다.
3. 뒤로가기는 blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131
위 글을 참고하시면 도움이 되실 것 같아요!
@@jocoding 감사합니다!!ㅎㅎ 바로 해봐야겠어요!
알려주신 코드를 추가해봤는데 로딩 글씨가 스피너랑 같이 돌아가고
결과가 나온 뒤에도 계속 나와염;)
자바스크립트로 결과 나오고 없애는 코드도 추가해야합니다!
영상처럼 ""상 밑에 부가 설명은 어떻게 하나요....? 그리고 저 spinner 추가 방법과 어디에 추가해야 된는지 알려주세요ㅠㅠㅠ
github.com/youtube-jocoding/animalface/blob/master/index.html
여기에 완성 코드를 올려두었는데 참고해주세요!
안녕하세요
6:40경 오류가 나서 문의 드립니다.
git commit -m "first cdmmit"를 실행하였더니 아래와 같은 오류 메세지가 뜨네요
Please tell me who you are.
Run
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
to set your account's default identity.
0mit --global to set the identity only in this respository.
fatal : unable to auto-detect email address (got 'root@goorm.(none)')
해결방법좀 부탁드립니다.~~
아래 두줄의 명령어를 한줄씩 입력하시면 됩니다! you@example.com에 본인의 이메일, Your Name에 본인의 이름을 입력하시면 됩니다. (Github에 등록된 메일과 이름)
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
error: failed to push some refs to 'github.com/ ' 이런식으로 오류 나는데 어떻하죠?
스피너 부트스트랩만 적용하면 자동으로 없어지나요?
자바스크립트로 없애주는 코드를 넣어주어야 합니다!
조코딩이 형아 사랑해 ❤
항상 잘 보고있습니다! 영상을 보면서 따라하다가 결과값 코멘트를 다 작성한뒤 start버튼과 예측버튼을 클릭을 했는데 실행이 안되더라구요ㅠ 어디가 콘솔에서 알려주는대로 확인을 했는데도 실행이 안되서 그러는데 어디가 문제일까요ㅠ..?
console 쪽에 오류 메세지 뜨시는 것은 없으신가요?
@@jocoding 몇개있습니다! 정리를 해서 메일로 보내드려도 괜찮으실까요..?
addthis가 없어졌다는데 다른 서비스를 사용해야되나요? ㅠㅠㅠ
안녕하세요! 구글링을 아무리 해도 못찾겠어서 이렇게 댓글을 남깁니다.!
혹시 사진을 업로드 후 결과 값이 뜨게 될때 유튜브 영상을 포함시키려면 어떻게 하면 될까요?
예를들어 토끼상이랑 닮았다면, -result messages는 토끼상, result explain에는 설명이 들어간 후 그 하단에 토끼상과 관련된 영상 하나가 나오거나, 관련재생목록이 나오고,
사장상이랑 닮앗다면, 사자상, 설명, 영상 이렇게 결과값마다 다르게 영상이 제일 하단에 띄우고 싶은데..
기본 지식이 없다 보니 아무리 찾아보아도 찾기가 너무 힘드네요 ㅠㅠ
ㅠㅠㅠㅠ 바쁘신데 이렇게 댓글 남겨서 죄송합니당
HTML 태그를 텍스트 형태로 넣으시면 됩니다! 유튜브 영상은 공유하기 버튼을 눌러보시면 " 퍼가기" 부분이 있는데 이것을 눌러보시면 HTML 코드가 나옵니다! 이걸 그대로 result explain 등과 같이 하단에 결과에 맞게 각각의 영상을 표시하도록 넣으시면 됩니다ㅎㅎ
@@jocoding
답글 정말 감사드립니다!!! 조코딩님의 영상을 공유하기 퍼가기 하여 result explain 값에 넣었는데... 사진을 분석중이라고만 뜨고 화면이 넘어가지지를 않습니다 ㅠㅠ..... 말고 다른곳에 코드를 추가해서 넣어야 실행이 되는 것일까요..?
resultExplain 의 영상 html코드를 삭제하면 사진을 분석중이라는 화면이 뜬 후 결과값 (resultMessage만)이 나오는데.. ㅠㅠㅠㅠㅠㅠㅠ
resultExplain에 html코드만 적으면 값이 뜨질 않네요.
하단이 코드인데 한번 확인해주시면 정말 감사드리겠습니다..!! ㅠㅠ
const URL = 'teachablemachine.withgoogle.com/models/Z149SyOyT/';
let model, webcam, labelContainer, maxPredictions;
async function init() {
const modelURL = URL + 'model.json';
const metadataURL = URL + 'metadata.json';
model = await tmImage.load(modelURL, metadataURL);
maxPredictions = model.getTotalClasses();
labelContainer = document.getElementById('label-container');
for (let i = 0; i < maxPredictions; i++) {
}
}
async function predict() {
// predict can take in an image, video or canvas html element
var image = document.getElementById('product-image');
const prediction = await model.predict(image, false);
prediction.sort((a, b)=> parseFloat(b.probability) - parseFloat(a.probability));
console.log(prediction[0].className);
var resultMessege, resultExplain;
switch (prediction[0].className) {
case "Jin Ramen Spicy":
resultMessege = "Ramen: Jin Ramen Spicy"
resultExplain =
break;
case "Jin ramen Mild":
resultMessege = "Ramen: Jin Ramen Mild"
resultExplain =
break;
case "Shin ramen":
resultMessege = "Ramen: Shin ramen"
resultExplain =
break;
case "Chapagetti":
resultMessege = "Ramen: Chapagetti"
resultExplain =
break;
case "Hot Chicken Flavor Ramen(samyang)":
resultMessege = "Ramen: Hot Chicken Flavor Ramen(samyang)"
resultExplain =
break;
default:
resultMessege = "Unknown"
resultExplain = "Unknown"
}
$('.result-message').html (resultMessege+resultExplain);
}
조코딩님 동물상 테스트 서비스를 다 따라 만들었는데
teachable machine에 관한 코드를 업데이트 하려면 어떻게 해야할까요?
위의 내용은 동물상 종류 추가 방법에 대한 질문입니다.
teachable machine 사이트에서 프로젝트 저장을 해놓으신 후 그 프로젝트를 불러와서 클래스를 추가하면 됩니다!
@@jocoding 감사합니다!
조코딩님, 제가 일주일 동안 프로젝트를 진행하고 있는데, addthis 가운데 정렬 어떻게 하나요? margin: 0 auto; 를 적용해도 안되요...ㅠㅠㅠ
webdir.tistory.com/31
위 방법을 참고해주세요!
@@jocoding 네, 감사합니다~
쿠키설정 막기전에 동의해버렸는데 다시 취소하는 법 없나요 존경하는 조코딩씨,,,??ㅠㅠ
support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&hl=ko#zippy=%2C%EC%BF%A0%ED%82%A4-%ED%97%88%EC%9A%A9-%EB%98%90%EB%8A%94-%EC%B0%A8%EB%8B%A8%ED%95%98%EA%B8%B0%2C%ED%8A%B9%EC%A0%95-%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%9D%98-%EC%BF%A0%ED%82%A4-%ED%97%88%EC%9A%A9-%EB%98%90%EB%8A%94-%EC%B0%A8%EB%8B%A8%ED%95%98%EA%B8%B0
여기 쿠키 설정 변경부분을 참고해주세요!
@@jocoding sns만드는건 왜 말안해죠 오빵...
@@qpoodh1010 ruclips.net/video/2CHkds265N8/видео.html
CRUD의 개념을 익히고 사용하시면 만드실 수 있습니다!
선생님 근데 이러면 연예인들 사진에 대한 저작권,초상권은 따로 신경쓰지 않아도 되나요? 처음부터 영상보면서 따라하는데 드는 생각이 연예인들 초상권이나 저작권에 대한게 걱정되더라구요... 상관 없을까요?
조금 애매한 부분이긴 한데 아래와 같은 조항으로 큰 문제는 없을 것 같습니다.
인공지능 학습(딥러닝) 및 빅데이터 분석 등을 위해, 저작물의 이용이 필요한 범위에서 저작물 이용 허락 없이 사용할 수 있다
출처 : it.chosun.com/site/data/html_dir/2020/10/08/2020100802207.html
터미널에서 어떻게 쓰나요?
동물상 테스트할 때 인물 사진은 반드시 정면으로 해야 결과가 자세히 나오나요? 그리고 만약 얼굴뿐 아니라 전신이 나오면 결과에 큰 영향 끼치나요?
네네 얼굴로만 학습이 된 것이라 정면 이미지가 결과가 조금 더 정확하다고 할 수 있습니다.
조코딩님 잘봤습니다 수업시간에 사용만 좀 하겠습니당 앱개발은 해본적이 없어서용 ㅎㅎ
Netlify 살펴 보다 보니 무료 도메인은 한달 방문자 1000명 까지만 페이지가 열린다는 뜻인가요?
Active users
All logged-in visitors to your site within the current billing period. 1,000 users left
회원 가입 기능에 대한 설명인 것 같아요!
그냥 접속자는 bandwidth 기준 100GB /month이라 300만뷰 정도 나왔을때도 초과되지 않았습니다.
@@jocoding 네~ 감사합니다. 조코딩님 덕분에 거의 완성 되어 갑니다. 깃허브에 올려 연동시키는 것 진행 중입니다. 감사드립니다~
안녕하세요. 예전에 동물상 테스트 7개 언어로 사용할수 있도록 업데이트 하셨다고 영상봤던거 같은데 못찾겠어서 여기 댓글남깁니다ㅠㅠ 혹시 여러가지 언어로 제공하려면 어떻게 해야하나요? 프로그램이 있는건지 그리고 번역 정확도는 어느정도인지 궁금합니다ㅠㅠ
안녕하세요! 다국어 버전은 따로 언어별로 변역가 분께 부탁해서 index.html 페이지를 해당 언어 버전으로 새로 만들어 연결하였습니다.
감사합니다!
조코딩님 이거 github 에서 코드 쓰려고 하는데 깃헙가니
git init
git add README.md
git commit -m “first commit”
git branch -M main이 줄이 하나 더 생겼는데 어떻게 된거죠 이거 빼고 따라하니까 자꾸 오류가 뜨네요...
브랜치를 선택하는 구문이 하나 더 추가되었는데
add . 으로만 바꾸시고 그대로 다 치셔도 괜찮습니다!
@@jocoding 네 감사합니다
조코딩님! 만약 제가 어떤 게임의 가이드북을 만들면 그 게임에 대한 저작권 같은게 걸릴수 있나요?
상업적으로 활용되고 게임의 이미지가 들어가면 그럴 수 있습니다!
광고도 상업적 이용에 포함되나요?
6:51 초에 따라하다가 잘못했는지 안되서 다시 하는데 에러 뜨는데 어떻게 해야 되나요ㅠㅠ
어떤 에러가 나오시나요?
@@jocoding On branch main
nothing to commit, working tree clean 이런 문구가 나옵니다!
@@jocoding 해결 했습니다! 항상 감사합니다 (별)
조코딩님 항상 영상 잘 보고 있습니다.
영상 잘봐주셔서 감사합니다 전찬호님ㅎㅎ
@@jocoding 저 질문 메일 하나 보냈는데 답변 좀 부탁드립니다!
선생님 netlify 관련 질문있습니다!동물상 테스트 무료 버전을 통해 배포하시고 SNS를 통해 히트를 치고 대규모 트레픽이 유입됬을 때
서버가 터지는 상황을 예방할 수 있도록 무료로 설정이 가능한지 궁금합니다!
도 대규모 트레픽을 소화 할 수 있게 netlify에서 사전 설정을 하셨는지, 이후에 AWS로 바꿔서 설정을 하셨는지 궁금합니다!
저는 계속 netlfiy를 썼습니다! netlify도 대규모 트래픽이 유입되어도 서버는 터지지 않습니다.
카드를 등록해두시면 자동으로 트래픽이 많아지면 bandwidth에 따라서 요금이 청구되며 과도하게 많이 나올 경우 PRO, BUSINESS 등으로 플랜을 늘리시면 더 저렴하게 이용할 수 있습니다!
www.netlify.com/pricing/
@@jocoding 감사합니다!! 월 99불 정도 비용밖에 안되는게 신기하네요!! 제가 외주사를 통해 만든 사이트가 250만명정도 접속을하였는데 AWS를 이용하고있습니다. 서버 비용이 몇백만원 정도 나왔는데, 광고수익이 꽤 나와서 잘 커버를 하였습니다만, 1회성 콘텐츠를 가진 사이트이다보니 지금은 트레픽이 많이 줄어서 서버비용이 간당간당하게 커버되는 수준입니다. 몇가지 사이트를 더 만들어 AWS에 붙였는데 크게 히트를 치지못해 현재는 비용이 크게 부담이 되구요.. 이번에 코딩공부를 본격적으로 배우기 시작하면서 가지고있는 여러 아이디어로 새로운 사이트들을 만들 예정인데 프론트쪽은 제가하고 백엔드쪽은 외주를 맡길 예정입니다. 알려주신 netlify business플랜 사용하게된다면 AWS사용할 때 대비 조심/유의 해야될 점이 있을까요? 그리고 enterprise플랜을 사용해보셨는지 궁금합니다! 번거롭게 질문이 길어서 죄송합니다!
에드디스 사용하면 해당 페이지에서도 쿠키수집동의 창 뜨지않나용? 제거방법이 있나요?
애드센스는 별도로 안뜹니다!
@@jocoding 감사합니다 애드디스(공유) 말씀드린거엿어요!
엇 제가 잘못봤군요 영상에서 나온 것 처럼 F12 눌러서 쿠키 수집 창의 태그와 막는 배경을 지워주시면 됩니다!
@@jocoding 제가 너무 생략해서 썻나봐요 애드디스를 본인 페이지에 넣어서 사용하면 그 페이지 방문자한테도 쿠키 동의 팝업이 떳던걸로 기억을 해서요 추가 작업하신게 있으신가 궁금해서 여쭤봤습니당
요즘 뜨고있는 동물상 테스트,다양한 mbti검사 등 이러한 서비스를 개발하려면 정보가 있어야하잖아요.예를들면 검사결과 거북이상이다 그러면 그에 맞는 특징을 알려주잖아요 이러한 정보는 어디서 얻는건가요?
ruclips.net/video/ZTJjW7XuHIY/видео.html
1편을 참고하시면 여기서 데이터를 크롤링합니다!
조코딩님 덕분에 저도 첫 웹을 만들었습니다 ㅠㅠ 감격!
30만 구독자 이벤트때 응모 하겠습니다~ 구독자 30만 가즈아~
오 축하드립니다!ㅎㅎ 꼭 응모해주세요!
강좌들 정주행 하고 며칠만에 거의 1년동안 고민하던 웹페이지를 만들었습니다. 정말 감사드려요. 한가지 궁금한게 있는데요, 지금 Netlify로 웹페이지를 올렸는데, 수익광고들을 붙이려면 정식 도메인을 구해야 하나요? Freenom에 가서 원하는 도메인명을 여러개 입력해 봤는데 모두 사용불가라고 나오네요. 동물상 웹사이트의 경우 수익광고를 붙일때 그냥 무료 도메인 + Netlify 호스팅으로 하셨는지 궁금합니다.
수익 광고를 올리는데 도메인은 큰 상관 없습니다! 저는 .site 도메인을 가비아에서 구입했습니다! 아래 칼럼을 참고해주세요~ㅎㅎ
m.blog.naver.com/superc_official/221851742848
코딩님 영상 잘 보고 있습니다 ㅎㅎ 질문이 하나 있습니다 제가 사진을 업로드 하고 '사진 바꾸기'를 클릭해 다른 사진으로 업로드를 하면 그 전 사진에 그래프와 설명이 그대로 남아있다 ai 분석후에 분석한 그래프와 설명으로 바뀝니다. 코딩님 처럼 사진 바꾸기 후에 다른 사진으로 업로드를 하면 그 전 데이터가 안뜨게 하고 싶은데 코딩님 원본 코드를 보고 찾아봐도 잘 모르겠네요 ㅠㅠ 해결법 좀 알려주세요 ..
저는 재시도에 javascript 코드로 새로고침을 하도록 만들었습니다!
window.location.reload()를 사용하시면 새로고침 하실 수 있습니다 :)
@@jocoding 답변 감사합니다 ㅎㅎ 코딩님 원본코드에도 있나요?
혹시 기존 생성한 모델을 업데이트 해야 하는 경우에는 어떻게 해야 할까요? 예를 들어 "바나나"와 "사과"를 구분하는 모델을 만들었는데 이미 웹 앱과 모바일 앱을 출시한 상태에서 기존 모델에 "딸기"를 추가하고자 한다면 처음부터 다시 만들고 기존 앱을 업데이트 해야 할까요?
teachablemachine 프로젝트를 저장해두었다가 그 프로젝트를 다시 불러와서 수정하면 같은 주소에 export됩니다!
@@jocoding 오 그렇군요
정말 감사합니다~!
선생님 구름 ide에서는 잘 되었는데, netlify에 deploy된 사이트를 눌러보면 page not found라고 뜹니다. 어떻게 고치나요?? 열심히 만들었는데 속상하네유,,,
선생님!!! html파일 이름을 index.html로 바꾸어 주니까 되었어요!!
오 다행이네요!!!
결과값을 자연수로 어떻게 출력하나요? 자꾸 소수로 결과가 나옵니다.
prediction[i].className + ": " + prediction[i].probability.toFixed(2) * 100 + "%"; 로 코드를 변경하시면 됩니다!
감사합니다
조코딩님 궁금한게 있는데 질문 여기다 해도 되겠죠..?
다름이 아니라, disqus나 addthis 등 웹에 있는 코드를 불러오는 기능을 썼을 때, html파일로 제가 만든 걸 열면 불러오지 못하는 오류가 뜨더라구요
조코딩이 만드신 사이트도 dns등록하신 주소로 가면 문제없이 모든게 뜨는데, github에 올리신 html파일로 들어가면 저런 게 다 안뜨네요 ㅠㅠ 제 컴퓨터에 뭔 문제가 있는걸까요?
컴퓨터가 이상한게 아니고 로컬파일에서는 못하도록 막아놓은 것 같아요! 서버 위에서 돌리셔야 작동하도록 해놓은 것 같습니다.
조코딩 JoCoding 감사합니다! 웹페이지 개설까지 완료했어요! 알려주신건 다 한 것 같네요 ㅎㅎ 웹페이지에 by 조코딩 유튜브 채널도 링크걸어서 똑같이 올려놨습니다! 저도 좀(많이;) 다듬은 후에 광고까지 달아서 내놓고 싶은데 괜찮을까요? myfaceinkdrama.shop 입니다
왜인지 모르겠지만 ㅠㅠ 공유하기가 안됩니다.
다른게 문제인가 싶어 아예 공유하기만 넣은 코드를 실행해도
공유하기 버튼이 나타나지 않습니다.. 아래가 공유하기만 넣은 코드입니다.
왜 안될까요..? 혹시 구름ide만 되나요?
Document
아 해결했습니다!
저와 같은 오류를 겪고 있을 사람들을 위해
댓글은 지우지 않겠습니다.
자체 도메인이 있을경우에만 addthis가 사용 가능하더라구요,
저도 그냥 html파일을 열었을 때는 공유하기가 안보였지만
netlify에서 도메인을 얻고 난후에는 정상적으로 공유하기기능이 작동되었습니다 ^~^
오 좋은 정보 공유 감사합니다!
깃허브를 통하여 명령어를 입력하는 중 문제가 생겨서 질문드립니다.
1. 조코딩님 처럼 new run은 어떻게 여나요? 저는 f5를 눌렀더니 new build 가 생겨서 이곳에 명령어를 입력하였는데 동일한건가요?
2. git commit -m "first commit" 를 입력하였는데 다음과 같은 오류가 뜹니다.
*** Please tell me who you are.
Run
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
to set your account's default identity.
Omit --global to set the identity only in this repository.
fatal: unable to auto-detect email address (got 'root@goorm.(none)')
찾아보니 깃허브에 이름과 이메일이 입력되지 않았다고 하여 깃허브 사이트-설정-이름과 이메일을 등록하였는데도 동일한 오류가 뜹니다.
항상 쉽고 유익한 영상에 감사드립니다^^
구름IDE의 console 창에서 아래 명령어를 한줄씩 실행해서 이메일과 이름을 등록해주셔야해요!
git config --global user.email "이메일 주소"
git config --global user.name "이름"
그리고 다시 시도하시면 되실겁니다ㅎㅎ
정말 좋은 강의 감사드립니다. 다음 강의도 정말 기대가 됩니다!
감사합니다ㅎㅎ 얼른 앱, 수익화쪽도 강의 올리겠습니다!
재밌네요.. 취미로 파이썬 공부하다가 여기까지 들어왔습니다. HTML, CSS, Java는 아무것도 모르지만 한 번 천천히 따라 만들어보려구요!
재미있게 봐주셔서 감사합니다ㅎㅎ 완전 처음부터 보시려면 아래 재생목록을 참고해주세요!
ruclips.net/p/PLU9-uwewPMe19RQNzTdSdewSgw92UI1kl
조코딩 JoCoding 지금 거의 다봤습니다 ㅋㅋ 감사합니다 재밌어요
안녕하세요 조코딩님. 혹시 조코딩님 영상 참고해서 사이트만들고 수익을 내도 괜찮을까요?
네 좋습니다! 사이트에 "제작도움: 유튜브 조코딩 채널" 링크 하나 넣어주시면 감사드리겠습니다ㅎㅎ
조코딩 JoCoding 네 감사합니다!
조코딩님 영상 잘 보고있어요~. 동물상 테스트 재밌게 해봤는데요. 사이트에 언어번역 기능은 어떻게 구현했는지 궁금해서 질문남깁니다.
각 언어별 html 파일을 만든 뒤 자바스크립트로 그 페이지로 이동하는 기능을 넣었습니다!
아하 감사합니다. ^^
조코딩님! favicon 으로 조코딩님 유튜브 사진 써도 되나요? 20만 이벤트 참가하려고요!
오 좋습니다!ㅎㅎ
@@jocoding 감사합니다 20만 이벤트 2개 응모 가능하나요?
@@jocoding 감사합니다^^
영상을 보고 잘 따라하고 있습니다.! 다만 사진을 투입 후 결과가 나타나지 않아서 콘솔부분에서 확인을 해봤습니다.
ReferenceError: Can't find variable: init 이렇게 뜨면서
1.readURL - index.html:122=>init().then(function() {
2.onchange-index.html:62=>
이렇게 나타나는데 어떻게 해결해야할까요ㅜㅜ..?
init이 정의된 부분의 코드에 오탈자가 없는지 확인해보세요!!
github.com/youtube-jocoding/animalface/blob/master/index.html
위 코드와 비교해보시면 좋을 것 같습니다
@@jocoding 안녕하세요! 조코딩님 께서 알려주신 코드와 비교를 해도 틀린 부분이 없는데 어디가 문제일까요ㅜㅜ?
경력 10년차 머신러닝개발자입니다. 주로 알고리즘만하다보니 웹 개발이나 디플로이과정은 잘 몰랐는데 쉽게 알려주셔서 감사합니다. 비전공자로 시작하셨다고 들었는데 대단하시네요! 저도 더 열심히 해야겠다는 생각이드네요 ^^
머신러닝 전문가분께 그런 말씀을 듣다니 영광이네요! 감사합니다ㅎㅎ 더 열심히 유익한 영상 올리겠습니다 :)
저도ᆢ이제 흥미가생기네요
비전공자ᆞ초보로서 막연했는데
조코딩채널보고 따라 하며
프로가되고싶네요ᆢᆢ
유용한 영상계속만들어주세요🙏🙋🙌
혹시 게시판에 글을쓸때 html로도 쓸수있을까요?? 그럼 소스를 어떻게써야할까요?;;; 너무 초보적인질문이죠?;;
kakao developer 로 하려고 다 해놨다가 우연히 이 영상을 보고 이렇게 시도하려고했는데 어떻게 addthis 를 넣어야하나요 ㅠㅠ
영상에 addthis를 사용하는 방법에 대한 강의가 포함되어있습니다!
조코딩님 안녕하세요! 좋은 영상 잘 보고있습니다 감사합니다~ 질문이 있는데 동물상 테스트 결과에서 공룡상에 으로 시작하는 설명은 조코딩님이 임의로 작성하신건가요? 공룡상으로 판별하는건 AI가 해주지만 설명은 어디서 가져오신것인지 직접 쓰신것인지 궁금해요 ㅎㅎ 비슷한 서비스를 만들고 싶어도 상세설명을 어떻게 해야할지 모르겠어서요 ㅜㅜ
상세 설명은 직접 작성하였습니다!
최고 영상입니다!ㅎㅎ 웹사이트를 등록해도 조코딩님처럼 사이트명에 netlify 안나오게 하려면 어떻게 해야하는지 알 수 있을까요!
수정하시려면 별도의 도메인 구매와 등록이 필요한데 아래 영상이나 가비아에서 연결하는 칼럼을 써놓은 것이 있는데 참고하시면 도움이 되실거예요!
ruclips.net/video/-vGJJi1tqW4/видео.html
blog.naver.com/superc_official/221851742848
@@jocoding 감사합니다! 마켓 출시 전 웹에서 addthis 통해서 카톡 공유는 되지만 모바일에서는 안되는데 혹시 어떤게 잘못 된 건지 알려주실 수 있을까요ㅎㅎ;; 감사합니다!
error: src refspec master does not match any.
error: failed to push some refs to 'github.com/toonkev/Animalface2.git' 라고 뜹니다
뭐가 문제인지 알려주세요!
git add 과정이나 git commit 과정이 빠진 상태에서 push를 하신 것 같아요! add, commit 명령어를 실행해주신 후 실행하면 될 것 같습니다 :)
@@jocoding 감사합니다
제가 테스트를 두개를 만들어 넣고 싶은데
a 테스트는
www.test.com/ 라는 주소에 넣고
b 테스트는
www.test.com/ex
라는 주소에 넣는 법도 알려주실 수 있나요?
기본으로 아무것도 안붙은 것은 index.html로 들어가지고 다른 것은 파일 명으로 들어갈 수 있습니다! 즉 ex.html 파일을 index.html 파일과 함께 두시면 www.test.com/ex.html로 접근하실 수 있습니다
@@jocoding 그 혹시 뒤에 .html을 붙이면 구름 ide를 정지하면 꺼지고
그냥 /ex만 하면 구름 ide를 정지해도 안꺼지나요?
8:37 구매하셨나요
네 도메인은 구입했습니다!
그리고 공유해주신 소스와 css 디자인으로 응용한 비슷한 앱이나 웹사이트만들어도 괜찮은가요?
응용하여 새롭게 만드셔도 좋지만 많이 유사하게 만드신다면 출처와 링크는 꼭 포함해주세요! (By 유튜브 조코딩 채널 부분)
네감사합니다.^^
그리고 서버를 사용하실텐데 서비비용은 많이 발생되지 않나요?
사이트 고칠때마다 netlify에 반영되게 하려고 영상 봤는데
저는 5분만에 웹사이트 만들기 영상으로 만들어서 groomide는 사용하지 않고 했는데 6:18에
영상 나오는거 보니 groomide에 명령어를 반영해야 하는것 처럼 보이는데 groomide로 안했으면 그냥 넘어가면 되는건가요??
groomide를 안쓰셔도 터미널 창 혹은 Command창을 이용해서 github와 연동해야해요! 아래 내용을 참고해주세요ㅎㅎ
www.zerocho.com/category/Git/post/581042fdcae2d100152ceae6
혼자 Netlify에서 깃허브연동하는거 엄청 헤맸었던 생각이나네요ㅋㅋㅋ
공유기능도 엄청유용하게 쓰일거같습니다:) 담 영상도기대되네요!
도움이 되셨으면 좋겠군요! 기대해주셔서 감사합니다ㅎㅎ
6:20
로봇.txt랑 sitemap.xml은 추가했는데요
검색엔진에 어떤 키워드가 들어가야 제 사이트가 검색이 될건데 그 키워드는 어디에 입력하는 건가요?
(조코딩님은 동물상 테스트라고 치면 바로 위에 뜨자나요. 근데 저는 비주얼 테스트 이런식으로 쳐도 안떠요ㅜ)
허허 교수님... html에 폰트를넣었는데 제컴퓨터에는 폰트가깔려있어서 잘나오는데 왜 제 핸드폰으로가면 혐딕체로 보일까요..
stackoverflow.com/questions/25741042/google-fonts-not-loading-on-mobile
흠 찾아보니 link 태그를 이용하면 된다고 하네요!
spinner와 AI가 당신의 동물상을 분석중입니다가 결과가 나왔는데도 사라지지가 않는데 해결방법이 있을까요.......?
F12를 눌러 console 창에 어떤 오류가 있는지 확인하고 그 오류를 해결해야할 것 같아요!
다음에 앱 만드신다는것 완전 기대되요! 늘 좋은정보 감사합니다
기대해주셔서 감사합니다ㅎㅎ 얼른 좋은 영상 준비해보겠습니다!
항상 감사합니다. 저같은경우 도메인이 .com이 아니라 .app으로 나오는데 무슨 차이가 있는거죠? .com으로 바꾸려면 어떻게 해야 될까요 ? ㅠ 바쁘신 와중에 좋은 영상 올려주셔서 감사합니다.
요즘 정책이 바뀌었는지 .app으로 만들어지네요 .com으로 접속해도 되긴합니다! 그러나 완전한 .com을 원하신다면 .com 도메인을 별도로 신청하여 등록하시면 해결 가능합니다. 아래 칼럼을 참고해주세요!
blog.naver.com/superc_official/221851742848
@@jocoding 아래 컬럼 참고했는데... 가비아에 Netlify 네임서버까지 연결했습니다. 그런데.. Netlify에 연결된거보면은 Check DNS configuration이 계속 떠있네요.. NetlifyDNS라고 떠야하는데... ㅠㅠ 해당 컬럼에 다른 분들도 같은 증상을 겪고있습니다..
안녕하세요 조코딩님! addthis에서 인스타그램 공유는 따로 버튼이 없는데.. 가장 쉐어를 많이하는 플랫폼이기도 해서 (특히 instagram stories) 추가할수 있는 방법이 혹시 있을까하여 질문드립니다 :)
stackoverflow.com/questions/17673156/instagram-share-photo-from-webpage
찾아보니 공식적으로 지원하는 것은 앱에서의 공유만 지원한다고 하네요!ㅠㅠ
인스타 스토리 공유 : developers.facebook.com/docs/instagram/sharing-to-stories/
인스타 피드 공유: developers.facebook.com/docs/instagram/sharing-to-feed/
와 친절한 답변 감사드립니다 ㅠㅠ 앱까지 얼른 해서 적용해봐야겟습니다
netlify를 이용해서 얻은 주소를 이용해서도 접속이 가능한데 카페24나 다른곳에서 도메인을 발급받아서 연결 하는 이유를 도메인 강의를 봐도 잘 이해를 못하겠습니다.. ㅜㅜ
그냥 netlify에서 얻은 주소를 만족한다면 굳이 연결을 안해도 사용 할 수 있는거 아닌가요?
네 만족한다면 굳이 연결할 필요 없습니다! 그냥 길어서 없어보이니 깔끔하게 하기 위해 연결하는 것입니다!
@@jocoding 넵 답변 감사합니다!!!
네이버 웹 마스터도구에서 링크를 삭제했는데도 웹사이트가 네이버에 떠 있어요.어떻게 지우나요?
robots.txt에서 네이버 크롤링 봇을 막아두시면 금방 없어지실 겁니다!
robots.txt를 지워버렸는데 그러면 못 없애나요?
새로 만드셔도 됩니다! 윈도우 메모장으로 만들어서 txt파일로저장하시면 됩니다 :)
User-agent: *
Disallow:/
Sitemap:사이트명
이런식으로 하면 되나요?
조코딩님 !!! 좋은 강의로 많은정보 주셔서 감사합니다!!
한가지 궁굼한게 url주소를 복사해서 카톡으로 보내면 뜨는 이미지나 글들은 어떻게 만드면 되나요??
보니까 head 중에는 없는거 같은데... 어디에 구현하셨나요 !
그리고 계속 해당 페이지는 없는 페이지이거나 서비스 사용 기간이 만료된 페이지입니다. 도메인을 다시 확인부탁드리며, 만료된 페이지에 대한 연장 사용을 원하시는 경우 아래의 이메일로 연락 부탁드립니다. contact@goorm.io 같은 페이지만 떠요....
blog.ab180.co/open-graph-as-a-website-preview/
Head 부분에 og태그가 있는데 그게 카톡으로 보내면 나오는 이미지입니다!ㅎㅎ
에러는 아마 구름IDE 무료 버전은 계속 서버가 꺼져서 그럴 것 같아요! Netlify에 올려두시면 무제한 계속 사용하실 수 있습니다ㅎㅎ
감사합니다!!
최근에는 공유(AddThis) 기능이 차단되었는지 웹브라우저 콘솔탭에서 보면 ERR_BLOCKED_BY_CLIENT 오류 코드 나오면서 로딩 실패 합니다. 결국 브라우저 화면에도 아무것도 안 보입니다.
그런데, 폰에서는 정상적으로 공유 기능이 표시됩니다. *수정했슴*
공유하기 버튼이 영상에서는 페이스북 카카오 라인 순서로 나오는데, 제가 html 에 입력하면, 카카오 라인 이메일 순서로 나오더라구요
혹시 공유하기 처음 3개 버튼을 특정 매체로 설정하는 방법이 있을까요?
그리고 공유하기말고, 로그인 페이지에 보면 네이버 카카오 구글 아이디로 로그인하기 버튼이 웹사이트를 보다보면 있는데,
혹시 이것도 올려주신 사이트와 같은곳이 있을까요?
항상 감사합니다~
정확히는 모르겠지만 설정에서 뭔가 지정할 수 있었던 것 같아요!
찾아보니 아래와 같은 솔루션들이 여럿 있는데 저도 어떤 것이 좋은지는 안써봐서 잘모르겠습니다ㅠ
auth0.com/learn/social-login/
@@jocoding 아아.. 그렇군요 항상 좋은 영상 감사합니다~!!!
만약 netifly 기본 도메인을 사용해서 웹 최적화, 광고 연결했는데, 다른 도메인을 구매해서 바꾸면 광고 같은거 다시 설정해야되나요?
네 도메인별로 등록하는 것이라 새로 연결하셔야합니다!
아 다른 사람들은 다 addthis 되는 거 같은데, 왜 나만 안되는 건지.
울고 싶다... 하나씩 따야 하나...
ㅠㅠ F12로 개발자 도구를 여셔서 console에 오류가 어떻게 나오는지 확인해보시면 도움이 되실 수 있어요!
조코딩님 ㅠㅠ
루비온레일즈로 구름아이디에서 제작했는데, 구름아이디에서는 페이지 잘되는데, 깃허브에서 넷플리파이로 디플로이 하면 사이트가 안떠요
이렇게 뜨네요...
Page Not Found
Looks like you've followed a broken link or entered a URL that doesn't exist on this site.
제발 도와주세요 ㅠㅠㅠ
Netlify는 static한 웹사이트만 디플로이 가능해서 루비온 레일즈는 Heroku, AWS 등 다른 서비스를 이용하셔야합니다ㅠㅠ
@@jocoding 헉 그런거였군요... heroku, aws도 github이용한 사이트 개설이 가능한가요??ㅠㅠ 또 요금이 안드는 사이트는 없나요 ㅠㅠ
안녕하세요! language option은 어떻게 하셨나요? 전부 HTML을 다신건가요?
네 별도의 HTML을 만들어서 en/index.html 이런식으로 경로를 나누어 이동하도록 해두었습니다!
file-upload부분에 background-image를 이용해서 특정 이미지를 배경으로 만들었습니다! 컴퓨터엔 잘 적용이 됐는데 모바일은 사진 넣는데 까지는 잘 적용이 됐는데
결과 나오는 부분에서 없어져요... 혹시 어떤 문제인지 알 수 있을까요? 배경사진 크기 문제인가요?
그런 것 같습니다. 크롬 브라우저에서도 모바일 사이즈로 테스트해볼 수 있습니다!
prolite.tistory.com/1381
이거 보고 나중에 재밌는 선택게임 만들면 좋겠다 했는데
여자친구가 동물상 테스트 해보라고 이 링크 보내줬어요.. 소름
오ㅋㅋ 요즘 이런 테스트가 SNS에서 핫한 것 같아요! 궁금한 것님도 응용해서 재미있는 서비스 만들어보세요😄
조코딩님 영상 정말 잘봤습니다. 내용이 너무 좋네요. 혹시 저도 동일한 구성으로 수익형 웹 구현해서 배포해도 될까요?
네네! 가능하면 제작 도움 : 유튜브 조코딩 채널 링크 달아주시면 감사드리겠습니다 :)
조코딩님! 정말 좋은 영상 언제나 감사드립니다!! 조코딩님이 올려주신 사이트를 이용하던중 문제점을 한가지 발견해서 이를 해결하고 싶은데 javascript를 이용하는게 처음이라 적용하기가 힘들어서 질문 드립니다. 핸드폰에서 사진을 업로드 하는 경우 사진이 돌아가서 업로드 되는 문제가 있는데,제가 검색해보니 github.com/blueimp/JavaScript-Load-Image#description 의 loadimg() 함수를 이용하라는 코드를 보았는데 이것을 이용하려면 초반에 codepen에서 가져온 image-upload 코드를 다시 뜯어 고쳐야 하는건가요? 아니면 부분만 수정이 가능한건가요..?
오 좋은 라이브러리군요! codepen에서 이미지를 로딩하는 부분을 저 라이브러리를 이용해서 뜯어 고쳐야할 것 같습니다.
아진심 정말 최고야 ㅠㅠㅠ_ 정말 유용한 꿀팁 과 쉽게 가르쳐주셔서 정말 감사해요!! ~~~ 땡큐베리머치
좋게 봐주셔서 정말 감사드립니다!ㅎㅎ
netlify에서 java 파일명은 어떻게 해야하나요??
netlify는 정적 웹호스팅용이라 java 파일을 다룰 수는 없습니다!
저도 웹앱 초보라 알아봤는데, 동적사이트는 Heroku에 대해 알아보시거나 직접 호스팅하시는 서버가 있다면 war 파일로 Export해서 톰켓으로 하실수도 있겠네요^^ 저는 후자로 해결했습니다!
expo로 만든 어플에서는 공유하기 버튼중 카카오 버튼이 동작안하네요 ㅠㅠ 혹시 왜그런지 아시나요
흠ㅠ 왜그런지 저도 잘 모르겠군요..
@@jocoding 안녕하세요. 죄송하지만 expo로 제작된 어플에 대해 질문이 많습니다.
1. 동물상 테스트 어플에서 하단에 탭(동물상 테스트, 정보)을 나누어두셨던데 어떤식으로 구현가능한가요?
2. 어플 초기 설치후, 카메라 권한 설정창이 안떠서 카메라가 동작하지않습니다. 보통 어플을 켰을때 카메라 권한창이 나오던데 어떤식으로 구현가능할까요?
3. 어플내에서 링크등을 통해 다른페이지로 갔을때(광고배너, 유튜브 등), 뒤로가기 버튼을 누르면 그 전 페이지로 가는게 아니라 어플이 꺼져버립니다. 뒤로가기 조작을 할 방법이 있을까요?
1. 아이폰 출시하려고 reactnavigation.org/ 을 활용해서 만들었어요!
2. expo install expo-permissions 이용해서 설치하시고
App.js에 아래 코드를 한번 추가해보세요!
import * as Permissions from 'expo-permissions';
async function cameraStoragePermisson() {
const { status } = await Permissions.getAsync(
Permissions.CAMERA,
Permissions.READ_EXTERNAL_STORAGE
);
if (status !== 'granted') {
alert('카메라/앨범 접근 권한 허용이 필요합니다.');
}
}
componentDidMount() {
this.cameraStoragePermisson;
}
3. blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131
위 글을 참고하시면 도움이 되실 것 같아요!
@@jocoding 업데이트에 참고하겠습니다! 감사합니다!
@@jocoding 2번 내용 중 "import~ 'expo-permissions';"를 제외한 "async function~끝"을 "export default class App extends React.Component {}" 안에 입력해야하나요? 그리고 평션 이름이 'cameraStoragePermisson' 이라고 되어있는데, 하단에 'cameraStoragePermisson' 이 맞을까요?
조코딩님 안녕하세요^_^ 영상보고 동물상 테스트를 참고해서 어플을 구현하고 있는데 여러가지 언어를 만드는 곳에서 구현을 못하고 있어서 고민하다가 조언이 필요할꺼 같아서 문의를 드립니다.
HTML에서 코드만으로 여러나라 언어가 구현이 되는건가요 아니면, 언어마다 해당사이트를 구현하고 연결을 해야되는건가요^^?
시간이 되신다면 자세한 조언을 듣고 싶은데 연락 드릴 방법을 몰라 댓글로 문의를 드립니다.
naeais@hanmail.net로 조언을 해주시면 감사하겠습니다~ 그럼 오늘도 좋은하루 되세요
여러가지 방법이 있는데 저는 다른 언어로된 html 페이지를 만든 다음에 연결시켰어요!
@@jocoding 아 그럼 언어별로 각 사이트를 만들어서 연결한거네요. 도움 감사합니다^_^
조코딩님 혹시 네이버 검색노출 제외 시키는 방법 아시나요?ㅠ User_Agent:* Disallow:/ 인데도 계속 검색어에 뜨는데;; 유지보수업체에서도 모르겠다고합니다.. 자신들과 상관없는거고 크롤링 막는 코드 이미썻다고 .. 직장에서 상사가 자꾸 해결하라고 닥달하는데;; 어덯게해야되죠??
djluna.tistory.com/6
위 블로그에 그 방법이 잘 정리가 되어있는데 meta태그도 반영해보세요! 또, 크롤러가 인식하여 결과에 반영되는데 시간이 좀 걸릴 수 있습니다. 그래도 안되신다면 페이지 전체를 스크립트를 암호화하는 방법이 있을 것 같습니다.
조코딩님 처럼 Jekyll 로 블로그 설정 방법 및 노하우 컨텐츠도 좋을 거 같아요!!
감사합니다ㅎㅎ Jekyll 관련 영상도 조만간 준비해보겠습니다 :)
완성 코드를 보아도 spinner 추가하는 부분이 이해가 잘 안되네요 ㅠㅠ spinner로 사용될 이미지를 따로 다운받아서 추가하신건가요??
getbootstrap.com/docs/4.4/components/spinners/
Bootstrap에 있는 spinner 사용했어요!ㅎㅎ 부트스트랩 사용방법은 아래 영상을 참고해주세요 :)
ruclips.net/video/_YrXKxY8PTY/видео.html
멋있네 이분
그렇게 봐주셔서 감사합니다ㅎㅎ
항상 영상 잘보고 있습니다!! ^_^
스피너 넣을 때 css는 따로 필요없나요?
부트스트랩에서 제공해서 CSS 없이 클래스 이름만 넣어도 됩니다!
감삼다!