- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키 강의에서 calloc() 함수는 할당시 할당된 요소들의 값을 모두 0으로 초기화 한다고 했잖아요. 근데 실제로 실행해보니 모두 0으로 초기화가 되지 않네요. 왜이런걸까요?

let ladder = {     step: 0,     up() {      this.step++;     return this;      },      down() {      this.step--;       return this;      },      showStep() {      alert( this.step );       return this;     } }  ladder.up().up().down().up().down().showStep(); // 1 이런 코드 입니다. 저는 각 함수의 코드를 up()같은 경우에 return this.step++; 이런식으로 코드를 작성했었는데, 오류가 나더라구요...ㅜㅜ 제가 작성한게 어떻게 틀린건지 알고 싶습니다. 고수님들 부탁드립니다. 작은 답변이 혼자공부하는 저에게 큰 힘이 됩니다.

서비스, 레포지토리 패키지 파일에 전부 @RequiredArgsConstructor, final 붙어있고 테스트 코드도 똑같은데 널포인트 예외가 뜨는 이유가 뭘까요...

interface Samsung{     name:string;     phonenumber: number; } interface KIA{     name: string;     carnumber: number; } interface Apple{     name: string;     Applenumber: number; } var phone : Samsung | KIA | Apple; function IsSamsung(typeProduct : Samsung | KIA | Apple): typeProduct is Samsung{  // 삼성이 아니라면 phone = KIA | Apple         return (typeProduct as Samsung).phonenumber !== undefined;  } function IsKIA(typeProduct : Samsung | KIA | Apple): typeProduct is KIA{  // KIA 가 아니라면 Apple         return (typeProduct as KIA).carnumber !== undefined;  } if(IsSamsung(phone)){     phone.phonenumber; }else{     if(IsKIA(phone)){         phone.carnumber;     }     else{         phone.Applenumber;     } } 이런 식으로 함수를 2개 써서 하는게 최선일까요?

삭제된 글입니다

안녕하세요. 작정하고 장고 강의 정말 잘 수강하고 있습니다! MagicGrid를 적용하는 과정에서 JavaScript를 불러오는데 실패하여 질문 작성합니다. "GET /static/js/magicgrid.js HTTP/1.1" 404 1804 1번. static 경로 추가 입력 -> 오류 그대로 urlpatterns = [ path('admin/', admin.site.urls), path('accounts/', include('accountapp.urls')), path('profiles/', include('profileapp.urls')), path('articles/', include('articleapp.urls')),] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) 2번. '/js/magicgrid.js' -> /magicgrid.js  : 오류 그대로 '/js/magicgrid.js' -> js/magicgrid.js  : 오류 그대로 <script src="{% static '/magicgrid.js' %}"></script> 혹시 해결할 수 있는 방법이 있을까요?

안녕하세요 선생님,  위 경로로 (kernel>restart &run all) 실행 후,  다음 수업을 진행하려고하는데,   에러가 뜹니다 ㅠ_ㅠ  이전 수업의 결과를 출력 후,  이어서 수강하려고  shift+enter키로 결과를 출력해보니 정의되지않았다는 아래와 같은 에러메시지가 떠요! --------------------------------------------------------------------------- NameError Traceback (most recent call last) <ipython-input-6-06eb16398741> in <module> 1 # 연도, 지역명으로 평당분양가격의 평균을 구합니다. 2 # df_last.groupby(["연도", "지역명"])["평당분양가격"].mean().unstack().T # 마지막에 T: 행과 열을 바꿈(인덱스 순서를 바꾸는것과 동일함g= ) ----> 3 g = df_last.groupby(["연도", "지역명"])["평당분양가격"].mean() 4 g 5 # g.unstack().transpose() NameError: name 'df_last' is not defined kernel>restart &run all) 수행 시,  주피터 노트북 실행 시 열리는 커맨드창에서  [W 15:35:43.613 NotebookApp] Config option `template_path` not recognized by `LenvsSlidesExporter`.  Did you mean one of: `extra_template_paths, template_name, template_paths`? [W 15:35:43.617 NotebookApp] Config option `template_path` not recognized by `LenvsSlidesExporter`.  Did you mean one of: `extra_template_paths, template_name, template_paths`? 라고 보여져요! 이전 코드 구동이 안된 걸까요? 

@Data 사용한 Entity에서 setXXX()를 양방향으로 재설정해주면 롬복에서 설정한 순수한 set과 충돌하지 않나요? 실험해보니까 돌아가긴 합니다만 확실히 하고싶어서요. changeTeam()같이 아예 따로 만들어주는 방법이 있긴 하지만 부득이하게 롬복이 설정하는 메서드를 재설정하면 어떻게 되는지 궁금해요. 클래스 안에 개발자가 같은 이름의 메서드를 만들어놓으면 롬복이 그 메서드는 만들지 않는 것인가요?

삭제된 글입니다

선생님 제가 stack5 부터 6, 7 이 다음과 같이 계속 오류가 뜹니다....... stack7에서는 jmp rsp 명령도 듣지 않고...... 뭔가 memory 오류가 있다는 것은 알겠는데 해결은 어떻게 해야할지 잘 모르겠습니다 ㅜㅜ stack 5부터 계속 쭉 안되서 힘드네요 ㅜㅜ 해결점 찾아주시면 감사하겠습니다!

