다음과 같은 에러가 납니다   ``` Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you m₩ ight have mixed up default and named imports. Check the render method of `IndexPage`. ``` index page 파일은 다음과 같습니다. import React, { FunctionComponent } from 'react'import Text from 'components/Text'const IndexPage: FunctionComponent = function () { return ( <div> <Text text="Home" /> </div> )}export default IndexPage   별다른 에러는 없어 보이는데 왜일까요? develop 명령어 실행시에 이런 콘솔창에 에러는 아니지만 이런 경고가 뜹니다. ``` warn ./src/pages/info.tsx Attempted import error: 'components/Text' does not contain a default export (imported as 'Text'). ``` gatsby-config.js와 gatsby-node.js는 모두 강의에 나온 그대로 설정하였습니다.  

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]제목과 같이 [cd build] 명령어 입력 이후에 [ls] 명령어 입력하혔는데 아래처럼 강사님과 동일하게 build가 되지 않은 것을 확인했습니다. 명령어를 잘못 입력한 것일까요?   - [ls -a] / [ll] / [ls -l] 등등 다른 명령어를 입력하면 + CategoryInfo : ObjectNotFound: (ls-a:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 라는 오류가 발생합니다.

안녕하세요! 강의 재미있게 잘 듣고 있습니다😀 npm 을 사용하면 node_modules에 직접 라이브러리를 다운받아 사용할 수 있다고 해주셨는데요 (로컬에 저장), 기존의 script 태그를 사용하는 경우에는 해당 라이브러리의 코드를 어디에 저장해서 사용하는지 궁금합니다. html이 불려올 때 마다 script에 적혀있는 라이브러리를 다운로드 받는건가요..?   감사합니다!

안녕하세요, 선생님. 상세한 강의 덕분에 즐겁게 배우고 있습니다. 영상을 보면 너무나 쉬운데 혼자하려고 하면 언제나 막히네요^^   이번 영상에서의 질문은요, 말씀처럼 간격설정을 하였음에도 프리뷰를 눌러서 보면 간격이 생긴것 처럼라인은 보이지만, 옅은 그레이색으로 배경이 깔려 있어요.. 첨부파일 한번 봐주시면 감사하겠습니다~   그럼 감기 조심하시고, 코로나도 항상 조심하세요~

sum이 주어진 값(m)을 초과하였을 때 sum에서 lt(제 코드에서는 start) 인덱스 값을 빼주는 것이 아니라 포인터와 sum을 초기화하면서 진행하였는데 이런 코드는 효율성이 떨어질까요? 또한 제 코드에 대한 반례가 있는지도 궁금합니다.   <script> function solution(m, arr) { let answer = 0; let start = end = 0; let sum = 0; while (start < arr.length) { while (end < arr.length && sum < m) { sum += arr[end++]; } if (sum === m) { answer++; } start++; end = start; sum = 0; } return answer; } let a = [1, 2, 1, 3, 1, 1, 1, 2]; console.log(solution(6, a)); </script>

vendor사 선택 과정에서 Openswan선택하셨는데 현재 aws 에는 Openswan가 뜨지 않습니다. 

제일 처음에 jdbc:h2:~/test 로 연결할 때는 문제 없이 연결되고 cmd창에서 확인해보니 ~/test.mv.db 파일도 생성됐습니다.   그런데 이후에 jdbc:h2:tcp://localhost/~/test로 접속하니 사진과 같이 뜹니다.. localhost로 접속해도 마찬가진데 해결방법이 없을까요?

userSchema뒤 userSchema.methods / userSchema.statics 부분의 기능과 각각 어떤 차이가 있는건지 궁금합니다!

    선생님 ,,, 도저히 왜 안되는지 모르겟어요 ㅜㅜㅜㅜㅜㅜ appendChild에서 자꾸 읽을 수 없다고 뜨는거 같은데 ㅜㅜ왜 안될까요 ㅜㅜ

캐쉬에대해 자세히 알아보고싶어서 인터넷으로 공부중에 궁금한점이 생겨서 질문드립니다.    Cache-Control 값으로 max-age=0, s-maxage=31536000 을 설정했습니다. 이로써 브라우저는 HTML 파일을 가져올 때마다 서버에 재검증 요청을 보내고, 그 사이에 배포가 있었다면 새로운 HTML 파일을 내려받고  CDN(중간서버)은 계속해서 HTML 파일에 대한 캐시를 가지고 있도록 했습니다.  -- 근데 이때 대신 배포가 이루어질 때마다 CDN Invalidation을 발생시켜 CDN이 서버로부터 새로운 HTML 파일들을 받아오도록 설정했습니다 라고 써져있는데 이때 CDN Invalidatioin은 s-maxage=31536000 라고 중간서버 캐쉬생명시간을 설정해놓으면 자동으로 validation이 이루어지는 건가요?  

안녕하세요. 위 두 사진과 같이 수업대로 코딩하고 새로고침하여 웹사이트에서 불러오기를 했는데, 이미지 호출이 안되는건 왜 그런지 알고 싶습니다! 콘솔창을 보니 이렇게 뜨는데 d드라이브의 폴더가 한국말이라서 그런것 같기도 하고요. 이럴때 어떻게 해결하면 될지 궁금합니다.

안녕하세요. !!!ㅎㅎㅎ 추상 모델을 상속받고 수동으로 모델객체를 생성해서 사용하려고 하는데 자동으로 생성되어야 하는created_at, updated_at 필드에서 에러가 나서 질문드립니다!! 아래는 추상모델이고요!!   class BaseModel(Model):     # 키값     driver_pk = models.CharField(max_length=10, verbose_name="키값")     created_at = models.DateTimeField(auto_now_add=True)     updated_at = models.DateTimeField(auto_now=True)     class Meta:         abstract = True   아래는 위 BaseModel을 상속받아 사용하는 모델입니다!!   class Driver(BaseModel):     class StateChoices(models.TextChoices):         DONE = "DONE", "O"         ING = "ING", "△"         RELEASE = "RELEASE", "X"     # 상태     state = models.CharField(         choices=StateChoices.choices,         verbose_name="상태",         max_length=10,     )     release_date = models.DateField(null=True, blank=True, verbose_name="해지날짜")     q = Driver(     state= Driver.StateChoices.DONE,      driver_pk="홍길동123456",      release_date="2021-12-15", )   위와 같이 모델 객체를 생성하려는데 (위에 모델사용을 위한 기본 셋팅은 다되있는상태입니다!)IntegrityError: NOT NULL constraint failed: drivers_driver.created_at 에러가 뜨네요!?원래 자동으로 생성되서 위 에러는 안떠야하는것같은데 이유가 뭘까요?그리고 어떻게 하면 해결할 수 있을까요!!?? (어드민에서는 정상적으로 잘생성되고 업데이트도 잘 동작합니다 )   감사합니다~!~!~!~    

리눅스에 패키지 다운로드 받고 사용해도 상관 없을까요?? command가 다르다면 윈도우에서 진행해야하나 싶어서 질문드립니다!

안녕하세요.   캐쉬 조건부 검증파트에서 만약 캐쉬저장소에 있는 캐쉬가 서버에있는 캐쉬랑 동일한 상태(최신상태)일때  서버에서 304 리타이렉트 http 응답코드를 response해주고(저장소의 캐쉬를 이용할것이기때문에 Http body부분제외) 저장소에서 캐수를 조회해서 사용한다고 이해했습니다.   근데 만약 이런식으로 Last-Modified: 2020년 11월 10일 10:00:00 조건부검증을 했는데 마지막수정날짜가 일치하지않으면  서버에서는 어떤 응답코드를 response를 해주나요?? 혹시 200 OK 응답코드와 서버가 갖고 있는 최신리소스를 대신 response 해줄수 있나요?

안녕하세요 루키스님. 개발을 하다 보니 딕셔너리를 복사해 사용해야될 때가 있는데 dictionary<> dict1 = dict2 를 한 뒤 dict1을 수정할 경우 dict2의 내용까지 변경 되는 현상을 겪었습니다. 알아보니 얕은복사, 깊은복사의 개념으로 개념은 어느정도 이해했으나 구현하는 부분은 샘플코드를 봐도 쉽게 이해가 안되네요...   혹시 딕셔너리의 깊은복사에 대한 샘플 코드나 예제를 설명해주실 수 있으신가요?

안녕하세요! 먼저 좋은 컨텐츠를 무료로 제공해주심에 감사합니다! 자바에서 thread.start()메서드를 호출한 후 join메서드를 호출하기 전까지는 main thread와 새로 만든 runner thread가 동시에 돌아가 C와 A중 어느 것이 먼저 출력될지는 알 수 없는게 아닌가 싶어서 질문드립니다. 

로블록스에 블랜더도 적용가능할까요?   

sudo su 관리자 모드에서 vim .env 통해 S3_ACCESS_KEY_ID와 S3_SECRET_ACCESS_KEY를 추가하고 wq를 통해 저장까지 했습니다. 그런데 CredentialsError: Missing credentials in config 에러가 생깁니다. 그래서 제가 확인해본 것이 pakage.json과 .env를 다시 봤는데 문제가 없습니다.. 뭐가 문제인지 조언 부탁드립니다.. 질문이 많아서 죄송합니다..(계속해서 헤매는데 못 찾겠습니다..)

data-alt 속성 넣어서 제작했는데, 처음에 제작했을때는 잘 되다가 다시 확인해보니 연동이 되질 않습니다.. 코드 실수가 있는지 확인 부탁드리겠습니다..ㅠㅠ    * 이 뿐만 아니라 WOW,  tab menu,  parallaxScroll 등 다른 제이쿼리도 연동이 됐다 안됐다 하네요.. 다른 포폴 파일도 라이브러리가 됐다 안됐다 하는데, 혹시 이런 경우 보셨을까요..?ㅠㅠ   <!-- Sub menu list --> .sub-menu > ul > li 를 클릭했을때 아래 각 section과 연동되어야함   <section class="sofa-collection tabs active" id="tab1"> <section class="bath-collection tabs" id="tab2"> <section class="bed-collection tabs" id="tab3">         <!-- Sub menu list -->     <div class="sub-menu">       <ul class="sub-menu-item">         <li data-alt="tab1" class="active"><a href="#">sofa</a></li>         <li data-alt="tab2"><a href="#">bathroom</a></li>         <li data-alt="tab3"><a href="#">bedroom</a></li>       </ul>     </div>     <!-- Section : inspiration-sofa-collection -->     <section class="sofa-collection tabs active" id="tab1">       <div class="sofa-inner">         <!-- Heading -->         <div class="sofa-heading utd wow">           <h2>THE HAY SOFA COLLECTION</h2>           <hr class="bar">         </div>         <!-- Quilton -->         <div class="sofa-content">           <div class="sofa-left ltr wow">             <div class="sofa-big" onclick="location.href='#none'">               <img src="img/inspiration-sofa-01.png">               <div class="sofa-headline">                 <h3>QUILTON 3 SEATER</h3>                 <p>                   Its numerous upholstery choices include mono, duo, or with a black contrasting platform, with the finely-detailed quilted upholstery encapsulating the softness and volume of the foam and wadding seats and creating exceptional comfort. Quilton takes sofa design to a new level of versatility that makes it suitable for a wide range of domestic and public spaces.                   <small class="inview"><ins>Quilton Duo Comb 19 Left</ins> / <ins>Slit High Table</ins></small>                 </p>                 <div class="coll-btn">                   <a href="#none" class="find-dealer">FIND DEALER</a>                 </div>               </div>             </div>           </div>           <div class="sofa-right rtl wow">             <div class="sofa-items-up">               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-11.png">                   <span class="badge best">Best</span>                 </div>                 <p><ins>Quilton Duo Comb 19 Left</ins> / <ins>Slit High Table</ins></p>               </div>               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-12.png">                 </div>                 <p><ins>Quilton Ottoman</ins></p>               </div>             </div>             <div class="sofa-items-down">               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-04.png">                   <span class="badge new">New</span>                 </div>                 <p><ins>Quilton Combination 21 Right</ins> / <ins>Kofi</ins></p>               </div>               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-02.png">                 </div>                 <p><ins>Quilton Contrast base Comb 23 Left</ins> / <ins>Kofi</ins></p>               </div>             </div>           </div>         </div>         <div class="coll-btn utd wow">           <a href="#none" class="view-more">View more</a>         </div>         <div class="sofa-video">           <video class="video" width="800" controls>             <source src="videos/hay-Mags-Soft-Low-3-Seater-Sofa.mp4" type="">           </video>         </div>         <div class="section-text utd wow">           <h4>QUILTON</h4>           <p>             Described by the designers as a ‘quilted landscape sofa system’, Quilton serves as a central platform for living, working, socializing and relaxing. Offering a wide assortment of different modules, Doshi Levien’s multi-functional sofa provides the flexibility of a modular system with generous dimensions and sculpted forms. Its numerous upholstery choices include mono, duo, or with a black contrasting platform, with the finely-detailed quilted upholstery encapsulating the softness and volume of the foam and wadding seats and creating exceptional comfort. Quilton takes sofa design to a new level of versatility that makes it suitable for a wide range of domestic and public spaces.           </p>         </div>         <!-- MAGS -->         <div class="sofa-content flex-order">           <div class="sofa-right ltr wow">             <div class="sofa-items-up">               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-05.png">                   <span class="badge new">new</span>                 </div>                 <p><ins>MAGS 3 SEATER COMBINATION 1</ins> / <ins>DLM</ins></p>               </div>               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-06.png">                   <span class="badge new">new</span>                 </div>                 <p style="font-size: 14px"><ins>MAGS 2,5 SEATER COMBINATION 3</ins></p>               </div>             </div>             <div class="sofa-items-down">               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-07.png">                 </div>                 <p><ins>Mags 3 Seater comb 1</ins> / <ins>Pouf</ins></p>               </div>               <div class="sofa-thum" onclick="location.href='#none'">                 <div class="sofa-photo">                   <img src="img/inspiration-sofa-08.png">                   <span class="badge best">best</span>                 </div>                 <p><ins>Mags Sofa 3 seater comb 4</ins> / <ins>AAL 83</ins></p>               </div>             </div>           </div>           <div class="sofa-left rtl wow">             <div class="sofa-big" onclick="location.href='#none'">               <img src="img/inspiration-sofa-14.png">               <div class="sofa-headline">                 <h3>MAGS 3 SEATER COMBINATION 1</h3>                 <p>                   Designed with maximum comfort and minimum details, the Mags sofa combines strong aesthetics with timelessness to create a HAY classic. Keeping superior comfort and quality in mind, Mags is built using a solid construction with durable, high-density foam and interior padding for optimal longevity. The low frame has a distinctly lounge feel, which is reinforced by the deep seats and results in an open, welcoming space.                   <small class="inview">                     <ins>MAGS SOFA</ins> / <ins>RAW RUG NO. 2</ins> / <ins>TULOU COFFEE TABLE</ins> / <ins>MOHAIR BLANKET</ins> / <ins>FIFTY-FIFTY FLOOR LAMP</ins>                   </small>                 </p>                 <div class="coll-btn">                   <a href="#none" class="find-dealer">FIND DEALER</a>                 </div>               </div>             </div>           </div>         </div>         <div class="coll-btn utd wow">           <a href="#none" class="view-more">View more</a>         </div>         <div class="section-text second utd wow">           <h4>MAGS</h4>           <p>             Designed with maximum comfort and minimum details, the Mags sofa ensures what lies beyond its strong aesthetic presence has an equally lasting impact. The wide range of functional modular units mean the sofa can be fully customised with chaise longue, corner modules or additional seats to suit any room or purpose, while the high quality upholstery options enables the sofa to find its own personality.           </p>         </div>       </div>     </section>     <!-- Section : inspiration-bath-collection -->     <section class="bath-collection tabs" id="tab2">       <div class="sofa-inner bath-inner">         <!-- Heading -->         <div class="sofa-heading bath-heading utd wow">           <h2>BATHROOM INSPIRATION</h2>           <hr class="bar">         </div>         <!-- Bath-container-->         <div class="sofa-video bath-video">           <video class="video" width="800" controls>             <source src="videos/hay-Waffle-Bathrobe-Waffle-Slippers.mp4" type="">           </video>         </div>         <div class="section-text utd wow">           <p>             These days, investing a little love and care in the domestic spaces we often neglect -- bathroom, we're looking at you! -- can make a world of difference. That's why we've created a range of fresh new products that are sure to brighten up that underappreciated space, from pretty and practical storage solutions like Basket, now available in new Spring colours, to the brilliant Chim Chim Scent Diffuser, which can make even the most modest of washrooms feel more like a spa.           </p>         </div>         <div class="bath-content">           <div class="bath-items">             <div class="bath-top">               <div class="bath-thum utd wow" onclick="location.href='#none'">                 <div class="bath-photo">                   <img src="img/inspiration-bath-01.jpg">                   <span class="badge best">Best</span>                 </div>                 <p><ins>Basket</ins></p>               </div>               <div class="bath-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'">                 <div class="bath-photo">                   <img src="img/inspiration-bath-02.jpg">                 </div>                 <p><ins>Waffle Bathrobe Sky Blue</ins></p>               </div>             </div>             <div class="bath-down utd wow">               <div class="bath-thum" onclick="location.href='#none'">                 <div class="bath-photo">                   <img src="img/inspiration-bath-03.jpg">                   <span class="badge new">New</span>                 </div>                 <p><ins>Chim Chim Scent Diffuser</ins></p>               </div>               <div class="bath-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'">                 <div class="bath-photo">                   <img src="img/inspiration-bath-08.jpg">                 </div>                 <p><ins>Colour Crate / Frotté Towel</ins></p>               </div>               <div class="bath-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'">                 <div class="bath-photo">                   <img src="img/inspiration-bath-07.jpg">                 </div>                 <p><ins>Waffle Slippers / Giant Waffle Bath Towel</ins></p>               </div>             </div>           </div>         </div>         <div class="coll-btn utd wow">           <a href="#none" class="view-more">View more</a>         </div>       </div>     </section>     <!-- Section : inspiration-bed-collection -->     <section class="bed-collection tabs" id="tab3">       <div class="sofa-inner bath-inner bed-inner">         <!-- Heading -->         <div class="sofa-heading bath-heading bed-inner utd wow">           <h2>BEDROOM INSPIRATION</h2>           <hr class="bar">         </div>         <!-- bed-container-->         <div class="bath-content bed-content">           <div class="bath-items bed-items">             <div class="bath-top bed-top utd">               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-05.jpg">                   <span class="badge best">Best</span>                 </div>                 <p><ins>Bias Quilt / Slit Table / Turn On Lamp</ins></p>               </div>               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-04.jpg">                   <span class="badge new">New</span>                 </div>                 <p><ins>Pao Steel Pendant / Ellipse Tray / Tray Table</ins></p>               </div>             </div>             <div class="section-text utd wow">               <p>                 A peaceful, productive day starts in the bedroom, so it’s the perfect place to invest some attention and care.</p>               <p>                 Whether you’re looking for an elegant bedspread like Kite, Bias, or Megadot, a cozy bathrope to warm up on cold mornings, or any kind of accessory – from storage to table lamps – HAY has a little bit of everything you might need to make your bedroom the sanctuary it should be.               </p>             </div>             <div class="bath-down bed-down">               <div class="bath-thum bed-thum utd wow" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-07.jpg">                 </div>                 <p><ins>Matin Table Lamp / Duo Bed Linen / Tray Table </ins></p>               </div>               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-09.jpg">                 </div>                 <p><ins>Knit</ins></p>               </div>               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-10.jpg">                 </div>                 <p><ins>Soft Coat Hanger</ins></p>               </div>             </div>             <div class="bath-down bed-down">               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.25s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-08.jpg">                 </div>                 <p><ins>Chim Chim Scent Diffuser / Tray Table</ins></p>               </div>               <div class="bath-thum bed-thum utd wow" data-wow-delay="0.5s" onclick="location.href='#none'">                 <div class="bed-photo">                   <img src="img/inspiration-bed-06.jpg">                 </div>                 <p><ins>Outline Cushion / Crinkle Bedspread</ins></p>               </div>             </div>           </div>         </div>         <div class="coll-btn utd wow">           <a href="#none" class="view-more">View more</a>         </div>       </div>     </section>     // inspiration tab menu   $('.sub-menu-item li').click(function(){     $(this).addClass('active')     $(this).siblings().removeClass('active')     var tab = $(this).attr('data-alt')     $('.tabs').removeClass('active')     $('#' + tab).addClass('active') });

안녕하세요. 선생님의 강의를 보고 아래 야후에서 크롤링(숫자: 8,021,000)을 해볼려고 했는데 전혀 읽혀지지가 않네요. 어떻게 접근을 해야 되는건가요?ㅠㅠ   코드를 이렇게 작성은 해봤는데 전혀 아무것도 안나오네요ㅠㅠ   response = requests.get('https://finance.yahoo.com/quote/QCOM/balance-sheet?p=QCOM') html = response.text soup = BeautifulSoup(html, 'html.parser') word = soup.select('.fin-col').text print(word)