<img class="size-full wp-image-17392 aligncenter" src="https://www.wishket.com/media/newscenter/475/01_페북-_-뉴센_복사본_복사본-1__2_.png" alt="위시켓_프레임워크"/> 안녕하세요 IT 아웃소싱 플랫폼 위시켓입니다. 지난 글에서 <a href="https://www.wishket.com/news-center/detail/466/" target="_blank" rel="noopener noreferrer">'앱/웹 개발 시 꼭 알아야 할 IT 기본 용어'</a>를 알아보았는데요. 이번에는 '프레임워크'란 무엇이며, 왜 필요한지 설명드리려 합니다. '프레임워크'를 알아두신다면 여러분은 아래 대화에서 개발자님의 말을 바로 이해하실 수 있으실 거예요. <br> <blockquote><span style="color: #808080;">개발자님 : 네, 개발은 장고로 진행하겠습니다.</span> <span style="color: #808080;">나 : 아 네에.. (파이썬으로 개발해달라고 요청드렸는데 왜 장고를 말씀하시는 거지? 그런데 장고는 뭐지?)</span></blockquote> <br> <span style="color: #494158; font-size: 1.6em; font-style: normal; font-weight: bold; letter-spacing: -0.01em; text-transform: uppercase;">프레임워크는 무엇인가요?</span> 프레임워크(Framework)는 개발 구조나 흐름을 잡아둔 기본 뼈대(구조)입니다. 일종의 '템플릿'이라고 생각하셔도 좋을 것 같습니다. <p style="text-align: center;"><img class="size-full wp-image-17380 aligncenter" src="https://www.wishket.com/media/newscenter/476/1.jpg" alt="" width="420" height="303" /><span style="color: #808080;">(건물의 철골 구조처럼 프레임워크는 개발 기본 구조(뼈대)랍니다. / <a class="link_source" style="color: #808080;" href="https://www.freepik.com/" target="_blank" rel="noopener noreferrer"><span class="txt_source">출처 </span>Business vector created by macrovector</a>)</span></p> 예를 들어보겠습니다. PPT를 만들 때 한 번쯤 템플릿을 사용해보신 경험이 있으실 텐데요. PPT 템플릿에는 이미 '표지, 목차, 본문'같은 기본 구성이 갖춰져 있습니다. 그럼 여러분은 여기에 원하는 내용을 새롭게 더하거나 수정해 PPT를 완성합니다. 이처럼 개발 프레임워크도 설계의 기본적인 틀을 제공하고, 개발자님은 뼈대에 여러분이 요청한 기능을 상세히 구현해나갑니다.<br> <h3>프레임워크를 왜 사용해야 하나요?</h3>1. 프레임워크에는 기본적인 기능들이 구현되어 있기 때문에 개발 시간을 단축하고, 원하는 추가 기능 구현에 더욱 집중할 수 있도록 도와줍니다. 2. 수많은 개발자들이 프레임워크를 사용하면서 수정을 거치기 때문에 오류로부터 자유로울 수 있습니다. 3. 깔끔한 코드와 이미 정의된 구조를 사용하도록 권장하기 때문에 유지보수가 용이합니다. 또한, 팀으로 협업하는 경우에도 유용하게 활용할 수 있습니다.<br> <h3 class="compos_section title_view"><strong class="tit_g">프레임워크를 사용하지 않아도 되는 경우는 없나요?</strong></h3><div class="compos_section editor_view" data-compo="html"> 화면이 1-2개로 구성된 정말 간단하고 단순한 서비스를 기획하셨다면, 프레임워크를 사용하지 않는 편이 나을 수 있습니다. 이런 경우, 프레임워크 세팅에 시간이 더 오래 걸릴 수도 있기 때문이죠.</div><br> <h3 class="compos_section title_view"><strong class="tit_g">프레임워크에는 어떤 것들이 있나요?</strong></h3><div class="compos_section editor_view" data-compo="html"> 대표적인 백엔드(서버 측) 프로그래밍 언어와, 그 언어에서 활용할 수 있는 프레임워크들을 소개드립니다. <h4 class="compos_section htmlbox_view" data-compo="box"><mark>자바<strong class="tit_tip">(Java)</strong></mark></h4></div><ul><li class="compos_section htmlbox_view" data-compo="box">스프링(Spring)</li></ul> <div class="compos_section htmlbox_view" data-compo="box"> <h4 class="compos_section htmlbox_view" data-compo="box"><mark><strong>PHP</strong></mark></h4><ul><li class="compos_section htmlbox_view" data-compo="box">라라벨(Laravel)</li><li class="compos_section htmlbox_view" data-compo="box">코드이그나이터(CodeIgniter)</li></ul></div> <div class="compos_section htmlbox_view" data-compo="box"> <h4 class="compos_section htmlbox_view" data-compo="box"><mark><strong class="tit_tip">파이썬(Python)</strong></mark></h4><ul><li class="compos_section htmlbox_view" data-compo="box">장고(Django)</li><li class="compos_section htmlbox_view" data-compo="box">플라스크(Flask)</li></ul> </div> <div class="compos_section htmlbox_view" data-compo="box"><h4 class="compos_section htmlbox_view" data-compo="box"><mark>루비<strong class="tit_tip">(Ruby)</strong></h4><ul><li class="compos_section htmlbox_view" data-compo="box">루비 온 레일즈(Ruby on Rails)</li></ul></div> <div><img class="size-full wp-image-15452 aligncenter" src="https://www.wishket.com/media/newscenter/368/%EA%B5%AC%EB%B6%84.PNG" alt="" width="142" height="64" /></div> 지금까지 '프레임워크'는 무엇이고, 어떤 장점을 가지고 있는지 알아보았는데요. 내용이 많이 어렵지는 않으셨나요? IT가 아직 어려우신 클라이언트님에게 도움이 될만한 글들을 더 준비해보았습니다. 아래 링크를 통해 IT 개발 지식을 더 쌓아보세요! <ul> <li><u><a href="https://www.wishket.com/news-center/detail/466/" target="_blank" rel="noopener noreferrer">앱/웹 개발 시 꼭 알아둬야 할 IT용어</a></u></li> <li><u><a href="https://www.wishket.com/news-center/detail/471/" target="_blank" rel="noopener noreferrer">제이쿼리(jQuery)가 뭔가요?</a></u></li> </ul> <img class="size-full wp-image-16673 aligncenter" src="https://www.wishket.com/media/newscenter/476/CTA_1boon_1-10.png" alt="" width="600" height="150" /></a>