MVC 웹 프레임워크가 뭔가요?
ฝัง
- เผยแพร่เมื่อ 13 ก.ย. 2024
- #MVC #프레임워크 #스프링
스프링, 장고, 라라벨... IT와 관련된 분이라면 한 번쯤은 들어보셨죠?
정적웹, 동적 웹 편에서 단순하게 PHP로 작성했던 수준을 넘어서
보다 체계적인 틀 안에서 동적 웹을 제작할 수 있도록 해주는
MVC 프레임워크를, C#의 .Net 프레임워크 예제와 함께 알아보기로 해요.
= = =
🏠 얄코사이트: www.yalco.kr
🛒 개발자스티커 구매: smartstore.nav...
🎥 가장 쉬운 Git 튜토리얼: • [고정댓글필독] 가장 쉬운 Git 강좌 ...
🎥 포인터 쉽게 알아보기: • 포인터가 뭐고 왜 쓰는건가요?
🎥 객체지향에 대해 알아보기: • [구버전, 고정댓글 필독!!] 객체지향 ...
🎥 객체지향 디자인 패턴: • 객체지향 디자인패턴 1
🎥 함수형 프로그래밍이란?: • 함수형 프로그래밍이 뭔가요?
🎥 쿠키 vs 세션 vs 캐시: • 쿠키, 세션, 캐시가 뭔가요?
🎥 프로세스와 스레드: • 프로세스는 뭐고 스레드는 뭔가요?
🎥 비동기 프로그래밍: • [코딩만화] 비동기 프로그래밍이 뭔가요?
🎥 REST API 알아보기: • [구버전 - 고정댓글 필독] REST A...
🎥 GraphQL 알아보기: • [고정댓글 필독] GraphQL이 뭔가요?
= = =
🎬 영상 주요 포인트
⚙️ MVC의 개념
...
뭔가가 거대해지고 복잡해질때는
특정 기준으로 분리, 모듈화해서 접근하곤 하죠.
국가기관을 입법, 사법, 행정으로 나누듯이
웹사이트를 비롯한 소프트웨어에는
Model, View, Controller
MVC란 접근법이 많이 사용돼요.
View 하고 Controller는 그래도
척 들으면 아 이거겠다 싶을거에요.
View는 눈에 보이는 것,
웹의 경우 html이랑 css로
나타내는 요소들일 것 같죠.
맞아요.
Controller 하면 말 그대로 뭔가를 제어하는 것
아마도 프로그래밍이 이 부분에서
많이 이뤄질 것 같은 느낌이죠?
Model, 이게 좀 아리송할거에요.
MVC에 대한 설명들을 봐도 무슨 상태를 저장한다느니
알 수 없는 얘기들을 하는데
그냥 '데이터'에 관련된거라 생각하시면 돼요.
🏛 라이브러리 vs. 프레임워크
다행히도 여러 회사 비영리 단체, 혹은 개인들이
이 MVC 구조의 기본 설계가 갖춰진 상태인
MVC 웹 프레임워크란 걸 제공해요.
건물의 기초 골격과 수도, 전기, 난방이 설치된 채로
사용자가 원하는대로 집을 개조하고 꾸밀 수 있게 제공되는거죠.
'프레임워크'는 남이 이미 짜놓은 코드란 점에서
'라이브러리'와도 비슷한데
'라이브러리'가 각각 개별적인 기능들
즉 문짝이나 욕조 등의 부속품이라고 한다면
'프레임워크'는 이것들이 연결되어
기초적인 제품 형태를 갖춘 상태를 말해요.
쉽게 말해서, 가져다 쓰는게 '라이브러리'고
기본 틀로 삼아서 그 위에 뭘 덧붙여 만드는게 '프레임워크'인거죠.
💡 더 쉽게 이해하자면
내가 뭔가를 가져다 쓴다는 느낌이 들면 라이브러리 (내가 갑)
내가 무언가의 틀 안에서 작업한다는 느낌이 들면 프레임워크 (프레임워크가 갑)
= = =
🎵 엔딩송 : 권민호, 김한영 - Let's Dance
🎼 자료출처 : gongu.copyrigh...
🎼 Music promoted by DayDreamSound : • Video
!['스프링'과 '스프링 부트'의 차이 [ 스프링 부트 (Spring Boot) ]](http://i.ytimg.com/vi/YSsl5-q2BR4/mqdefault.jpg)
아래 링크에서 추가정보를 확인하세요!
www.yalco.kr/12_mvc_framework/
이렇게까지 MVC를 명료하게 설명해준 강좌는 처음입니다. 영상 볼 때마다 느끼지만 항상 감사드립니다. 주변에 새로 시작하는 지인들에게 소개 많이 할게요
오오 감사합니다 ㅠㅜ
워라벨대신 라라벨 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ설명 너무 잘하세요
ㅎㅎ 재밌게 봐주셔서 감사합니다!
방심하다 빵터졌네요 ㅋㅋㅋ
이렇게 알차고 이해쉽게 정리하는것 쉽지 않은데 궁금했던 분야마다 좋은 영상 만들어주셔서 너무 감사합니다. 영미권 어느영상보다 좋은것 같아요.
감사합니다!!!
우와 말씀이 빠르신데 귀에 속속 들어오네요 ㅋㅋㅋㅋ 너무 좋습니다
좋은 자료 감사합니다~
감사합니다!!
저 대학다닐때 전공수업에서 자바 스프링프레임써서 웹사이트 만들었거든요. 그때 MVC개념을 배웠는데 좀 헷갈리고 어렵게 배웠던 기억이 나네요. 진작 알았담 엄청 쉽게 개념배우고 쉽게 공부했을듯... 설명을 너무 간단 명료하게 잘해주시네요.
감사합니다!!
절대 없어져선 안 될 채널... 너무 감사합니다
MVC 매번 이해 못했는데 이렇게 알기 쉽게 설명해주셔서 감사합니다ㅠㅜㅜㅠㅠㅠ
mvc설명을 6분컷하시다니... Git똥 차네요 ㅋㅋ 비유가 너무 적절해서 무릎을 탁 치고갑니다
와아아아아 너무 최고에요!!돈주고 봐도 후회안할만한 강의에요👍👍🤭
감사합니다!!
영상 여러개 몰아서 보고 있습니다. 용어 개념과 비유가 머리에 쏙쏙들어오네요. !
감사합니다!!!
MVC보러 왔다가 라이브러리하고 프레임워크 이해하고 갑니다~ 영상들 너무 좋네요 감사합니다
감사합니다!
너무 제 눈을 똑바로 보고 얘기하시는 것 같아서 선생님같아요 ㅋㅋㅋㅋㅋㅋㅋ 좋은 설명 감사합니다!!
전반적으로 프로그래머로서 알아야 할 내용을 다뤄주시는 것 같아요~
동영상이 길지 않고 주제도 헷갈리고 아리송했던 내용을 다뤄주셔서 호기심 갖고 보기 딱 좋습니다.
저번에 올려주신 깃허브 소개 동영상 보고 바로 찾아서 사용해봤어요!!
앞으로도 코딩에 대해서 알고계신 많은 지식을 많이 공유해주셨으면 좋겠어요. 양질의 영상 항상 감사합니다 :)
우왕 감사합니다! 더 열심히 할게요!!!
'라이브러리'가 각각 개별적인 기능들
즉, 문짝이나 욕조 등의 부속품이라고 한다면
'프레임워크'는 이것들이 연결되어 기초적인 제품 골격을 갖춘 상태.
쉽게 말해서, 가져다 쓰는게 '라이브러리'
기본 틀로 삼아서 그 위에 뭘 덧붙여 만드는게 '프레임워크'
MVC모델 공부하러 왔다가 덤으로 헷갈리는 부분도 Git똥차게 알~아갑니다
감사합니다 (^ . ^) (_ _) (^ . ^) (꾸벅)
영상보자마자 설명 너무 잘하셔서 구독눌렀습니다 감사합니다 ㅎㅎ
감사합니다!!!
진짜 너무 잘 보고있습니다ㅠㅠ 영화 '소셜 네트워크'를 보고 사이트 만드는 것에 관심을 가지다 '클라우드' 영상으로 입문했는데 첫영상부터 정주행중입니다!! 설명 정말 재밌게 하십니다!!
처음엔 그렇구나 끄덕였는데 실제로 공부를 해보려고 하니까 이렇게 깔끔한 설명이없네.. 굳!!
많은 도움이 되고 있어요. 감사합니다 :))
캡스톤에서 웹을 해야하는데 이해가 안가다가 이 얄코님 영상보고 뭔가 이해가갑니다. 감사합니다
도움이 되어드렸다니 기뻐요 ㅠ 감사합니다!!
정말 여러개를 찾아봐도 잘 이해못하고있었는데 ㅠㅠ 깔끔하게 이해되네요 Git똥찹니다^^
감사합니다!!
감사합니다!
정말 감사합니다. 스프링 입문하는데 도움이 되었습니다!!
감사합니다!
이런 내용을 나온 책 - 얄지만 넓은 - 책을 찾다가 여기에서 유튜브로 찾았네요. 감사합니다.
재치있는 틈새 개그로 항상 재밌게 잘 보고 있습니다. 감사합니당 :)
신입임미다... mvc모델 자료조사 해오라고 해서 보게 되었는데,,,, 절받으십시오,,,,,,,,,,,,,,, 최고임미담
항상 재미있게 보고 있습니다!
감사합니다!
직접 코딩까지 해 주셔서 이해가 잘 되었습니다!
도움되어드렸다니 기쁘네요! 감사합니다~
항상 영상 재밌게 보고있습니다 감사합니다!
다름이아니라, 제가 스프링 프레임워크를 공부하면서 MVC에 대해서도 같이 공부하는게 좋다고 느끼는데, 어떤 방법으로 어느깊이까지 MVC를 공부하는게 좋을까요...?
'스프링 MVC(프레임워크)' 말씀이시라면, 사용하시는 프레임워크가 그거라면 가능한 깊이 들어가는게 좋구요. 그냥 MVC 개념을 말씀하신거라면, 그 개념만 이해해두시면 될거에요! 장고 등 프레임워크마다 디테일은 다 다르니까요 :-)
@@yalco-coding 앗 감사합니다 코딩사전님!
새해 복 많이받으시고, 올 해도 즐코하세욧!!
아 이제 자바도 알고 스프링도 뭔지 알겠는데 또 jsp 라는게 있던데 검색해보니 html안에 java 넣는거라고 하던데 그럼 스프링이랑 역할이 비슷한건가요(연결해주는)? was가 이미 만들어 놓은거라고 하는데, was는 어떤 단체같은건가요? 그리고 asp php jsp 차이점도 궁금하고 ,이제 자바스크립트에 node.js 생겨서 이걸로 게시판같은거 만들 수 있다고 들었는데 그럼 , 홈페이지 하나를 html css javascript만 알면 동적웹 만들 수 있는건가요? 질문이 많아서 죄송합니다
JSP - 다릅니다. HTML 파일을 계량해서, 자바의 코드가 포함될 수 있도록 한 것이 JSP 파일입니다. 스프링 등 자바를 사용하는 프레임워크에서 JSP 파일을 통해 동적 값이 들어가는 HTML 형태의 문서를 만들어내는 겁니다. 일단은 그냥 스프링 프로젝트에 JSP 파일들이 사용된다고 생각하시면 됩니다.
WAS - 서버에서 그냥 HTML, CSS, Javascript를 진열해서 갖다주는게 아니라, ‘프로그램을 돌려서’ 동적 작업을 할 수 있도록 해주는 프로그램들을 말합니다. Tomcat이 대표적인 예죠. Tomcat이 [Spring으로 만든 프로그램]을 돌려서 JSP 파일에 Java 로 뽑은 값을 넣어다 HTML 형태로 클라이언트에 갖다주는겁니다.
ASP, PHP, JSP - 그냥 서로 다른 형식입니다. ASP는 요즘 안 쓰고(ASP.NET으로 대체됐습니다.) PHP는 더 고급 언어입니다. 설명할 게 너무 많네요.
Node.js - 네, 자바스크립트로도 서버를 구축할 수 있기 때문에 이제 가능합니다.
어제부터 쭉 정주행 했습니다!
제가 너무도 원하는 스타일로 설명 너무 잘하시는데 udemy 또는 inflearn에 강좌 올리실 생각 없으신가요?!
바로 구매하겠습니당 ㅎㅎ
감사합니다!! 아직은 저녁에 시간내서 유튜브 영상 만들어내기 바쁜 시점이지만, 자리잡히고 여건이 마련되면 강좌도 찍어볼게요.
비전공자에게 좋은 정보인것 같아요. 감사합니다.
최고의 강의
감사합니다!!
정말 설명을 잘하세요!!! 진짜 짱💕
감사합니다!!
좋은영상 감사합니다 편집도 재밌어요
감사합니다!!
좋은 영상 감사합니다
잘 보아주셔서 감사해요!
GIT똥찬 설명 잘듣고갑니다!
감사합니다!
귀에 쏙쏙 박힙니다... 팬 됐어요 ㅠㅠㅠㅠ
좋은영상 고맙습니다
마지막 실습을 좀 더 자세히 알고싶네요~
그건 영상 하나로 될 분량이 아니에요 😅 원하시는 프레임워크의 강좌를 찾아보시는게 좋습니다. 감사합니다!
자네 얼굴과 센스에 중독되었어.. 이제 빠져나갈 수 없어 ... ..
ㅎㅎ 감사합니다!!
감사합니다
개념이 좀 헷갈리는게 있습니다. 결국, M은 데이터니까 백엔드이고, V는 화면이니까 프런트이고, C는 그 사이의 컨트롤이니까 API 아닌가요? 벡엔드, 프런트, API라고 하면 되는 것을 굳이 다른 이름으로 부르는데 이유가 있을 것 같아서요. 제가 놓친 개념이 있는 것 같아서요.
우선 백엔드는 데이터만 말하는게 아니라 API까지 포함하는 포괄적 개념입니다. 그리고 백엔드와 프런트는 이 둘을 담당하는 프로그램이 다를 때 쓰는 말이에요. 이를테면 백엔드를 스프링으로 짜고 프런트를 리액트로 짜는거죠. MVC의 V는 서버에서 화면요소를 랜더링해서 보내는거라 이것도 백엔드에 가깝습니다. 순수 브라우저에서 화면 랜더링을 해내에 프론트에요
서버사이드 MVC랑 클라이언트사이드 MVC 각각은 이해가 가는데 두개를 동시에 쓰는 경우도 있을까요? 다른 부분보다 View쪽이 너무 겹칠거 같아서 좀 모호하네요.
프론트엔드 프레임워크를 써서 MVC를 구현했다고 하면 서버 사이드쪽에서는 API 서버만 개발해서 소통하는 식으로 진행할 거 같은데, 프론트단에서 MVC를 써서 개발했는데 거기다가 또 서버사이드쪽에서 MVC를 쓰는 경우도 있는지 궁금합니다.
그건 운영하기 나름압니다. 오래된 서비스에서 기존에는 서버 mvc를 쓰다가 리액트, 뷰 등이 나오면서 차츰 페이지들을 프론트로 분리해나가는 과정에서 이 둘이 공존하는 경우가 엄청 많죠
@@yalco-coding 사실 가장 모호한게 View파트인데요. 만약에 MVC를 마이그레이션하는 단계라고 한다면, 만약에 특정 URL의 페이지뷰에 대해서는 어떤 페이지는 서버쪽에서 어떤 페이지는 클라이언트쪽에서 하는식이 될까요?
@@yalco-coding 그와 더불어서 궁금한게 그냥 새로운 프로젝트를 시작한다고 했을 때에는 굳이 서버사이드와 클라이언트사이드 모두 MVC로 잡고 가져가야 할 필요는 없는거겠죠?
사실상 모던 웹 프론트엔드 프레임워크를 쓰게 된다면 서버사이드쪽 MVC 프레임워크를 쓸 이유는 없게 되는건지요
일단 둘 모두를 MVC로 할 이유는 특별한 경우를 제외하곤 없을텐데, 질문하신 내용들이 사실 다 정답이 없습니다.
아주 가벼운 기능이나 서비스라면 프론트를 따로 분리하는게 더 비용이 들 수 있기 때문에 서비스의 필요에 따라 하면 되는겁니다. 일단 대세는 프론트에 뷰를 두고 뒤에는 API를 하는건데 그건 그런 방식을 필요로 하는 서비스가 많기 때문인 것 뿐이죠 😀
@@yalco-coding 답변 감사합니다 백단이랑 프론트단 모두 MVC로 구성해서 써빙해야 하는경우가 궁금했어요.
spring mvc와 boot의 차이에 대해서도 영상 만들어주세요 ㅠㅠ
이해에 도움이 많이 됬습니다. 감사합니다
너무 감사합니다~!
감사합니다 구독하고가요
감사합니다!
요즘 흔한 개발방식인 react/vue/angular로 프론트개발 백엔드개발을 분리하는방식은 mvc 디자인 패턴이 아닌건가요?
넓게 보면 SPA로 만든 부분이 View라고 할 수도 있겠네요. 일반적으론 소프트웨어 하나에 M, V, C가 다 들어있는 것, 즉 스프링이나 장고, 라라벨 등의 프레임워크를 칭합니다. 리액트같은걸 프론트에 두는 건 프론트와 백이 각각 다른 소프트웨어인거니까요. (이것도 정의하기 나름이지만요)
@@yalco-coding 그렇군요 답변 감사합니다ㅎㅎ 요즘 TDD에 관심이 많은데 나중에 TDD도 한번 해주세요! ㅎㅎㅎ
냠냠 그럴게요!! 감사합니다!!!
알~겠나요?ㅋㅋㅋㅋㅋㅋㅋ
너무 재미있습니다
감사합니다~!!
스프링부트 게시판인데도, 개발자들 제정신이 아니겟구만 생각하면서 힘들게 따라했는데, 구름IDE랑 Ruby on rails 프레임워크로 쉽게 따라 만들고나서 프레임워크에 빠졌습니다. 프레임워크 잘하고싶어요. 프레임워크 짱!!
항상 잘 보고 있어요!!! 알겠!!나요?? 깃똥차게! ㅎㅎㅎ 너무 중독성있습니다. ㅎㅎㅎㅎ
감사합니다!
짱
현재 c#공부중이고 .net xamarin unity도 공부할 계획입니다 이번영상 정말 고마워요 혹시 소스가 잘 안보여서 그런데 깃허브 주소좀. . .꾸벅~
개인깃헙은 공개하지 않고 있어요 ㅠ 시간나는대로 소스를 사이트에 올릴 수 있도록 하겠습니다
홈페이지 주소에서 /와 ?는 무슨 차이인가요??
? 뒤에 들어오는 건 쿼리스트링 이라 불립니다. ‘쿼리스트링’에 대해 검색해보시면 쉽게 아실 수 있을거에요 🙂
@@yalco-coding 답변감사해요! 웹린이인데 정말 많이배워갑니다.
간단하게
model - database
view - client
controller- server
이렇게 봐도 무방한가요?
정확한 정의는 아니지만 각각 그렇게 연관이 깊다고 생각하면 될 것 같아요!!
이걸 이렇게 깔끔하게 정리해서 말해주다니......정말 감사합니다
MVC와 OOP가 어떤 관련이 있나요?
굳이 연관짓자면 MVC 프레임워크를 구현하는데 OOP가 유용하게 사용된다 정도인데 OOP는 워낙 활용분야가 많아서… 마치 자전거와 나사못의 관계와도 비슷하네요
웹디자이너인데 순차적으로 보고 있는데 여기서부터 멘붕 ㅋㅋㅋ
저도 웹디 출신이에요~ 😀 반갑습니다
재밋떠요
감사합니다!!
Node.js 는 여기에 해당 안되나요?
네. Node.js는 컴퓨터에서 자바스크립트를 돌릴 수 있게 해 주는 프로그램입니다. Node.js기반으로 돌아가는 Express 등이 MVC 프레임워크에요
왜 sails는 언급 안해주나요 ㅠㅠ
오오 세일즈 쓰시는군요!!
구독합니다 라고하려했는데 이미돼있네
떙큐
아 php개발자는 워라벨 없구나 ㅋㅋㅋㅋ
설명 정말 쉽게 잘해주시네요!! 잘보고 구독하고가요
감사합니다!!
감사합니다