완전 쉬운 백엔드의 개념과 로또 번호 추천 사이트 만들기
Вставка
- Опубліковано 14 лис 2024
- 이번 영상은 백엔드, 프레임워크, MVC(Model, View, Controller) 패턴이 무엇인지 배우고 루비온레일즈(Ruby on Rails, RoR)를 이용해 로또 번호 추천 사이트를 만드는 실습 강좌입니다.
백엔드 수업의 시작으로 배우기 쉽고 생산성이 높은 레일즈를 선택하였지만, Ruby 언어 및 레일즈 프레임워크를 깊게 다루기보다는 기본적인 MVC를 배워가는 과정을 중심으로 수업하고 조금이라도 어려울 수 있는 것은 구글링으로 해결하는 방식으로 수업을 진행하려고 합니다.
초반에 올린 코딩 공부 순서 영상에서도 강조한 것처럼 프로그래밍 언어를 깊게 알지 않아도 구글링을 통해 해결하며 배울 수 있는 부분이 많은데 직접 실습으로 보여드리도록 하겠습니다.
이번 수업에서 나온 개념 및 용어를 잘 모르시겠다면 아래 이전 영상들을 참고해주세요!
구름IDE
ide.goorm.io
실습 프로젝트 주소
goor.me/Hcmsq (코드 보기)
lotto-site-bgf... (실제 사이트)
전체 강좌 재생목록 보기
• 코딩 기본 용어 정리, 코딩이 뭐야? 프...
코딩 기본 용어 정리
• 코딩 기본 용어 정리, 코딩이 뭐야? 프...
코딩 공부 순서 영상 (프론트엔드, 백엔드 개념 설명 포함)
• 코딩 배워서 앱, 웹 만들고 싶으신가요?...
HTML 기초 1강, 네이버 해킹하기 (HTML 강좌)
• [HTML 기초 강좌 1강] 태그 이해하...
CSS 기초와 활용, 구글 클론 사이트 만들기 (get, post, bootstrap 개념 포함)
• [CSS 기초와 활용] 구글 클론 사이트...
API의 개념과 활용 (프론트엔드, 백엔드, get, post, 배열 개념 포함)
• [JavaScript 기초와 활용 #2]...
![ENG SUB) [JavaScript Basics&Application #1] Making Starcraft With JS?! (JQuery, Codepen, Bootstrap)](http://i.ytimg.com/vi/z2Cu7gPMq0w/mqdefault.jpg)
코린이 입장에서는 뭔가 결과물을 만들어내는걸 처음부터 끝까지 볼수 있다는게 재밌어요...^^
그렇게 봐주셔서 감사합니다^^ 더 좋은 결과물 만드는 유익한 영상들 많이 올리겠습니다~!
몰라도 되는 건 완전 배제하고 딱 필요한 것만 직관적으로 알려주시네요 지식이 없어도 전체 그림부터 그려놓으니 세부적으로 뭘 알아야 할지도 로드맵이 절로 나오는 영상입니다..아오… 학교교육도 이랬으면 좋겠다
좋은 말씀 감사합니다!
정말 설명이 간단하네요. 프로그래밍 공부하면서 느낀건 매뉴얼을 보면서 답답한 설명들이었는데. 이 영상을 보니 쉽게 생각하는게 좋겠네요. MVC 도 검색으로 설명하는거 보면 되게 설명에 대한 접근성이 떨어진다고 해야하나. 그런데 여기선 Model 은 그냥 데이터 집합이고, View 그냥 화면에 보여주는 것들이고 Controller 는 그냥 조작하는 정도라는 걸 딱 알겠네요. ㅋㅋ
좋게 봐주셔서 감사합니다ㅎㅎ 세부적으로 생각하면 개념이 어렵겠지만 이렇게 큰 개념부터 잡고 나중에 필요할 때 더 심도있게 공부하는 방법도 좋은 것 같아요!
핵심 정보들만 콕 찍어서 얘기해주시고
프로그래밍하는 과정도 너무 재밋게 얘기해주셔서 감사합니다!! 어렵게만 생각했던 언어나 개념들이 쉽게 다가오는것 같아요.
지금까지 코딩공부하면서 어려운 부분이 나오면 지치기부터 했는데 동영상 보다보면 재밋게 보여서 저도 빨리 따라하고 싶어요!!
프론트앤드 공부 순서들 검색하다가 지금 백앤드는 어떻게 개발되는지까지 보고잇네요 ㅋㅋㅋ
좋게 봐주셔서 정말 감사합니다ㅎㅎ 앞으로도 쉽게 배우실 수 있는 유익한 영상들 많이 올리겠습니다 :)
너무 잘 듣고 있습니다. 실습 내용 하나하나 따라하면서 정주행 중입니다.
성공~
동영상 보고 , 혼자서 해보려니 다 잊어버려서.. 동영상 보면서 완성했습니다.ㅋㅋ
좋은 영상 감사합니다~~
오 축하드립니다!ㅎㅎ
우와 공부 전에 이렇게보니까 흥미도 더 생기고 재미있어보여요!
재미있게 봐주셔서 감사합니다ㅎㅎ
재밌습니다! 숫자에 따라 공 색깔도 변했으면 좋았겠지만 아직은 손대기가 어렵네요 ;ㅠㅠ
꿀잼으로 봤네요! 저는 데이터사이언티스트라서 머신러닝만 할줄알지, 서비스화는 또 다른문제더라구요! ! 이렇게 프론트까지 맛을 봐버려서.. 큰일이군요.. 구독완료..! Db연결부분부터 html까지 기다리겠습니다!
Dong Jun Yun 오오 저는 역으로 요즘 데이터사이언스 관심있어서 공부하고 있어요!ㅋㅋ 아래 재생목록에 html부터 db까지 강의 준비해두었습니다ㅎㅎ 참고해주세요~ 코딩 공부 화이팅입니다👍
ua-cam.com/play/PLU9-uwewPMe0ynomccdrAX2CtVbahN4hD.html
백엔드 구조가 어떤 건지 영상 엄청 찾아봤는데 이해하기 어려웠는데 이 영상으로 한 번에 이해했습니다
이해가 되셨다니 좋군요ㅎㅎ 더 도움 드릴 수 있는 영상 많이 올리겠습니다!
친절한 동영상. 감사히 잘 보았습니다. 한가지 여쭤봐도 될까요?
설명해 주신 것처럼 로또번호가 나오는 사이트를 만들었는데
저 인터넷 주소창의 주소로 추후에 별도로 쳐서 들어갈 수 있도록 URL을 유지하는 방법이 어떻게 될까요?
별도로 뭔가를 다른이름으로 저장해서 netlify에 불러와야 하나요?
항상 감사합니다. ^^
영상 잘봐주셔서 감사합니다! Deploy하는 과정이 필요한데요. rails는 백엔드가 있어서 Netlify에 올릴 수는 없고 Heroku나 AWS에 올릴 수 있습니다! 방법은 아래 블로그를 참고해주세요!
wantknow.tistory.com/61
안녕하세요 조코딩님 영상 항상 잘보고 있습니다.
저번에 스윙투웹을 통해서 웹뷰로 넣어서 앱만드는 영상도 보았습니다.
그걸 보고 따라해서, 주문앱을 만들고 싶습니다.
제가 만약 주문했을때, 그 주문 정보를 웹이나 앱에서 DB로 전송을 하는 것까지 하고싶은데..
앱이나 웹에서 주문을함 -> DB에 저장됨 -> 읽고 쓰기 가능 이런 DB관련 실습은 다음에 올라오나요?
영상에서 말씀은 하셨지만, 어떤걸 실습할지를 몰라서.. 너무 궁금해서요 ㅠㅠㅠㅠㅠㅠ
빨리 보고 싶습니다 ㅠㅠ.. 방금 구독했습니다 ^^
오 정확히 제가 다음 강의로 준비하는 것들입니다! MVC 패턴에서 Model을 다루면서
DB에 CRUD (Create, Read, Update, Delete)를 하는 실습을 해볼 예정입니다. 얼른 올려야겠네요ㅎㅎ 구독해주셔서 감사합니다~!
@@jocoding 빨리 올려주신다니 감사합니다. ㅠㅠ 저도 영상 주변에 많이 권하고 공유하겠습니다
@@jocoding 안녕하세요 조코딩님!
많이 부족한 개발자입니다. 마음이 급해서 이렇게 여쭤봅니다. 혹시 어떤 DB 를 사용하실 예정인가요?? ㅜㅜ
허수정 레일즈에서 기본적으로 제공하는 sqlite3로 실습할 예정입니다!
어려운 내용을 쉽게 강의하는 이런 기술은 좀 배워야할듯... 정말 존경스럽습니다.
조코딩님 예전 주식 자동매매부터 많은 도움을 받고있어요 혹시 루비온레일즈 강의는 따로 추천하실만한 컨텐츠가 있으신가요?
컨텐츠 늘 감사드립니다.
좋게 봐주셔서 감사합니다! 요즘 국내에서 루비온레일즈를 많이 안써서 강의도 잘없네요ㅠ 그나마 최신 강의를 찾아보니 아래와 같습니다.
www.inflearn.com/course/%ED%95%98%EB%A3%A8-10%EB%B6%84-%EB%A3%A8%EB%B9%84%EC%98%A8%EB%A0%88%EC%9D%BC%EC%A6%88#curriculum
해외 강의도 전달드립니다!
www.udemy.com/course/the-complete-ruby-on-rails-developer-course/
저 태어나서 처음으로 웹 만들어봤어요. 너무 재밌고 너무 감사해요. 문과출신이라 이런건 담쌓고 살았는데 첫 시작을 했습니다. 조코딩님 감사해요
로또번호까지 성공적으로 만들었습니다.. 감사합니다~
궁금한 점이 하나 생겼는데
번호의 range에 따라 색상을 다르게 가져가고 싶을 땐 어떻게 하면 좋을까요?
예제로 주신걸로 해보니 색은 순서에 따라 확정적으로 밖에 안되어서
10 미만
10이상 20 미만
20이상 30 미만
30이상 40 미만
40이상 50 미만
이렇게 해보고 싶은데요~
음.. 다양한 방법이 있을 수 있겠습니다. 하나의 방법으로는 class의 이름에 따라 공의 색깔이 정해지므로 임의로 나온 숫자의 크기에 따라 controller에서 color라는 배열을 만들어 색을 나타내는 class 명을 조건문을 통해 지정해주고 아래와 같이 class를 루비 코드()로 넣으시면 됩니다!
간단히 코드로 설명드리자면 아래와 같습니다.
Controller
color = []
for i in 0..4
if @lotto[i] < 10
color[i] = ball1
elsif @lotto[i] >= 10 && @lotto[i] < 20
color[i] = ball2
...반복
end
View
lotto[0]
@@jocoding
def index 에 추가
@color = []
for i in 0..5
if @lotto[i] < 10
@color[i] = "ball1"
elsif @lotto[i] >= 10 && @lotto[i] < 20
@color[i] = "ball2"
...
View에 수정
...
감사합니다.
rails g controller lotto 입력했는데.. controllers 안에 안생기네요.. ㅜ.ㅜ
입력하고 엔트치면 조코님 처럼 화면에 안뜨고
번들 업데이터를 실행하면 젬파일의 젬을 사용하여 충돌을 해결하라고 하네요..
200 번째 댓글! 역윽시 조코딩님이세네요! 좋은 영상 감사합니다!!!
오 200번째 축하드립니다!ㅋㅋ
오늘도 1일 1조코딩 했습니닷! 진짜 너무 재밌네요ㅎㅎ
영광이네요!ㅎㅎ 그렇게 봐주셔서 감사합니다 :)
저두여!
따라 만들고 로또 구입 완료ㅎ 감사합니다
오ㅎㅎ 댓글 남겨주셔서 감사합니다. 좋은 결과가 있으셨길 바래요!
와 990회차 5등 6개 나왔네요;;;;;;; 대박입니다...
좋은 영상 감사합니다 질문이 있어서 댓글 드립니다
로또 홈페이지에서는 숫자 구간별 공 색이 다르게 표시 되는데 그 부분은 어떤 css를 복사해와서 어디에 추가를 시켜야 하는 건지 궁금해서 질문 드립니다.
그건 조금 절차가 복잡한데 먼저 나오는 숫자에 따라서 구간별로 특정 색을 나타내는 class값을 구한 뒤 그렇게 구한 값으로 프론트엔드에서 class 자리에 사용하면 됩니다!
@@jocoding 답변 감사드립니다 내일 바로 실습해보겠습니다!
조코딩님 다름이 아니라 아예 아무것도 모르는사람인데 7분대에 쓰고 앤터키를 눌러야하는건가요?? 뭔가 이부분에서 틀려가지구 다른 부분도 안되는갓 같은뎁 ㅠㅠ 알려주세요
tab을 누르면 자동완성이 됩니다!
검색하는 습관은 영어 독해를 잘해야 할거같아요ㅠㅠ번역기부터 돌려야겠네요
아무래도 영어로된 문서가 많다보니 영어로 찾는게 결과가 많이 나오는 것 같습니다ㅠ
번역기의 도움을 받는 것도 좋을 것 같아요!
안녕하세요~ 조코딩 님! 매번 좋은 영상 올려주셔서 정말 고맙습니다:)!!
영상에서 알려주신 설정대로 rails 컨테이너를 만들었는데요,
작업 하려고 들어가 보니 탐색기나 메뉴바가 안보이고 터미널만 보여요..ㅠㅜ;
컨테이너를 제거하고 새로 만들어 봐도 이렇습니다.
컨테이너 생성할 때 뭔가 설정을 빠뜨린 게 있을까요..?
(맥os에서 시도해보고 있습니다.)
엇 데시보드에서 run 버튼을 보니 classic / modern 옵션이 있었는데요,
modern 누르니 메뉴가 보입니다!
고맙습니다^;;^
저번에 질문드린 내용을 인터넷 검색해가면서 해결을 했습니다.
index.html.erb 파일에
var number = document.getElementsByClassName('ball_645 lrg ball');
for (var i = 0; i < number.length; i++)
{
if (parseInt(number[i].textContent) >= 40) {number[i].style = 'background-color:#b0d840';}
else if (parseInt(number[i].textContent) >= 30) {number[i].style = 'background-color:#aaa';}
else if (parseInt(number[i].textContent) >= 20) {number[i].style = 'background-color:#ff7272';}
else if (parseInt(number[i].textContent) >= 10) {number[i].style = 'background-color:#69c8f2';}
else {number[i].style = 'background-color:#fbc400';}
}
이 양식을 넣어서 해결을 했는데
혹시 이러한 구조를 공부를 해보고 싶어서 알아보는데 영어로 어떻게 검색을 해야 루비에 맞게 설명이 나오고
찾기가 힘들어서 또다시 댓글을 드립니다.
이러한 구조 관련 유튜브 영상이나 검색 방법 등이 있으시다면 추천 가능하실까요?
코린이라 질문이 많네요... 매번 늦은 시간에라도 답변 감사드립니다.
해당 내용은 javascript 관련 내용이라 이해하시려면 아래 javascript 강의를 보시는 것을 추천드립니다!
opentutorials.org/course/743
알기쉽게 설명해주셔서 감사합니다.
로또번호생성까지 다 끝났는데, 웨뷰처럼 expo로 apk파일을 만들고 어플출시는 할수 없는건가요?
안된다면 출시까지 대충이라도 진행순서를 알려주실수 있을까요? 미리 답변감사드립니다.
가능합니다! heroku 디플로이, expo 웹뷰 제작하면 앱으로 만들 수 있습니다
@@jocoding 답변 감사합니다. heroku 디플로이 방법을 찾아보고 apk까지 완성해 보도록 하겠습니다.
탐...새끼..에서 뒤로가기 누르려다 목소리가 너무 좋으셔서 참았습니다.
ㅋㅋㅋㅋㅋㅋ 감사합니다
학교 세특에 프론트엔드와 백엔드를 사용해 지도를 만들었다는 내용이 적혔는데 백엔드를 어떤 식으로 사용할지 모르겠어요 지도 안에 있는 특정 지역을 클릭하면 미션이 나오게 할려 하는데 백엔드를 쓰면 어떻게 해야되나요?
특정 지역을 좌표로 표기하여 해당 정보를 DB에 저장하는 용도로 백엔드를 활용할 수 있겠습니다!
감사합니다! 잘 보고 있습니다
제가 돌머리라 이해하기 힘들어요... 직장에서 C#을 배워야하는데 아예 1도 몰라서 뭐가 뭔지도 몰라서 뭐부터 공부해야 할까요?
C#을 배워야 하신다면 C# 기본적인 서적이나 인터넷 강의 등으로 시작하시는 것을 추천드립니다!
ua-cam.com/video/1t9nKrsdkdw/v-deo.html
코딩 공부 분야와 추천 공부 순서는 위 영상을 참고해주세요!
드디어 성공했어요~
홈페이지 적용하거나 후딱 어플 맹글고 싶어요
오 축하드립니다ㅎㅎ 응원합니다!
15:40 가운데 배치 코드:
p{
display : flex;
justify-content : center;
allign-items : center;
}
강의 잘 들었습니다... 근데 제마음대로 변수명을 바꿔서 그런지 아래와 같은 메세지가 뜹니다. "No template for interactive request, TestController#index is missing a template for request formats: text/html" .. 왜그럴까요..
조코딩님 덕에 파이썬 공부도 진척이 있고 구름 IDE 알게 되어 취미가 늘었습니다 ^^ 감사합니다 질문이 하나 있습니다 구름 IDE 컨테이너를 실행하면 일정 시간 이후 종료되더라고요 컨테이너 실행 시간을 어디에서 설정할 수 있나요?
시간은 따로 설정할 수 없고 유료 플랜의 경우 무제한으로 켜놓을 수 있습니다!
@@jocoding 답변 감사합니다 ^^ 그런거죠!! 아무리 찾아도 설정이 없더라고요. 광고 수익이 생기면 프리미엄 결제를 해야겠어요 "조코딩님 덕분에 프로그래밍에 흥미를 느끼고 있답니다" 감사합니다 ^^
안녕하세요 이 영상을 여러번 보고 이해를 했습니다만, 지난번 website에 공개하기 영상(netlify에서 deploy하기)처럼 ruby on rails로 만든 백엔드를 연동해서 웹사이트를 deploy하고 싶은데요 혹시 어떻게 하는건지 알려주실 수 있나요? 항상 좋은 콘텐츠 만들어주셔서 감사합니다 항상 감동 받으며 영상 보고 있는 초심자입니다
Netlify는 정적 웹사이트만 호스팅해줘서 다른 곳을 이용해야합니다. 대표적인 무료 사이트는 Heroku라는 곳이 있습니다! 아래 블로그를 참고하시면 도움이 되실 것 같아요ㅎㅎ
blog.naver.com/xhdtn8070/221236625907
조코딩 JoCoding 이제 이해가 되네요 감사합니다
영상 열심히 보고있습니다!
궁금한게있는데요 회사에서 공부하라고한건 C#언어인데 기본강좌를 들으니 흥미가 안 생깁니다ㅠ 조코딩님 영상은 재밌어서 계속 보고 따라하고있는데 이런 행동들이 C#공부에도 도움이 될수있을까요:?
기본문법은 어떤언어든 비슷하니 도움이 될수 있습니다.
네이티브앱도 자바나 c+ 혹은 코틀린이나 스위프트 배워야 한다고 하잖아요. 그것들이 프런트앤드에요 아님 백앤드에요? 쉽게 프런트 앤드 모바일 구현해 놓은게 있을까요? 서버만 만들어 출시하고픈데
웹이랑 비교해보면 안드로이드의 경우 XML이 HTML 처럼 화면에 표시되는 정보를 나타내고 화면과 상호작용하는 역할은 Java, Kotlin이 JavaScript 처럼 수행합니다. Swift의 경우 Swift UI라는 것도 있어서 Swift 언어로 화면까지 다 만들 수 있습니다. 아래 블로그에서 코드를 보시면 더 와닿으실 겁니다!
Android: developer.android.com/guide/topics/ui/declaring-layout?hl=ko
iOS: medium.com/harrythegreat/swiftui-%ED%8A%9C%ED%86%A0%EB%A6%AC%EC%96%BC-1%ED%8E%B8-%EA%B8%B0%EB%B3%B8%EA%B5%AC%EC%A1%B0-11e7b589e6de
저도 앱 템플릿은 따로 안써봤는데 찾아보니 여러가지 있네요! 아래 블로그에 잘 정리되어있으니 참고해주세요~
coding-factory.tistory.com/209
또, 디자인을 하면 화면 코드를 자동으로 생성해주는 도구도 있습니다. (sketch zeplin) uidesignguides.com/%EC%A0%9C%ED%94%8C%EB%A6%B0-zeplin-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0/
새로 고침이 아닌 번호뽑기란 버튼을 만들어 클릭할때마다 번호뽑기가 되려면 어떤구조로 만들어야할까요?
여러가지 방법이 있을텐데 생각나는 건 2가지가 있네요!
1. 새로고침을 버튼에 포함하는 방법 (버튼에 onClick="window.location.reload()" 추가)
2. Ajax 요청으로 새로고침 없이 변화를 주는 경우
로또 번호 추천하는 액션에 Ajax 요청을 보내서 나온 결과 값으로 화면을 javascript로 바꿔주는 방법이 있습니다. Ajax관련 내용은 아래 영상을 참고해주세요!
ua-cam.com/video/QPEUU89AOg8/v-deo.html
탐색기에서 터졌습니닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 진지하게 듣고있었는데 유우머셨군요!
마침 저도 JSP로 MVC 패턴을 공부하고 있는데요 MVC패턴이 보통 모델2와 같다고 하던데 혹시 모델1을 모델2로 바꿀만한 팁같은게 있으신가요?
저는 모델2가 편해서 모델2로 만들고싶은데 대부분 참고할만한 코드들은 모델1이더군요...!
ㅋㅋㅋㅋ 어설픈 유우머 재미있게 봐주셔서 감사합니다ㅎ
jsp에 대한 지식이 깊지 않아서 꿀팁까지는 없지만 모델1이 Controller 없이 view에 다 구현된 것이니 java 로직들을 모두 controller로 가져오고 화면에 보여줄 최종 결과만 넘겨주어 view에 반영하면 되지 않을까요?!
안녕하세요 :) 영상잘보고 있습니다. 본강의에선 코드입력창을 여러개 동시에 켜서 진행을 하셨는데 그런걸 어떻게 하는건지 궁금합니다. :)
안녕하세요 가오리님! 열심히 공부하고 계시는군요ㅎㅎ 구름IDE의 코드 입력창 보시면 우측 상단에 [|]이런 형태로 생긴 아이콘이 있습니다! 그것을 누르면 화면이 분할됩니다 :)
@@jocoding 안녕하세요 :) 답변감사합니다. 그 아이콘이 없어서 구름 프로그램의 창메뉴를 보니 세로로 나누기가 있어 아이콘이 발생하긴하였으나 html등 파일을 클릭해도 가장 왼쪽 창에서만 켜지네요 ㅠ
가오리 헛 그렇군요ㅠ 상단에 파일명이 적혀있는 탭을 마우스로 끌어다가 빈 공간에 놓으시면 이동시키실 수 있으실 겁니다ㅎㅎ
조코딩님 영상을 보고 멋진 로또 번호 랜덤 추첨기를 만들었는데용 이걸 사용할려면 해야할때마다 구름ide 들어가서 실행시키고 사이트를 들어가야해서 좀 불편한데 계속 사이트를 틀어놓는 방법이 없을까요? 보니깐 돈내면 가능하던데.. 돈안내고는 불가능 한가요?
www.heroku.com/
헤로쿠라고 무료로 서버를 제공해주는 서비스가 있는데 이것을 이용해보시면 좋을 것 같아요! 관련 사용법은 heroku rails deploy로 구글에 검색해보시면 여러 블로그들에서 언급되어있을 것입니다ㅎㅎ
조코딩 JoCoding 감사합니다
어려워서 어제부터 따라해보다가 방금완성하고 두장구매했습니다ㅎ
오오 좋은 결과 있으시길 바랍니다!!
9:11 코드 다 작성하고 열면 페이지에 Connection refused 이렇게 뜨네요....
뭐가 잘 못된걸까요 ??ㅠㅠ
class LottoController < ApplicationController
def index
end
end
Rails.application.routes.draw do
# For details on the DSL available within this file, see
guides.rubyonrails.org/routing.html
get '/gogo', to: 'lotto#index'
end
hihi
Connection refused 면 서버 자체의 문제인 것 같은데 한번 정지시켰다가 다시 run 해보세요!
@@jocoding 다시 해봤는데도 똑같은 문구가 뜨네요 ㅠㅠ
재생버튼 누르면 new run ruby on ralis에 이런 에러메세지가 떠요ㅠㅠ
[!] There was an error parsing `Gemfile`: Undefined local variable or method `esource' for Gemfile. Bundler cannot continue.
# from/workspace/lotto_site/Gemfile:1
# -------------------------------------------
> esource 'rubygems.org'
git_source(:github){ |repo|"github.com/#{repo}.git" }
# -------------------------------------------
esource 인 것 보니 아마 workspace/lotto_site/Gemfile 경로에
resource 글자에서 실수로 r 글자를 하나 지워서 esource 가 된 것 같아요! r을 추가해주시면 될 것 같습니다.
@@jocoding 고치니까 되네요!! 잘 가르쳐 주시고 답변해주셔 감사합니다~ :)
재밌네요 ㅎㅎㅎㅎ 새로운세상
로또분석도대나요?번호는344번을입력하면그번호가나온건가요?
조코딩님 QA로 근무하고 있습니다. QA라고 민망할 정도로 단순테스터 수준의 실력인데.. 제 발전을 위해서는 무엇부터 공부를 해야할 지 모르겠습니다. 조언을 좀 해주실 수 있을까요.
안녕하세요 Carl Lim님! 제가 지금 일하는 곳에 QA분이 안계셔서 QA쪽으로 공부하는 방향은 잘 모르겠네요ㅠㅠ 관련 내용을 찾아보려고 검색해보니 아래 블로그가 인상깊었습니다. 기술적 지식을 바탕으로 QA 툴을 잘 다루는 것이 중요한 것 같다는 생각이 드네요! 배민에서는 appium, selenium, sitespeed.io(+yslow), postman-newman 등을 이용한다고 하는데 이러한 툴을 공부하고 다양한 케이스의 사례를 공부한다면 QA로써 어디서나 인정받을 수 있지 않을까요?!
woowabros.github.io/woowabros/2017/07/23/QA-not-integrationTest.html
@@jocoding 친절한 답변 감사합니다. 참고해서 공부할게요.
당신최고야
ㅎㅎ 그렇게 말씀해주셔서 감사합니다 :)
탐색기 재밌네요 ㅋㅋㅋ 감성이 아재야
백화랑 ㅋㅋㅋ 아재개그 재미있게 봐주셔서 감사합니다🙇🏻♂️
수자가 정렬이 안됩니다.그냥 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45] 순서로 나오는데요.무엇이 문제일까요?
저도 그런데 뭐가 문제일까오
너무 잘보고 있습니다!감사해용!!
그런데 마지막에 스타일시트에서 복권공홈 css 코드 전체 복붙해서 가져왔는데 공 색깔이 다르더라구요
그래서 원하는 공 색깔이 있는 다른 회차 사이트에서 복붙해왔는데도 그 전이랑 똑같이 나와서요
혹시 최근 회차로만 적용이 되는건가용?ㅠㅠ
좋게 봐주셔서 감사합니다ㅎㅎ
CSS를 조금 더 구체적으로 보시면 아래 처럼 class의 ball(숫자)에 따라서 색깔이 결정되는 것을 확인하실 수 있습니다. 따라서 예를들어 class를 class="ball_645 lrg ball1"에서 class="ball_645 lrg ball2"로 바꾸면 노란색에서 파란색으로 변경되는 것을 보실 수 있으실겁니다 :)
/* 645 ball */
.ball_645 {display:inline-block; border-radius:100%; text-align:center; vertical-align:middle; color:#fff; font-weight:500; /* text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); */}
.ball_645.lrg {width:60px; height:60px; line-height:56px; font-size:28px}
.ball_645.sml {width:24px; height:24px; line-height:22px; font-size:13px}
.ball_645.not {color:#777}
.ball_645.sml.not {font-weight:300}
.ball_645.ball1 {background:#fbc400; text-shadow: 0px 0px 3px rgba(73, 57, 0, .8)}
.ball_645.ball2 {background:#69c8f2; text-shadow: 0px 0px 3px rgba(0, 49, 70, .8)}
.ball_645.ball3 {background:#ff7272; text-shadow: 0px 0px 3px rgba(64, 0, 0, .8)}
.ball_645.ball4 {background:#aaa; text-shadow: 0px 0px 3px rgba(61, 61, 61, .8)}
.ball_645.ball5 {background:#b0d840; text-shadow: 0px 0px 3px rgba(41, 56, 0, .8)}
table tr td .ball_645.sml {margin:0 3px}
@@jocoding 이전에 한번 보고 다시 해보려니 윗분과 똑같이 공 색깔이 눈에 띄네요. 볼 색을 임의로 지정은 가능한 것 같은데 추첨되는 번호에 따라서 공 색이 지정되어야 하는데 그건 어떻게 하나요?
1회부터 지금까지 당첨된 모든 6개조합을 모두 제외시키고 그번호만 안나오게 하고 싶은데 어떻게 할수 있을까요?
그리고 예를들어 1~10까지 와 30~40까지의 숫자만 조합해서 모두 나오게 하려면 어떻게 할수있을까요? 그때그때 수정을 해야하는건가요?
간단한 db를 갖추고 거기의 자료를 가져와서 보여주는 것도 알ㄹ려주세요!!😆
ua-cam.com/video/2CHkds265N8/v-deo.html
여기서 다루었습니다!
현재까지의 로또 1등 당첨번호를 데이터베이스로
확률을 높여 추천해주는 프로그램을 개발해 보고싶은데 이런 프로그램은 알고리즘 자체를 개발해야 하나요? 아니면 머신러닝을 통해서 상관관계? 같은 걸 찾아내서 개발 할 수 있을까요?
머신러닝을 통해서 상관관계를 찾으면 될 것 같아요!ㅎㅎ 아래 유사한 방식으로 시도해보신 분의 블로그 URL 첨부드립니다. myeonguni.tistory.com/1577
답변해주셔서 정말 감사합니다.
본업이 따로 있는데 관심이 많아서 영상을
많이 찾아보며 공부하고 있습니다.
제가 봐온 컨테츠 중에 딕션이나 컨텐츠 이용자의 눈높이 고려나 여러 측면에서 단연 최고인것 같습니다.
즐거운 주말 보내셔요~
William Im 그렇게 봐주셔서 감사합니다ㅎㅎ William lm님도 즐거운 주말되세요 :)
처음에 콘트롤러 만들때 You may have encountered a bug in the Ruby interpreter or extension libraries.
Bug reports are welcome.
For details: www.ruby-lang.org/bugreport.html 라는 오류가 뜨네요...
gem uninstall sqlite3
gem install sqlite3
명령어 창에 한줄씩 입력해보시고 다시 시도해보세요!
출처: stackoverflow.com/questions/40770482/rails-console-doesnt-work-you-may-have-encountered-a-bug
했는데도 안되네요..ㅠㅠㅠ
실제 협업에선 같은 프레임워크내에서 개발을 진행하게 되는 건가요?
네 맞아요!
Killing Point 5:25
와 드디어 백엔드! 둑훈-둑훈 :)
백엔드 공부도 화이팅입니다!ㅎㅎ
조코딩님 구름 IDE 쓰시는데 혹시 괜찮으시면 구름 대신 vscode + docker 로 작업하는 영상 헌정해도 될까요
넵 docker를 다루는 것도 조만간 영상에서 보여드리겠습니다ㅎㅎ 그러나 구름IDE가 초보자들도 따라하기 쉽고 엄청 간단해서 유용하게 쓰고 있어요! 주로 구름IDE로 작업하는 것이 많을 것 같습니다.
근데 질문이 있는데요, view 별로 컨트롤러에서 다르게 만들 잖아요. 그런데 예를 들어 index1이라는 이름을 가진 view에서 @lotto라는 변수를 만들었는데, index2라는 view에서도 @lotto라는 변수를 쓰려면 어떻게 해야 하나요? 방법이 있나용?
탐색기~ ㅋㅋㅋㅋ 빵터졌어요. 그럼 중학교 애들이 싫어하는 사람은? 초코딩? ㅋㅋㅋㅋㅋㅋㅋㅋㅈㅅ함에 구독ㅋ
Great!🍧🍧🇩🇪🇩🇪🇩🇪🇩🇪🇩🇪💓🙋♀️
조코딩님 vs code에서도 구름ide처럼 루비온레일즈 사용하는 방법 알려주실수 있나요 ㅠㅠ
gorails.com/setup/windows/10
설치하는 과정이 조금 복잡하네요ㅠ 가이드 첨부드립니다!
@@jocoding 정말 감사합니다!! 영상 잘 보고 잘 배우고 있습니다.
안녕하세요! 조코딩님! 무작정 따라하면서 개발공부 중인데 혹시 제 블로그에 기록을 해도 될까요? 물론 참고 url은 남기구요!
네 그럼요! 출처 남겨주시면 감사드리겠습니다ㅎㅎ
@@jocoding 감사합니당
14분43초에 오른쪽 하단 단축키 누르는거 뜨는곳에 back1화살표 는 어떤 단축키인지 알 수 있을까요?
엇 그냥 복사해두고 0으로 되어있는 것을 지우면서(back) 화살표를 옮겨가며 숫자를 쓴 것 뿐입니다.
@@jocoding 아 그렇군요 ㅎㅎ 답변 감사합니다~
View에 해당하는 것은 front-end의 역할이 아닌지요?
View에서 Controller에서 받는 정보를 바탕으로 HTML, CSS, JS 붙여서 클라이언트로 보내주게 됩니다.
즉, 클라이언트가 보는 화면은 View에서 만들어진 것이라 Front-End라고 할 수 있습니다!
결국 나누는게 조금 애매하기 하지만 Controller, Model이 백엔드로 보는게 맞는 것 같습니다.
CCL 자주 애용해주세요~~~
매번 잘 이용하고 있습니다ㅎㅎ 감사합니다~~
수업 8분에 나오는 라우터 가이드 페이지로의 이동을 어떻게 하는지요? 보면 그냥 하시는 것 같던데 도저히 모르겠습니다.
드래그 한 주소를 인터넷 브라우저에 붙여넣어서 들어갔습니다1
@@jocoding 네ᆢ감사합니다
아.. 탐색기에서.. 졌다... 웃으면 안 되는 건데.. ㅋㅋㅋ
ㅋㅋㅋ 재미있게 봐주셔서 감사합니다!
ㅋㅋㅋ 인정!
구름 IDE에서 작업을 했는데... "connection Refused가 뜨네요.. 뭐가 문제일까요???
처음에 hihi는 문제가 없었는데요...
흠 구름 내부 문제일 것 같은데 구름 홈페이지 우측 하단에 문의하기가 있는데 거기에 문의해보세요!
고맙습니다.
잘 봤습니다! 다 보는동안 구름IDE 의 컨테이너 생성이... 완료되지 않았네요 ㅠ 컴이 느린가봐요
감사합니다!ㅎㅎ 구름IDE의 문제일 수 있겠어요ㅠㅠ 홈페이지 우측 하단에서 채팅으로 문의할 수 있습니다!
그거 그 페이지를 끈 다음 다시 켜면 생성돼 있어요
안녕하세요. 웹개발 초짜인데요, 여기저기 검색해도 답을 구할 수가 없어서 조코딩님께 댓글을 남깁니다.
사이드바 구현에 문제가 있습니다.
모든 페이지에 사이드바를 표시해야해서, 저는 jinja2 에서 제공하는 extend 를 사용해서 모든 페이지가 sidebar.html 을
상속받도록 해봤습니다.
사이드바에 A, B 라는 두개의 메뉴가 있고, A 를 클릭하면 A가 펼쳐지면서 a1, a2 라는 서브메뉴가 나타납니다.
그래서 a1, a2, B 는 각각의 페이지를 링크하는거죠. (a1, a2, B 가 링크하는 페이지는 sidebar.html 을 extend 함)
이렇게되면 구현까지는 되지만 사용상에 문제가 발생됩니다.
a1 을 클릭하면, 그 페이지로 이동하면서 펼쳐졌던 A 메뉴가 다시 접히는 겁니다.
당연히 그렇겠죠. 왜냐면 a1 은 sidebar.html 을 상속받았으니 다시 초기화돼서 나타날테죠...
A가 늘어났던 걸 유지하려면 어떻게 해야될까요??
근본적으로 sidebar.html 을 extend 하는게 과연 옳은 방법 맞나요??
왠지 사이드바는 global 하게 한개만 존재해야 될 것 같은데 말이죠...
초짜입니다... 가능하면 설명 부탁드립니다. ㅠㅠ
음.. 어떤 것으로 구현하고 계신가요? 페이지 전환 없이 그냥 하나의 sidebar.html에 javascript로 모든 내부 내용을 구현하면 되지 않을까요?
@@jocoding bootstrap 에서 가져온 것들로 붙여넣기하면서 간단한 html 과 css 만 수정해서 만들고 있습니다.
각 페이지들의 내용들은 chart.js 를 사용한 차트들입니다.
말씀하신 방법은 어떻게 하는건가요ㅠㅠ
sidebar.html 에 다 넣는다고 하면,
메뉴의 a1 을 클릭한 경우, a1 의 엔 무엇을 넣는거에요?
저는 이런식으로 했거든요... (할 줄 아는게 없어서..)
+
방금 검색해보니 JS의 onclick 을 사용하는 방법이 있는 것 같군요.. 그러면 onclick 이면 사이드바를 제외한 화면을 다 지우고 새로 그리는 방법인가요? @_@
페이지의 내용이 모두 chart.js를 이용하는 것이고 데이터만 바뀐다면 onclick으로 데이터를 바꿔주는 함수를 만드셔서 연결하시면 됩니다!
ex) onclick="changeChart('a1')"
fucntion changeChart(data) {
if(data == "a1") {
a1차트 그리기
} else if (...
}
@@jocoding 감사합니다. href 에서 벗어나야겠네요 @_@
그대로 했봤는데 번호 색깔이 주황색으로만 나와서 뭐가 문젠지 모르겠음요
05:38 에 나오는 탐색기쪽에 직접해보니 프로젝트에 .temp 파일만 있으면 어떻게 해야할까요 ㅠ
05:57 겁먹고 싶은데 temp밖에 안뜨는데 어떻게 하면 좋을까요??
헛ㅠㅠ 아마 구름IDE의 일시적 오류이지 않을까 싶네요.. 컨테이너를 삭제하신 후 다시 생성해보시면 잘 되실 것 같아요!
@@jocoding 저도 삭제하고 다시 만들었는데, flowconfig 이거하나만 더 생기고, 겁먹지 못하고 있네요 ㅠㅠ
여기서 사이트를 만들고 구름 ide를 끄면 안들어가지던데 꺼도 들어갈수있게 할순없나요?
유료 결제를 하면 항상 켜두기 기능을 사용하실 수도 있고, Heroku, AWS 등 다른 외부 서버를 이용하시면 계속돌리실 수 있어요!
컨테이너 생성에서 거의 다운수준인데 컴사양과도 관련이 있나요?
영상속 cpu 점유율 보면 0.47% 이렇게 나오는데 제 컴에서는 100%가 넘어갑니다
흠.. 컨테이너는 서버에서 생성하는 것이라 로컬 컴퓨터와는 크게 상관 없을 것 같은데 브라우저도 cpu를 많이 잡아먹나보네요ㅠ
@@jocoding 그냥 되려니 하고 내버려두니까 깔리긴 하네요 ㅎ
저 아래 누군가 나갔다 오면 설치 돼있다고 하는데 그래봐야 나중에 에러만 나네요.
답변 감사합니다~ ^^
브라우저를 크롬보단 마이크로소프트 엣지를 추천드리며 cpu도 최소 6코어 이상 씨피유 사용하시는게 좋을거같아요
rails g controller lotto 치고 엔터를 누르면 자꾸 오류가 나요.... 몇 번을 다시 해봐도 그래요..😂😂😂 처음부터 제대로 따라했는데도 이러는 이유가 뭘까요?ㅜ.ㅜ
헛 혹시 오류 메세지가 어떻게 나오시나요?
@@jocoding [NOTE]You may have encountered a bug in the Ruby interpreter or extension libraries.
Bug reports are welcome.
For details: www.ruby-lang.org/bugreport.html 라고 메시지가 뜨는데 해결방법을 모르겠어요...
계속 실행해도 connection Refused화면만 떠서 낙담했는데, 구글링하면서 해결방법을 찾아 결국 만들었습니다!!!!!!!!!!!! 좋은 영상 언제나 감사합니다!!
저..혹시 어떻게 해결하셨나용..?
감사합니다!
댓글 남겨주셔서 감사합니다ㅎㅎ
@@jocoding 앱, 웹 만드는건 무지한데 잘 보고 있습니다😀
ㅎㅎ 감사합니다. 딥러닝호형님의 딥러닝 지식과 결합되면 엄청난 시너지가 날 수 있겠네요!
터미널에서 뭘 잘못썼는데 백스페이스 눌러도 안지워지는데 어떻게해야하나요...?
닫았다가 새로 열어보세요!
@@jocoding 그러면 지금까지 썼던 명령어들까지 없어지는거아니에요...? ㅜ
저는 구름 컨테이너를 생성 했을 때 프로젝트 패널 밑에 많은 폴더들이 뜨지 않고 제가 만든 컨테이너 이름 폴더 밑에 index.rb 하나만 떠요. 왜그럴까요?
rails로 생성하신 것 맞으신가요? 혹시 안되신다면 구름IDE 우측 하단에 있는 문의하기로 문의해보세요!
조코딩님이 조모건님 이신가요? 책좀 살려고요, 코딩입문자용으로 회사퇴직후 제2의 직업을 가져보려고 합니다. 정보처리기사2급 하나 있구요. 전혀 컴맹, 코딩맨입니다. 40대 중반인데 열심히 하면 가능성이 있을까요? 도움되는 조언 좀 부탁부드립니다. 추천 도서좀 같이. vippory@naver.com
저는 조모건님 아닙니다! 적성만 맞는다면 불가능한 것은 없는 것 같습니다. 30대, 40대, 그리고 50대에 개발자가 된 300명의 이야기가 도움이 되실 것 같아 블로그 게시물 첨부드립니다!
medium.com/@kris_hwang/30%EB%8C%80-40%EB%8C%80-%EA%B7%B8%EB%A6%AC%EA%B3%A0-50%EB%8C%80%EC%97%90-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EB%90%9C-300%EB%AA%85%EC%9D%98-%EC%9D%B4%EC%95%BC%EA%B8%B0-%EB%B2%88%EC%97%AD-8f8d39866ac4
12:44 어떻게해야 나오는지 몰라서 반쯤 포기했는데
구글에 (언어 or 프레임워크 이름) + (하고자하는 행위)로 검색하면 웬만한건 다 해결책이 나옵니다!ㅎㅎ
다 따라하고 홈페이지에 번호가 뜨는데 두줄이 뜹니다 이유를아시나요?
두줄뜨는데 밑줄만 css적용되고 위에는 그냥css 적용안된체로 나옵니다
항상감사합니다 ㅎㅎ
흠 코드가 없으니 어떤 것인지 잘 모르겠네요ㅠ erb 코드를 여기에 올려주세요!
앞에서 배운 .css에 적용했던 파일들은 어디에 넣으면 되는건가요?
app/assets/stylesheets/application.css.scss 여기서 작성하시면 됩니다!ㅎㅎ
@@jocoding 정말 감사합니다. 조코딩님 덕분에 판교로 제가 만약에 가게된다면 연락한번 드리겠습니다 ~!!
조 교수님 안녕하세요
처음 코딩 하는 사람 입니다
VS code 에서 ! Tab 하면 아무일도 일어나지 않습니다
어떻게 해결하나요
그럼 좋은 하루 되세요
ua-cam.com/video/kRB3DTaJifI/v-deo.html
위 설치 가이드에 따라서 vscode를 설치해주시고 .html 파일을 생성하시고 ! + Tab을 진행하시면 되실겁니다!
그대로 따라했는데 9:10 쯤 접속하려니 Connection refused 라고 뜨는데 이건,,,뭐가 문젤까요 ?? ㅜ
서버가 꺼진 것 같아요! 다시한번 재시동 해보시면 좋을 것 같습니다
근데 뒤에 /어쩌고 로 get방식 같은 거 사용 안하고 그냥 접속했을때는(그 맨처음에 들어가면 막 yay! you're on ralis! 그 페이지 있잖아요) 그 곳에 코딩한게 나오려면 어케 해야 하나요?
shuttlekim.tistory.com/9
위 블로그를 참고해주세요!
@@jocoding 감사합니당^^
7:20 자막 지어줍니다를 왜 지워줍니다로 말 했어요?
헉 오타네요ㅠㅠ 죄송합니다
구글에 개발자 탭에서 저 공 사진을 png나 이미지 형식으로 다운 가능 한가요??
CSS로 이루어진 것이라 이미지로는 캡쳐하지 않고는 안될 것 같습니다.
유익한 영상 감사합니다ㅎㅎ
유익하게 봐주셔서 감사합니다ㅎㅎ
5:30 ...
제가 이거 따라보고 그대로 만들어서 웹>앱 제작하는 영상보고 할려고 했는데 컨테니어를 닫으니까 사이트가 실행이 안되더라구요, 혹시 이렇게 만든 웹사이트로는 앱을 만들수 있는 방법이 없을까요?
컴퓨터가 꺼지면 서버도 꺼져서 디플로이가 필요합니다! heroku, aws 등 클라우드를 이용해 deploy 하시거나 구름IDE 자체에서 유료 플랜 사용하시면 항상 켜두기를 사용하실 수 있어요!
@@jocoding netlify에서 하던 deploy로 해도 괜찮나요?
로또 사이트 이쁘게 꾸몃는데 저장을 안해서 날아가 버렸다..
헐ㅠ 저장은 습관처럼 해야하는 것 같습니다ㅠ
탐색기 할때 뿜었다 ㅋㅋㅋㅋ
ㅋㅋㅋ 재미있게 봐주셔서 감사합니다!
장고 장고!
Django!
오류 계속 뜨니까 암걸릴것같아요...
ㅠㅠ 오류는 코딩에서 필연적으로 계속 생기는 것 같습니다..
루비온레일즈와 netlify 연동을 어떻게 하면 되는건가요? 감사합니다. rainxlh@gmail.com
netlify는 정적웹사이트를 호스팅하는 곳이라 루비온레일즈는 호스팅하지 못하고요. 대신 Heroku 같은 무료 서비스가 있습니다! 방법은 아래 url을 참고해주세요!
blog.naver.com/xhdtn8070/221236625907
@@jocoding 감사합니다. 조코딩님... 예제분이 superlotto.netlify.app/ ,,,이렇게 넷트릿파이로 구축해서 ,,이분은 아예 정적웹사이트로 전부 전환한건가요 ??
북유모 이분은 레일즈를 쓰지 않고 백엔드 없이 정적웹에 자바스크립트로 구현해서 저렇게 가능했습니다!
@@jocoding 감사합니다.
게이츠랑 탐이랑 얼마나 사이가 안좋길래 ㄷㄷ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
근데 그러면 탐색기를 말하면 안 되네요?ㅋ 욕이니까... 빌 게이츠가 한국 욕을 할 줄 알았다니...ㅋㅋ
어렵네여
ㅠㅠ 백엔드는 화면에 보이지 않는 영역이라 처음 접하시면 구조가 조금 어려울 수 있을 것 같아요..
그래도 논리적으로 어려운 것이 아니라 익숙하지 않은 것일 뿐이니 금방 익히실 수 있으실 겁니다!
당첨 안되쓰...ㅎ