int sum = 0; std::thread t1(Add); std::thread t2(Sub); t1.join(); t2.join(); t1.join()에 breakpoint를 잡고 sum를 보면 0입니다. t1은 thread를 선언한 1번째 줄부터 쓰레드가 시작하나요? 아니면 join()을 호출한 3번째 줄부터 쓰레드가 시작하나요?

우분투 리눅스랑 칼리 리눅스랑 차이가 뭔가여? 칼리 리눅스라는건 첨 들어 봅니다. 보통 우분투 라고 하지 않나요? 갑자기 칼리 리눅스라는게 나와서 황당하네요... 앞에서 같이 뭐 했다고 하는데, 강의 순서가 뒤바뀐건지..

안녕하세요.. 복습 후에 강의 내용 바탕으로 포폴 제작중인데, 예제랑 다르게 제작하다 보니 문제점이 생겼습니다.ㅠㅠ  project  강의 파트에서 오른쪽 슬라이드에 사용할 이미지 크기가 너무 커 포지션, 퍼센트 등을 적용해서 잘 배치했다고 생각했는데 ,, Slick js를 적용하면 position 이 충돌했는지, 제가 코드를 잘못 작성했는지.. 이미지가 overflow 되버립니다.  문제점 한번 봐주시면 감사하겠습니다..ㅠㅠ  아직 많이 초보라..죄송합니다..ㅠ  <!doctype html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Nespresso</title> <script src="Js/jquery-2.1.4.js"></script> <!-- Page Scroll Effects JS & CSS --> <!--<script src="Js/velocity/modernizr.js"></script>--> <script src="Js/velocity/velocity.min.js"></script> <script src="Js/velocity/velocity.ui.min.js"></script> <script src="Js/velocity/main.js"></script> <link rel="stylesheet" href="Js/velocity/velocity.css"> <!-- Smooth Scrolling --> <script src="Js/jquery.scrollTo.min.js"></script> <!-- Slick.js --> <script src="Js/slick/slick.min.js"></script> <link rel="stylesheet" href="Js/slick/slick-theme.css"> <link rel="stylesheet" href="Js/slick/slick.css"> <!-- Custom JS & CSS --> <script src="custom.js"></script> <link rel="stylesheet" href="style.css"><!-- pc. ver--> <link rel="stylesheet" href="responsive.css"><!-- mobile. ver--> </head> <!-- hijacking: on/off - animation: none/scaleDown/rotate/gallery/catch/opacity/fixed/parallax --> <body data-hijacking="on" data-animation="rotate"> <div class="container"> <section class="cd-section" id="home"> <div> <div class="content"> <div class="home-inner"></div> </div> </div> </section> <section class="cd-section" id="about"> <div> <div class="content"> <div class="about-inner"> <div class="about-items"> <div class="item"> <a href="#"><img src="img/NES-about-icon%20(3).png" alt=""></a> <span> <a href="#"> <h3>SUSTAINABLE QUALITY</h3> </a> <p>Because a Nespresso cup of coffee can deliver an extraordinary experience while creating greater value for society and the environment.</p> </span> </div> <div class="item"> <a href="#"><img src="img/NES-about-icon%20(4).png" alt=""></a> <span> <a href="#"> <h3>ORIGINS AND BLENDS</h3> </a> <p>From Master Origins to Blends, we have selected a few of our coffees so you can discover the countless uncompromising choices that go into every cup.</p> </span> </div> <div class="item"> <a href="#"><img src="img/NES-about-icon%20(1).png" alt=""></a> <span> <a href="#"> <h3>THE COFFEE EXPERIENCE</h3> </a> <p>From the cherries we pick to the coffee you drink, we are committed to convey our expertise, savoir-faire and passion every step of the way.</p> </span> </div> </div> </div> </div> </div> </section> <section class="cd-section" id="product"> <div> <div class="content"> <div class="product-inner"> <input type="radio" name="tabmenu" id="tab1" checked> <input type="radio" name="tabmenu" id="tab2"> <input type="radio" name="tabmenu" id="tab3"> <input type="radio" name="tabmenu" id="tab4"> <div class="tabs"> <div class="tab"> <div class="product-info" data-text="VERTUO"> <h3>YOUR COMPLETE RANGE OF COFFEE STYLES</h3> <p>With Vertuo, explore all the different coffee styles from espresso to Alto adapting to every mood. Coffee pleasure is no accident: it must be deliberately created, consistently and without compromise, cup after cup from coffee origins to capsules, by living our principles.</p> <ul> <li><b>FRUITY & FLOWERY</b> : Flowery, Citrus, Fruity-winy</li> <li><b>BALANCED</b> : Honey, Cereals, Roasted</li> <li><b>INTENSE</b> : Cocoa, Spicy, Woody,Intensely roasted</li> </ul> <div class="detail"> <div> <img src="img/nes-product-vertuo-alto.png" alt=""><span>ALTO</span>414ml </div> <div> <img src="img/nes-product-vertuo-coffee.png" alt=""><span>COFFEE</span>237ml </div> <div> <img src="img/nes-product-vertuo-lungo.png" alt=""><span>GRAN LUNGO</span>150ml </div> <div> <img src="img/nes-product-vertuo-espresso.png" alt=""><span>ESPRESSO</span>40ml </div> </div> <a class="discover-more" href="">DISCOVER MORE <i class="fa fa-long-arrow-right"></i></a> </div> <div class="product-photo"> <img src="img/nes-product-vertuo-coffee-01.jpg" alt=""> <img src="img/nes-product-vertuo-coffee-02.jpg" alt=""> <img src="img/nes-product-vertuo-coffee-03.jpg" alt=""> <img src="img/nes-product-vertuo-coffee-04.jpg" alt=""> </div> </div> <div class="tab"> <div class="product-info" data-text="ORIGINAL"> <h3>YOUR CLASSIC ESPRESSO EXPERIENCE</h3> <p>With original, live your authentic espresso experience from a milder fruity espresso to the Neapolitan style short Ristretto, with or without milk. Coffee pleasure is no accident: it must be deliberately created, consistently and without compromise, cup after cup from coffee origins to capsules, by living our principles.</p> <ul> <li><b>BODY</b> : Go full-bodied for a powerful experience or keep it gentle and light-bodied. Take your pick.</li> <li><b>BITTERNESS</b> : Dark or distinguished. Find out what level of bitterness is for you.</li> <li><b>ROASTING</b> : Choose what level of fuller, roast flavours you prefer in your Nespresso Vertuo coffee.</li> </ul> <div class="detail"> <div> <img src="img/nes-product-original-ristretto_L.png" alt=""><span>RISTRETTO</span>25ml </div> <div> <img src="img/nes-product-original-espresso_L.png" alt=""><span>ESPRESSO</span>40ml </div> <div> <img src="img/nes-product-original-lungo_L.png" alt=""><span>LUNGO</span>110ml </div> </div> <a class="discover-more" href="">DISCOVER MORE <i class="fa fa-long-arrow-right"></i></a> </div> <div class="product-photo"> <img src="img/nes-product-original-coffee-01.jpg" alt=""> <img src="img/nes-product-original-coffee-02.jpg" alt=""> <img src="img/nes-product-original-coffee-03.jpg" alt=""> <img src="img/nes-product-original-coffee-04.jpg" alt=""> </div> </div> <div class="tab"> <div class="product-info" data-text="VERTUO"> <h3>VERTUO COFFEE MACHINES</h3> <p>Prepare your small or large coffee style with generous crema, all at the touch of a button. Here’s the secret: each Vertuo machine uses barcode recognition and a patented extraction system to create your favourite coffee. You can also electronically open and close the head of the machine and conveniently position the water tank with VertuoPlus.</p> <ul> <li>EXTRACTION BY CENTRIFUSION™</li> <li>GENEROUS AND SMOOTH CREMA</li> <li>INNOVATIVE COFFEE SYSTEM</li> <li>EXCEPTIONAL COFFEE QUALITY</li> </ul> <div class="detail"> <div> <img src="img/nes-product-vertuo-matteeblack.png" alt=""><span>vertuo plus<br>matte black</span>₩ 299,000 </div> <div> <img src="img/nes-product-vertuo-white.png" alt=""><span>vertuo plus<br>white</span>₩ 299,000 </div> <div> <img src="img/nes-product-vertuo-black.png" alt=""><span>vertuo plus<br>black</span>₩ 299,000 </div> <div> <img src="img/nes-product-vertuo-sliver.png" alt=""><span>vertuo plus<br>silver</span>₩ 299,000 </div> </div> <a class="discover-more" href="">DISCOVER MORE <i class="fa fa-long-arrow-right"></i></a> </div> <div class="product-photo"> <img src="img/nes-product-vertuo-machine-01.jpg" alt=""> <img src="img/nes-product-vertuo-machine-02.jpg" alt=""> <img src="img/nes-product-vertuo-machine-03.jpg" alt=""> <img src="img/nes-product-vertuo-machine-04.jpg" alt=""> </div> </div> <div class="tab"> <div class="product-info" data-text="ORIGINAL"> <h3>DISCOVER THE ORIGINAL <br>COFFEE MACHINES</h3> <p>Use the versatile level of settings to create a variety of coffee and milk recipes using barista-like customisation or one-touch systems. Indulge yourself in Creatista or Lattissima.</p> <ul> <li>pressure extraction system</li> <li>creamy and dense crema</li> <li>exceptional coffee choice</li> <li>espresso-based and milk recipes</li> </ul> <div class="detail"> <div> <img src="img/nes-product-lattissima-silkywhite.png" alt=""><span>lattissima one f111<br>silky white</span>₩ 379,000 </div> <div> <img src="img/nes-product-lattissima-black.png" alt=""><span>lattissima one f111<br>black</span>₩ 379,000 </div> <div> <img src="img/nes-product-lattissima-white.png" alt=""><span>gran lattissima f531<br>white</span>₩ 479,000 </div> <div> <img src="img/nes-product-Creatista-Stainless.png" alt=""><span>creatista plus j520<br>stainless steel</span>₩ 749,000 </div> </div> <a class="discover-more" href="">DISCOVER MORE <i class="fa fa-long-arrow-right"></i></a> </div> <div class="product-photo"> <img src="img/nes-product-original-machine-01.jpg" alt=""> <img src="img/nes-product-original-machine-02.jpg" alt=""> <img src="img/nes-product-original-machine-03.jpg" alt=""> <img src="img/nes-product-original-machine-04.jpg" alt=""> </div> </div> </div> <div class="btn"> <label for="tab1"></label> <label for="tab2"></label> <label for="tab3"></label> <label for="tab4"></label> </div> </div> </div> </div> </section> <section class="cd-section visible" id="business"> <div> <div class="content"> <div class="business-inner"> <div class="business-feature"> <div class="business-info"> <div class="business-heading"> <h2>SOLUTIONS ADAPTED<br>TO YOUR BUSINESS</h2> <hr class="bar"> <p> Nespresso coffee solutions for professionals are tailored to your specific business needs. Discover our Business Solutions to find out more. </p> </div> <div class="business-photo"> <img src="img/Nes-business-main.jpg" alt=""> </div> </div> <div class="business-pro"> <h2>TAILORED COFFEE SOLUTIONS<br> FOR EVERY BUSINESS AND VENUES</h2> <hr class="bar"> <div class="business-slider"> <div class="slider-card"> <div class="slider-photo"> <img src="img/nes-business-office.jpg" alt=""> </div> <a href="#"> <div class="slider-content"> <h4>office <br><span>The very best for your workplace</span></h4> <p>You care about quality at every level of your business. When you offer <strong>Nespresso</strong> coffees, you show your employees, customers and business partners a truly positive image.</p> </div> </a> </div> <div class="slider-card"> <div class="slider-photo"> <img src="img/nes-business-hotel.jpg" alt=""> </div> <a href="#"> <div class="slider-content"> <h4>Hotel <br><span>Offer memorable experiences</span></h4> <p>As part of an unforgettable stay at your hotel, your guests will remember an exceptional cup of coffee. The choice of <strong>Nespresso</strong> coffees reveals your passion for excellence in every detail and your commitment to your guest's enjoyment.</p> </div> </a> </div> <div class="slider-card"> <div class="slider-photo"> <img src="img/nes-business-cafe.jpg" alt=""> </div> <a href="#"> <div class="slider-content"> <h4>Restaurant & café <br><span>Be inspired by our creative coffee recipes</span></h4> <p>Serving delicious and bespoke beverages can significantly contribute to the success of your establishment.</p> </div> </a> </div> <div class="slider-card"> <div class="slider-photo"> <img src="img/nes-business-dining.png" alt=""> </div> <a href="#"> <div class="slider-content"> <h4>Fine dining <br><span>Offer customers a moment to remember</span></h4> <p><strong>Nespresso</strong> is the perfect partner for fine dining establishments that strive to enhance their guests' experience through an exceptional cup of coffee.</p> </div> </a> </div> <div class="slider-card"> <div class="slider-photo"> <img src="img/nes-business-airplane.jpg" alt=""> </div> <a href="#"> <div class="slider-content"> <h4>Airlines <br><span>Take passenger hospitality to new heights</span></h4> <p>With <strong>Nespresso</strong> , you can show your commitment to excellence by serving one of the coffees blended to satisfy even the most refined tastes.</p> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="cd-section" id="store"> <div> <div class="content"> <div class="store-inner"> <div class="feature"> <div class="office"> <div class="headquarters"> <b>OUR GLOBAL PRESENCE</b> <h2>Headquarters</h2> <p> Every single Nespresso capsule sold in the world is carefully produced at one of our three factories based in Switzerland. Using the latest technology, our team of more than 700 production experts carefully transform the highest quality sustainable coffee beans into our capsules that are exported worldwide. </p> <span>Address : Avenue d’Ouchy 4-6, 1006 Lausanne, Switzerland / Phone : +41 21 796 96 96</span> </div> <div class="customer"> <b>Assistance 24/7</b> <h2>Customer Service</h2> <p> Our Technical Specialists can give you an immediate diagnosis over the phone. If your machine requires a repair, we offer an Assistance Service Program which includes: Collecting your machine from an address of your choice. Loaning a machine for the repair period (subject to availability) Returning your machine to the same collection address 6 month guarantee on the repair of your machine. </p> <span>Address : 16th Floor, 70, Chungjeong-ro, Seodaemun-gu, Seoul, Republic of Korea / Phone : +82 2 3277 1398</span> </div> </div> <div class="service"> <div class="service-item"> <a href="#"><img src="img/nes-orderitem%20(1).png" alt=""></a> <h3>Discover a host of privileges online.</h3> <p> Connect using the Nespresso mobile applications on iPhone, iPad and Android devices and enjoy Nespresso services anywhere. </p> </div> <div class="service-item"> <a href="#"><img src="img/nes-orderitem%20(2).png" alt=""></a> <h3>Order by phone</h3> <p> Our Coffee Specialists are on hand 24/7 to advise you on your selection of Grands Crus and your machine and to provide you with a delivery service suited to your individual needs. </p> </div> <div class="service-item"> <a href="#"><img src="img/nes-orderitem%20(3).png" alt=""></a> <h3>Order in Boutiques</h3> <p> Step into the aromatic, colourful world of Nespresso at your nearest boutique. Here you're invited to discover and taste the full range of Nespresso coffee with our team of coffee experts. </p> </div> </div> </div> </div> </div> </div> </section> <section class="cd-section" id="contact"> <div> <div class="content"> <div class="contact-inner"> <div class="contact-feature"> <div class="contact-form"> <h3><b>Contact</b> Us</h3> <p>Feel free to ask for details, dont’save any questions.</p> <form class="send-box"> <label>Name <span>*</span></label> <input type="text"> <label>Email <span>*</span></label> <input type="email"> <label>Subject <span>*</span></label> <input type="text"> <label>Message <span>*</span></label> <textarea cols="30" rows="10"></textarea> <button>SEND MESSAGE</button> </form> </div> <div class="contact-info"> <h4>Our <b>Office</b></h4> <ul> <li>Address : 70, Chungjeong-ro, Seodaemun-gu, Seoul, Republic of Korea</li> <li>Phone : +82 080 734 1111</li> <li>Email : club.korea@nespresso.com</li> </ul> <h4>Business <b>Hours</b></h4> <ul> <li><i class="fa fa-clock-o"></i> Monday - Friday : 9am to 6pm</li> <li><i class="fa fa-clock-o"></i> Saturday : 9am to 2pm</li> <li><i class="fa fa-clock-o"></i> Sunday : Closed</li> </ul> <h4>Get in <b>Touch</b></h4> <p> Nespresso respects your right to privacy in the online world when you use our websites and communicate electronically with us. We put in place all necessary measures to keep secure any personal information you give us. Read more information about the protection of your data at Nespresso. </p> </div> </div> </div> </div> </div> </section> <!-- Header --> <header> <div class="gnb-inner"> <div class="logo pc"> <a href="#none"><img src="img/NES-logo-bk3.png"></a> </div> <div class="logo mobile"> <a href="#none"><img src="img/NES-logo-wh3.png"></a> </div> <div class="gnb"> <div class="menu"> <a href="#home">Home</a> <a href="#about">About</a> <a href="#product">Product</a> <a href="#business">Business</a> <a href="#store">Store</a> <a href="#contact">Contact</a> </div> <div class="slogan">What Else? | Nespresso.</div> </div> <div class="trigger"> <span></span> <span></span> <span></span> </div> </div> </header> </div> <a href="#" class="gototop"><img src="img/gototop.png" alt=""></a> <a href="https://www.nespresso.com/kr/ko/order/capsules/original" target="_blank" class="btn-order"><i class="fa fa-shopping-cart"></i> Order</a> <nav> <ul class="cd-vertical-nav"> <li><a href="#0" class="cd-prev inactive">Next</a></li> <li><a href="#0" class="cd-next">Prev</a></li> </ul> </nav> </body></html> /* Google web Font */ @import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap'); @import url('https://fonts.googleapis.com/css?family=Manrope:300,400,500,600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Overpass&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Maven+Pro:wght@400;500;600;700&display=swap'); /* FontAwesome CDN 4.7 */ @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /* Reset CSS */ * { box-sizing: border-box; } ul { list-style: none; padding: 0; } a { text-decoration: none; } .mobile { display: none; } /* Default CSS */ body { font-family: 'Josefin Sans', sans-serif; color: #222; font-size: 15px; margin: 0; height: 100vh; background-color: #fff; } /* Entire Layout */ .cd-section { height: 100vh; } .cd-section > div { height: 100%; position: relative; } .content { background-color: #ddd; position: absolute; width: calc(100% - 40px); height: calc(100% - 80px); left: 20px; bottom: 20px; overflow: hidden; } /* Header */ header { position: fixed; top: 0; left: 0; width: 100%; /* background-color: #fff;*/ } .gnb-inner { width: calc(100% - 40px); margin: auto; margin-top: 10px; height: 60px; line-height: 60px; } .logo { float: left; } .logo img { padding-top: 0px; } .gnb { float: right; } .menu { display: none; } .menu a {} .slogan { font-size: 18px; } .trigger { display: none; } /* Store Button */ .btn-order { position: fixed; right: 50px; bottom: 50px; color: #fff; background-color: #466268; padding: 10px 20px; border-radius: 20px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); transition: 0.3s; } .btn-order .fa { margin-right: 5px; } .btn-order:active { transform: scale(0); } /* ################### Section : about ################### */ .about-inner { background: url(img/NES-about-bg1.jpg) no-repeat center center; background-size: cover; height: 100%; } .about-items { width: 50%; color: #f7f7f7; position: absolute; top: 50%; transform: translateY(-50%); left: 200px; } .item { overflow: hidden; margin-bottom: 20px; } .item:hover img { filter: invert(1); } .item:hover h3 { letter-spacing: 2px; } .item img { height: 150px; float: left; margin-right: 20px; filter: invert(50%); padding-top: 20px; transition: 0.5s; } .item span {} .item h3 { font-size: 30px; transition: 0.5s; color: #f7f7f7; } .item p { overflow: hidden; font-size: 22px; font-weight: 300; } /* .about-btn { float: left; margin-left: 150px; width: 200px; height: 50px; background-color: rgba(255, 255, 255, 0.2); border: 3px solid #466268; border-radius: 50; } */ /* ################### Section : product ################### */ .product-inner { height: 100%; overflow: hidden; background-color: #5f373b; } .tabs { height: 100%; width: 400%; transition: 0.5s; } .tab { height: 100%; width: 25%; float: left; position: relative; } .tab > div { height: 100%; float: left; } .product-info { width: 50%; } .product-photo { position: absolute; width: 70%; float: right; left: 51%; /*overflow: hidden;*/ } .product-photo img { width: 70%; } input[name=tabmenu] { display: none; } .btn {; position: absolute; left: 0px; bottom: 30px; width: 51%; text-align: center; } .btn label { cursor: pointer; width: 8px; height: 8px; border-radius: 50%; background-color: #f7f7f7; display: inline-block; margin: 10px; position: relative; } .btn label:before { content: ''; display: inline-block; border: 1px solid transparent; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: -6px; top: -6px; transition: 0.3s; } .btn label:hover:before { border: 1px solid #f7f7f7; } input[id=tab1]:checked ~ .btn label[for=tab1]:before, input[id=tab2]:checked ~ .btn label[for=tab2]:before, input[id=tab3]:checked ~ .btn label[for=tab3]:before, input[id=tab4]:checked ~ .btn label[for=tab4]:before { border: 1px solid #f7f7f7; } input[id=tab1]:checked ~ .tabs { margin-left: 0; } input[id=tab2]:checked ~ .tabs { margin-left: -100%; } input[id=tab3]:checked ~ .tabs { margin-left: -200%; } input[id=tab4]:checked ~ .tabs { margin-left: -300%; } /* Product-info */ .product-info { padding: 50px; color: #f7f7f7; margin-left: 10px; text-align: center; position: relative; } .product-info h3 { font-size: 36px; margin: 0; position: relative; } .product-info p { font-size: 22px; line-height: 1.5em; font-weight: 300; text-align: left; } .product-info ul { font-size: 18px; line-height: 2em; margin: 20px 0; text-align: left; } .product-info ul li:before { content:"\f105"; font-family: fontawesome; font-size: 20px; margin-right: 10px; } .product-info ul li b { font-size: 20px; margin-right: 10px; } .detail { margin: 40px 0; } .detail div { display: inline-block; text-align: center; width: 24%; color: #999; font-size: 18px; } .detail img { width: 180px; margin-bottom: 10px; } .tab:nth-of-type(1) .detail, .tab:nth-of-type(2) .detail { margin-top: 60px; } .tab:nth-of-type(1) .detail div:nth-child(2) img { width: 220px; } .tab:nth-of-type(1) .detail div:nth-child(4) img { width: 160px; } .tab:nth-of-type(2) .detail > div { padding-right: 20px; } .tab:nth-of-type(2) .detail img { margin-left: 30px; margin-bottom: 20px; } .tab:nth-of-type(2) .detail div:nth-child(1) img { width: 120px; } .tab:nth-of-type(2) .detail div:nth-child(2) img { width: 140px; } .tab:nth-of-type(3) .detail img { width: 150px; } .tab:nth-of-type(4) ul { text-transform: uppercase; } .tab:nth-of-type(4) .detail img { width: 130px; } .detail div span { font-size: 20px; font-weight: 400; display: block; color: #fff; margin-bottom: 10px; } .discover-more { background-color: #595049; color: #f7f7f7; text-transform: uppercase; font-size: 15px; width: 250px; display: inline-block; padding: 10px; text-align: center; transition: 0.3s; } .discover-more:hover { background-color: #f7f7f7; color: #595049; } .discover-more .fa { transition: 0.3s; } .discover-more:hover .fa { margin-left: 20px; } .product-info:before { content: attr(data-text); font-size: 100px; color: rgba(221, 221, 221, 0.12); position: absolute; top: 370px; left: 400px; } /* Slick.js Custom CSS */ .product-photo .slick-arrow { display: none !important; } .product-photo .slick-dots li button:before { color: #f7f7f7; font-size: 40px; } /* ################### Section : business ################### */ .business-inner { background-color: #466268; height: 100%; } .business-feature { width: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -20px; } .business-feature > div { height: 320px; color: #f7f7f7; } .business-info {} .business-info div { float: left; } .business-heading { width: 70%; padding-right: 200px; } .business-heading h2, .business-pro h2{ color: #f7f7f7; margin: 0; font-weight: 600; font-size: 36px; } .business-heading p { font-size: 22px; line-height: 1.5em; font-weight: 300; margin-top: 50px; } .business-heading hr.bar, .business-pro hr.bar { /* display: inline-block;*/ width: 250px; height: 4px; border: none; background-color: #f7f7f7; margin: 20px 0; } .business-photo { width: 30%; } .business-photo img { margin-left: -50px; margin-top: -20px; width: 500px; } .business-pro {} .business-slider { position: absolute; width: 100%; height: 300px; } .slider-card { /* border: 5px solid yellow;*/ background-color: #000; position: relative; margin: 0 50px; } .slider-card div { float: left; } .slider-photo { width: 400px; height: 300px; overflow: hidden; } .slider-photo img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: opacity(0.4) } .business-slider .slider-content { position: absolute; width: 100%; color: #f7f7f7; text-align: center; } .slider-content h4 { font-size: 34px; margin: 30px; text-transform: uppercase; font-style: italic; } .slider-content span { font-weight: normal; font-size: 18px; font-style: normal; } .slider-content p { font-size: 18px; margin: 20px 10px; line-height: 2.2rem; font-weight: 200; } .business-slider .slick-prev:before, .slick-next:before{ font-size: 40px; } /* ################### Section : store ################### */ .store-inner { background: url(img/NES-store-bg.jpg) no-repeat center center; background-size: cover; height: 100%; } .store-inner:before { /* 기본 inline 요소 */ content: ''; background-color: rgba(0, 0, 0, 0.8); position: absolute; /* 중요!! */ width: 100%; height: 100%; } .feature { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f7f7f7; } .feature > div { float: left; } .office { width: 60%; padding-top: 40px; padding-right: 60px; } .service { width: 40%; padding-top: 30px; } .office b { font-size: 30px; font-weight: 300; text-transform: uppercase; } .office h2 { font-size: 50px; color: #466268; text-shadow: 1px 1px 1px #fff; font-weight: bold; margin: 0; margin-top: 20px; } .office p { font-size: 18px; font-weight: 300; line-height: 1.3em; padding-bottom: 10px; } .office span { font-size: 16px; font-weight: 400; } .customer { margin-top: 80px; } .service-item { margin-bottom: 40px; } .service-item img { filter: invert(1); height: 60px; transition: 0.3s; } .service-item img:hover { transform: scale(1.1); } .service-item h3 { color: #f7f7f7; font-size: 26px; margin: 0; margin-top: 10px; } .service-item p { font-weight: 300; font-size: 18px; } /* ################### Section : contact ################### */ .contact-inner { background: #595049 url(img/NES-sub-about-bg.png) no-repeat right bottom; height: 100%; background-size: 40%; } .contact-feature { width: 70%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .contact-feature > div { float: left; width: 40%; padding: 20px; margin-right: 60px; color: #f7f7f7; font-weight: 300; } .contact-form {} .contact-form h3 { font-size: 30px; font-weight: normal; margin: 0; text-transform: uppercase; } .send-box {} .send-box label { display: block; font-weight: bold; font-size: 16px; margin: 10px 0; margin-top: 20px; } .send-box label span { color: crimson; font-weight: normal; } .send-box input[type=email], .send-box input[type=text], .send-box textarea { border: 1px solid #000; padding: 10px; border-radius: 3px; outline: none; width: 100%; transition: 0.5s; } .send-box input[type=email]:hover, .send-box input[type=text]:hover, .send-box textarea:hover { border: 2px solid #466268; } .send-box input[type=email]:focus, .send-box input[type=text]:focus, .send-box textarea:focus { background-color: #bbb; } .send-box button { background-color: #466268; color: #f7f7f7; text-transform: uppercase; padding: 12px 20px; border: none; border-radius: 3px; cursor: pointer; transition: 0.3s; margin-top: 10px; } .send-box button:hover { background: #5f373b; } .contact-info { margin-top: 30px; } .contact-info h4 { font-weight: normal; font-size: 25px; margin: 0; margin-top: 30px; } .contact-info ul {} .contact-info ul li { line-height: 2em; } .contact-info ul li:nth-child(3) { font-weight: bold; } .contact-info p { line-height: 1.5em; } .contact-info ul li fa {} $(function () { // Trigger $('.trigger').click(function () { $(this).toggleClass('active') $('.gnb').toggleClass('active') }) $('section, .menu a').click(function () { $('.gnb').removeClass('active') $('.trigger').removeClass('active') }) // Smooth Scrolling $('.menu a, .gototop').click(function (e) { $.scrollTo(this.hash || 0, 900) }) // Change CSS with Scroll $(window).scroll(function () { if ($(window).scrollTop() > 50) { $('header, .gototop').addClass('active') } else { $('header, .gototop').removeClass('active') } }) // Slick.js : business $('.business-slider').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3500, }) // Slick.js : product photo /*$('.product-photo').slick({ dots: true, infinite: true, speed: 500, fade: true, autoplay: true, autoplaySpeed: 3500, cssEase: 'linear', }) */ }) slick js 적용 전  slick js 적용 후 (autoplay 적용)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. GET 메서드 바디를 지원하지않은 서버도 있다고 하셨는데. 저희가 서버를 살때(?)/구축할때(?) 지원하는 서버로 사면 되는거 아닌가요? 

TypeError: imageInput.current.click is not a function 에러가 나고 있어요.. 콘솔에 찍어봐도 click은 안보이고 검색해보고 비교도 해봤는데 도저히 못찾겠네요 ㅡㅠ  코드 한번만 봐주세욥.. import { Button, Form, Input } from "antd"; import React, { useCallback, useRef } from "react"; import { useDispatch, useSelector } from "react-redux"; import useInput from "../hooks/useInput"; import { addPost } from "../reducers/post"; const PostForm = () => { const dispatch = useDispatch(); const imageInput = useRef(); const [text, onChangeText, setText] = useInput(""); const { imagePaths } = useSelector((state) => state.post); const onSubmit = useCallback(() => { dispatch(addPost); setText(""); }, []); const onClickImageUpload = useCallback(() => { imageInput.current.click(); }, [imageInput.current]); return ( <Form style={{ margin: "10px 0 20px" }} encType="multipart/form-data" onFinish={onSubmit} > <Input.TextArea value={text} onChange={onChangeText} maxLength={140} placeholder="어떤 신기한 일이 있었나요?" /> <div> <Input type="file" multiple hidden ref={imageInput} /> <Button onClick={onClickImageUpload}>이미지 업로드</Button> <Button type="primary" style={{ float: "right" }} htmlType="submit"> 짹짹 </Button> </div> <div> {imagePaths.map((v) => ( <div key={v} style={{ display: "inline-block" }}> <img src={v} style={{ width: "200px" }} alt={v} /> <Button>제거</Button> </div> ))} </div> </Form> ); }; export default PostForm;

강사님 github에서 그대로 가져와서 mongodb연결도 잘 했습니다.  4번째 강의까지는 잘 됬던것 같은데 이번 강의부터 이런 에러가 뜨네요. 뭐가 문제인지 한번 봐주실 수 있나요? ㅠㅠ unibook1283/movieApp (github.com) 어 그런데 react 페이지에서 회원가입/로그인은 잘 되네요 몽고디비에 데이터도 들어오고

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강의를 이제 수강했습니다. 데이터를 다운받는 중 문제가 있어서요. 1챕터 주택도시보증공사 민간아파트 데이터 강의에 링크된 https://www.data.go.kr/dataset/3035522/fileData.do 이 링크가 데이터가 폐기되었다고 다운을 못받아서  드라이브에 올려주신 데이터셋으로 실습환경을 세팅했습니다. 알고 계시는게 좋을 것 같아 글 남깁니다. 좋은 강의 감사합니다.

- hadoop insttall 수업 자료는 없나요?.

안녕하세요 열심히 진도 따라가면서 수업을 듣고있는데 어제랑 오늘이 화면 상황이 달라서 문의드립니다. 어제는 git에 올리는거 까지 정상으로 실행되었는데요.. 오늘 다시 npm start 하고난다음에 리액트에서 상품 페이지가..안뜨더라구요..;; 어제까지는 페이지 넘어가는거 까지 됬는데 지금은 상품 이미지가 없어져서.. 무엇때문인지 몰라서 문의드립니다..ㅠ 오류 로그도..갑자기 뜨는거 같은데.. 무엇때문일까요? - App 이미지 - -main Page 이미지 -1 - -main Page 이미지 -2- -product_index 이미지  - -scr_index 이미지  - -upload_index 이미지  - -package.json 이미지  - -git이미지  - -postman 이미지 -1  - -postman 이미지 -2  - -postman 이미지 -3  - -마켓이미지  - (어제까지는 서버 받아서 실행이 됬었음..) -오류 로그 -

안녕하세요. 강의내용중에 문의사항이 있어 문의드립니다. #성인 남여 평균 키 기준을 통해, 평균 이상/미만 여부를 구분하려 한다. 출력 예와 같은 결과를 얻도록, 코드를 완성하시오. 176.3cm, 남 => 평균키 이상 162.7cm, 여 => 평균키 이상 171.8cm, 남 => 평균키 이하 158.4cm, 여 => 평균키 이하 해당 문제를 풀다보니 아래 부분에서 오류 발생 및 혼선이오는데요 ① test의 메소드 영역안에 printf의 출력이 들어가는 경우에는 정상 출력이 됩니다. public class AverageHeight { public static void main(String[] args) { test(176.3, true) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(162.7, false) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(171.8, true) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(158.4, false) ; // 176.3cm, 남 => 평균키 이상, 남자=true } public static void test(double height, boolean isMale) { String gender = "" ; // gender 변수 생성 String result = "" ; // result 변수 생성 if (isMale) { gender = "남" ; // 남자 조건문 생성 if (height > 173.5) { // 남자 평균키 173.5보다 크다) result = "이상" ; //평균키보다 높다: 이상 } else { result = "이하" ; //평균키보다 낮다 : 미만 } } else { gender = "여" ; //여자 조건문 생성(False) if (height > 160.8) { // 여자 평균키 160.8보다 크다) result = "이상" ; //평균키보다 높다: 이상 } else { result = "이하" ; //평균키보다 낮다 : 미만 } } System.out.printf("%.1fcm, %s => 평균키 %s", height, gender, result); }} ② test의 메소드 영역밖에 printf의 출력이 들어가는 경우에는 정상 출력이 되지 않는데 왜 안되는지 이해가 잘 가지 않습니다. public class AverageHeight { public static void main(String[] args) { test(176.3, true) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(162.7, false) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(171.8, true) ; // 176.3cm, 남 => 평균키 이상, 남자=true test(158.4, false) ; // 176.3cm, 남 => 평균키 이상, 남자=true } public static void test(double height, boolean isMale) { String gender = "" ; // gender 변수 생성 String result = "" ; // result 변수 생성 if (isMale) { gender = "남" ; // 남자 조건문 생성 if (height > 173.5) { // 남자 평균키 173.5보다 크다) result = "이상" ; //평균키보다 높다: 이상 } else { result = "이하" ; //평균키보다 낮다 : 미만 } } else { gender = "여" ; //여자 조건문 생성(False) if (height > 160.8) { // 여자 평균키 160.8보다 크다) result = "이상" ; //평균키보다 높다: 이상 } else { result = "이하" ; //평균키보다 낮다 : 미만 } }} System.out.printf("%.1fcm, %s => 평균키 %s", height, gender, result); }