uniapp에서 입력 상자의 데이터 바인딩을 구현하는 방법

모바일 애플리케이션의 급속한 발전과 함께 크로스 플랫폼 애플리케이션 개발이 점점 인기를 얻고 있습니다. 특히 개발자가 Vue 구문을 사용하여 한 번 개발하고 iOS를 포함한 여러 플랫폼에 게시할 수 있는 uni-app 크로스 플랫폼 개발 프레임워크가 더욱 그렇습니다. , 안드로이드, H5, 미니 프로그램 등 uni-app에서 입력 상자의 데이터 바인딩을 구현하는 방법은 무엇입니까? 다음으로 살펴보겠습니다.

1. v-model 명령

Vue에서는 v-model 명령을 사용하여 입력 상자와 Data 객체의 속성 간의 양방향 데이터 바인딩을 수행할 수 있습니다. 이 명령은 uni-app에도 적용됩니다. 뼈대.

v-model 지시어를 사용하는 방법은 매우 간단합니다.또는에 v-model 지시어를 추가하기만 하면 됩니다. 바인딩 데이터 개체 속성을 지정하는 태그이면 충분합니다. 예:或</code>标签上添加v-model指令，指定绑定的Data对象属性即可。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><template> <view> <input type="text" v-model="inputValue"/> <view>输入的值为：{{inputValue}}</view> </view> </template> <script> export default { data() { return { inputValue: '' } } } </script></pre> <div class="contentsignin"> 로그인 후 복사 </div> </div> <p>在上面的例子中，我们在<code><input></code>标签上添加了v-model="inputValue"指令，将输入框与<code>inputValue</code>绑定，这样输入框的输入值就会自动同步更新到<code>inputValue</code>属性上。同时，在页面上使用<code>{{inputValue}}</code>插值语法，用于显示输入框的值。</p> <h2>2. @input事件</h2> <p>除了v-model指令，我们还可以使用@input事件来实现输入框数据的绑定。</p> <p>在uni-app框架中，可以使用<code>@input</code>事件监听输入框输入值的变化，并将变化后的值同步到Data对象中的属性上，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><template> <view> <input type="text" :value="inputValue" @input="handleInput"/> <view>输入的值为：{{inputValue}}</view> </view> </template> <script> export default { data() { return { inputValue: '' } }, methods: { handleInput(e) { this.inputValue = e.target.value } } } </script></pre> <div class="contentsignin"> 로그인 후 복사 </div> </div> <p>在上面的例子中，我们在<code><input></code>标签上定义了一个value属性，将其绑定到Data对象的<code>inputValue</code>属性上，同时使用<code>@input</code>事件监听输入框的输入值变化，并在<code>handleInput</code>方法中将变化后的值同步到<code>inputValue</code>属性中。同样，在页面上使用<code>{{inputValue}}</code>插值语法，用于显示输入框的值。</p> <h2>3. watch属性</h2> <p>除了v-model指令和@input事件，我们还可以使用组件实例的watch属性来监听Data对象中属性的变化，并在变化发生时做出相应的处理。</p> <p>在uni-app框架中，可以使用watch属性监测Data对象的属性变化，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><template> <view> <input type="text" :value="inputValue"/> <view>输入的值为：{{inputValue}}</view> </view> </template> <script> export default { data() { return { inputValue: '' } }, watch: { inputValue(newValue) { console.log('输入框的值变为：' + newValue) } } } </script></pre> <div class="contentsignin"> 로그인 후 복사 </div> </div> <p>在上面的例子中，我们定义了一个watch属性，监听Data对象中的<code>inputValue</code>rrreee</p>위의 예에서는 <code><input></code>태그에 v-model="inputValue" 지시문을 추가하여 입력 상자를 <code>inputValue</code>에 바인딩했습니다. 입력 상자의 입력 값이 자동으로 <code>inputValue</code>속성으로 업데이트되도록 설정합니다. 동시에 페이지에서 <code>{{inputValue}}</code>보간 구문을 사용하여 입력 상자의 값을 표시합니다. <h2></h2>2. @input 이벤트 <p></p>v-model 지시문 외에도 @input 이벤트를 사용하여 입력 상자 데이터를 바인딩할 수도 있습니다. uni-app 프레임워크에서는 <code>@input</code>이벤트를 사용하여 입력 상자의 입력 값 변경 사항을 모니터링하고 변경된 값을 데이터 개체의 속성과 동기화할 수 있습니다. 예: rrreeeIn 위의 예에서는 <code><input></code>태그에 value 속성을 정의하고 이를 Data 객체의 <code>inputValue</code>속성에 바인딩하고 @input 이벤트는 입력 상자의 입력 값 변경을 모니터링하고 변경된 값을 <code>handleInput</code>메서드의 <code>inputValue</code>속성에 동기화합니다. 마찬가지로 페이지에서 <code>{{inputValue}}</code>보간 구문을 사용하여 입력 상자의 값을 표시합니다. 3. watch attributev-model 지시문과 @input 이벤트 외에도 구성 요소 인스턴스의 watch 속성을 사용하여 Data 객체의 속성 변경을 모니터링하고 변경이 발생할 때 그에 따라 처리할 수도 있습니다. uni-app 프레임워크에서는 watch 속성을 사용하여 데이터 객체의 속성 변경을 모니터링할 수 있습니다. 예: rrreee위 예에서는 <code>inputValue</code>를 모니터링하기 위해 watch 속성을 정의했습니다. 데이터 개체 >속성에서 해당 값이 변경되면 콘솔이 해당 정보를 출력합니다. 요약uni-app 프레임워크에서는 v-model 명령, @input 이벤트 및 감시 속성을 포함하여 입력 상자의 양방향 데이터 바인딩을 구현하는 다양한 방법을 사용할 수 있습니다. 다양한 방법은 다양한 시나리오에 적합하며 개발자는 자신의 필요에 따라 가장 적절한 방법을 선택할 수 있습니다. <p>위 내용은 uniapp에서 입력 상자의 데이터 바인딩을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p> </div> </div> <div style="height: 25px;"> <div style="display: inline-flex;float: right; color:#333333;"> 원천：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/ko/faq/521521.html" title=""><span>이전 기사：Uniapp 디버깅 오류의 원인과 해결 방법에 대해 토론하세요.</span></a> <a href="//m.sbmmt.com/ko/faq/521527.html" title=""><span>다음 기사：Uniapp에서 Nuve 페이지를 사용하는 방법</span></a> </div> <div class="wzconShengming"> <div class="bzsmdiv"> 본 웹사이트의 성명 </div> <div> 본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요. </div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle"> 저자별 최신 기사 </div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572776.html">뷰소닉 'VA2479-2K-HD' 23.8인치 모니터 판매 시작: 2K 75Hz, 588위안</a> </div> <div> 2024-08-17 19:40:01 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572773.html">'명조:워더링 웨이브' 먀오바오탕 보물상자 여는 방법</a> </div> <div> 2024-08-17 19:38:38 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572770.html">'리틀솔져'의 다양한 소품에 대한 자세한 소개</a> </div> <div> 2024-08-17 19:34:00 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572762.html">Flexbox와 CSS 그리드 유형 간의 중요한 사실</a> </div> <div> 2024-08-17 19:17:05 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572761.html">4070super 전원 공급 장치에 권장되는 와트 수는 얼마입니까?</a> </div> <div> 2024-08-17 19:17:02 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572758.html">효율적인 스타일링을 위한 마스터 CSS 선택기</a> </div> <div> 2024-08-17 19:07:02 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572753.html">Building Scalable Microservices with Java Spring Boot: Best Practices and Techniques part -1</a> </div> <div> 2024-08-17 18:51:32 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572750.html">마이크로서비스 시스템의 서비스 간 통신 방법</a> </div> <div> 2024-08-17 18:48:15 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572748.html">CPU를 교체한 후 컴퓨터 속도가 느려지나요?</a> </div> <div> 2024-08-17 18:47:47 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ko/faq/1796572743.html">헬륨(HNT) 가격 예측: HNT는 계속해서 반등할 수 있습니다</a> </div> <div> 2024-08-17 18:41:20 </div></li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle"> 최신 이슈 </div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/176411.html" target="_blank" title="function_exists()는 사용자 정의 함수를 결정할 수 없습니다." class="wdcdcTitle">function_exists()는 사용자 정의 함수를 결정할 수 없습니다.</a> <a href="//m.sbmmt.com/ko/wenda/176411.html" class="wdcdcCons">기능 테스트() { ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2024-04-29 11:01:01</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>1 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>936 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/176410.html" target="_blank" title="Chrome 모바일 버전을 표시하는 방법" class="wdcdcTitle">Chrome 모바일 버전을 표시하는 방법</a> <a href="//m.sbmmt.com/ko/wenda/176410.html" class="wdcdcCons">안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2024-04-23 00:22:19</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>9 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>1012 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/176407.html" target="_blank" title="자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다." class="wdcdcTitle">자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다.</a> <a href="//m.sbmmt.com/ko/wenda/176407.html" class="wdcdcCons">처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2024-04-19 15:37:47</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>1 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>927 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/176406.html" target="_blank" title="상위 창에 출력이 없습니다." class="wdcdcTitle">상위 창에 출력이 없습니다.</a> <a href="//m.sbmmt.com/ko/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2024-04-18 23:52:34</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>787 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ko/wenda/176405.html" target="_blank" title="CSS 마인드맵 코스웨어는 어디에 있나요?" class="wdcdcTitle">CSS 마인드맵 코스웨어는 어디에 있나요?</a> <a href="//m.sbmmt.com/ko/wenda/176405.html" class="wdcdcCons">코스웨어</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">에서 2024-04-16 10:10:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>868 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt"> <div class="wzczt-title"> <div> 관련 주제 </div> <a href="//m.sbmmt.com/ko/faq/zt" target="_blank">더></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/filesssmwj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213345436147.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="어떤 파일이 있나요?"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/filesssmwj" class="title-a-spanl" title=""><span>어떤 파일이 있나요?</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/validate"><img src="https://img.php.cn/upload/subject/202407/22/2024072214395921926.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="제이쿼리 검증"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/validate" class="title-a-spanl" title=""><span>제이쿼리 검증</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/htmlzmtjcssys"><img src="https://img.php.cn/upload/subject/202407/22/2024072213523036577.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML에 CSS 스타일을 추가하는 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/htmlzmtjcssys" class="title-a-spanl" title=""><span>HTML에 CSS 스타일을 추가하는 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/windowsqdjlzy"><img src="https://img.php.cn/upload/subject/202407/22/2024072212095618569.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Windows 드라이버 마법사 기능"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/windowsqdjlzy" class="title-a-spanl" title=""><span>Windows 드라이버 마법사 기능</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/linuxzrmrfmly"><img src="https://img.php.cn/upload/subject/202407/22/2024072212310491471.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="리눅스에서 rm-rf 명령의 목적"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/linuxzrmrfmly" class="title-a-spanl" title=""><span>리눅스에서 rm-rf 명령의 목적</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/gpuxnhszff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213352290924.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="GPU 가상화의 세 가지 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/gpuxnhszff" class="title-a-spanl" title=""><span>GPU 가상화의 세 가지 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/cjjzbllwxsdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212183849127.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="C++에서 소수점 이하 두 자리를 유지하는 방법"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/cjjzbllwxsdff" class="title-a-spanl" title=""><span>C++에서 소수점 이하 두 자리를 유지하는 방법</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ko/faq/javazserverle"><img src="https://img.php.cn/upload/subject/202407/22/2024072212100280086.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Java에서 Serverlet의 역할"></a><a target="_blank" href="//m.sbmmt.com/ko/faq/javazserverle" class="title-a-spanl" title=""><span>Java에서 Serverlet의 역할</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle"> 인기 추천 </div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="uniapp에서 현재 페이지를 새로 고치는 방법" href="//m.sbmmt.com/ko/faq/466539.html">uniapp에서 현재 페이지를 새로 고치는 방법</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="uni-app에서 해당 페이지로 이동하는 방법" href="//m.sbmmt.com/ko/faq/482030.html">uni-app에서 해당 페이지로 이동하는 방법</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="uniapp에서 페이지 배경색을 설정하는 방법" href="//m.sbmmt.com/ko/faq/465748.html">uniapp에서 페이지 배경색을 설정하는 방법</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="uniapp에서 페이지 슬라이딩을 비활성화하는 방법" href="//m.sbmmt.com/ko/faq/466242.html">uniapp에서 페이지 슬라이딩을 비활성화하는 방법</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="uniapp 교차 도메인 문제를 이해하도록 합니다(자세한 예)." href="//m.sbmmt.com/ko/faq/489308.html">uniapp 교차 도메인 문제를 이해하도록 합니다(자세한 예).</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> 인기 튜토리얼 </div> <a target="_blank" href="//m.sbmmt.com/ko/course.html">더></a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one"> 관련 튜토리얼 <div></div> </div> <div class="tabdiv swiper-slide" data-id="two"> 인기 추천 <div></div> </div> <div class="tabdiv swiper-slide" data-id="three"> 최신 강좌 <div></div> </div> </div> <ul class="one"> <li><a target="_blank" href="//m.sbmmt.com/ko/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"></a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="//m.sbmmt.com/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div> 1394921 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/74.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기"></a> <div class="wzrthree-right"> <a target="_blank" title="PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기" href="//m.sbmmt.com/ko/course/74.html">PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기</a> <div class="wzrthreerb"> <div> 4206636 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"></a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="//m.sbmmt.com/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 2350967 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"></a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="//m.sbmmt.com/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 493321 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/2.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 제로 기반 입문 튜토리얼"></a> <div class="wzrthree-right"> <a target="_blank" title="PHP 제로 기반 입문 튜토리얼" href="//m.sbmmt.com/ko/course/2.html">PHP 제로 기반 입문 튜토리얼</a> <div class="wzrthreerb"> <div> 826328 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> <ul class="two" style="display: none;"> <li><a target="_blank" href="//m.sbmmt.com/ko/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"></a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="//m.sbmmt.com/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div> 1394921 학습 시간 </div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"></a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="//m.sbmmt.com/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 2350967 학습 시간 </div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"></a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="//m.sbmmt.com/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div> 493321 학습 시간 </div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"></a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="//m.sbmmt.com/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div> 213418 학습 시간 </div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"></a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="//m.sbmmt.com/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div> 843289 학습 시간 </div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> <ul class="three" style="display: none;"> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"></a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="//m.sbmmt.com/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div> 3149 학습 시간 </div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"></a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="//m.sbmmt.com/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div> 2549 학습 시간 </div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"></a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="//m.sbmmt.com/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div> 1989 학습 시간 </div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"></a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="//m.sbmmt.com/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div> 465 학습 시간 </div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/ko/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"></a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="//m.sbmmt.com/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div> 10895 학습 시간 </div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> </div> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div> 최신 다운로드 </div> <a href="//m.sbmmt.com/ko/xiazai">더></a> </div> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef"> 웹 효과 <div></div> </div> <div class="swiper-slide" data-id="twof"> 웹사이트 소스 코드 <div></div> </div> <div class="swiper-slide" data-id="threef"> 웹사이트 자료 <div></div> </div> <div class="swiper-slide" data-id="fourf"> 프론트엔드 템플릿 <div></div> </div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[양식 버튼] jQuery 기업 메시지 양식 연락처 코드" href="//m.sbmmt.com/ko/xiazai/js/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과" href="//m.sbmmt.com/ko/xiazai/js/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="//m.sbmmt.com/ko/xiazai/js/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="//m.sbmmt.com/ko/xiazai/js/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드" href="//m.sbmmt.com/ko/xiazai/js/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임" href="//m.sbmmt.com/ko/xiazai/js/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="//m.sbmmt.com/ko/xiazai/js/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과" href="//m.sbmmt.com/ko/xiazai/js/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div></li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8328" title="[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8327" title="[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8326" title="[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8325" title="[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8324" title="[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8323" title="[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8322" title="[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8321" title="[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div></li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3078" target="_blank" title="[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3077" target="_blank" title="[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3076" target="_blank" title="[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3075" target="_blank" title="[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3074" target="_blank" title="[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3073" target="_blank" title="[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3072" target="_blank" title="[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/sucai/3071" target="_blank" title="[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div></li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8328" target="_blank" title="[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8327" target="_blank" title="[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8326" target="_blank" title="[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8325" target="_blank" title="[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8324" target="_blank" title="[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8323" target="_blank" title="[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8322" target="_blank" title="[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/ko/xiazai/code/8321" target="_blank" title="[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div></li> </ul> </div> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/ko/about/us.html" rel="nofollow" target="_blank" title="회사 소개" class="cBlack">회사 소개</a> <a href="//m.sbmmt.com/ko/about/disclaimer.html" rel="nofollow" target="_blank" title="부인 성명" class="cBlack">부인 성명</a> <a href="//m.sbmmt.com/ko/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！ </dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>