str?.length > n ? str.substr(0, n - 1) + "..." : str;   이부분을    (str.length > n) ? str.substr(0, n - 1) + "..." : str;   썼더니 에러가 납니다..  (Cannot read properties of undefined (reading 'length'))   str? -->> 삼항연산자의 시작이라는 건 알겠는데 .. .length의 의미는 뭔가요

안녕하세요 강사님 TDD 작성 중에 맨 아래 About me에서만 에러가 나네요. Blog는 정상적으로 작동하고요. 어떻게 에러를 고쳐야 할까요?        

  안녕하세요 좋은 강의 잘 듣고있습니다. 감사합니다.   useOnClickOutside 함수에서   document.addEventListener("mousedown", listener); document.addEventListener("touchstart", listener); 를 이용해서 모달 창 외부를 클릭했는지 감지하는 것으로 이해했습니다.   그래서 저는 mousedown과 touchstart 대신에 document.addEventListener("click", listener) 을 써도 되지 않을까 싶어서 해봤는데 이렇게 하니까 모달창이 아예 나타나지 않더라구요.   'touchstart' 이벤트 리스너는 없어도 동일하게 동작하는 것 같은데 'click' 'mousedown' 이벤트는 어떤 차이가 있는 것인지 궁금합니다. 감사합니다.  

    여기서 41번째줄 params 빨간줄 지나가도 괜찮나요 실행은 잘되는데 이유가 궁금합니다 undefine이라고 하는데... 잘모르겠네요

사이트에 나와있다면 어디에 나와있는지 알려주시면 감사하겠습니다 !

https://github.com/kkyu0718/react-study/tree/main/react-netflix-clone 코드는 위에 있습니다. 일단은 app.js 가 한번 렌더링되면서 banner도 한번 렌더링 되어야하는데 이렇게 8번이 실행됩니다. 1번 때문에 실행이 안되고 있는 걸수도 있는데 useEffect() 에서의 fetchData가 실행이 되고 있지않아 Uncaught TypeError: Cannot read properties of undefined (reading 'results') 가 발생하는거 같습니다. 코드를 다시 아무리봐도 문제는 없어보이는데 혹시 어떻게 해결해야될까요?     

  useEffect(() => {       first           return () => {         second       }     }, [third]) useEffect를 사용할때 first는 처음 렌더링이 된후에 실행 second는 앱이 종료될때 실행되고 third는 어떠한 state가 변경될때 useEffect를 다시 실행할것인가? 로 이해를 했습니다 여기서 질문이 있는데  nav.js에서는 처음 렌더링후 우리가 스크롤을 하였을때 추가적인 렌더링이 필요하기에 useEffect로 이벤트를 만들었다 라고 이해를 하였는데 Banner.js에서는 백그라운드이미지 경로에 movie.backdrop_path를 넣는데 렌더링 되기전에 useEffect가 먼저 실행이 된것인가요? 먼저 실행이 안되면 movie안에는 아무것도 없지 않나요?  실력이 없어 질문이 일목요연하지 못한점 죄송합니다     추가로 console.log()로 찍어보니 렌더가 되고 useEffect()가 실행이 되어서 setmovie로 스테이트를 set해주고 그래서 스테이트가 바뀌니 다시 렌더가 되고 근데 문제는 처음에 렌더가 될때 movie가 비었기 때문에 에러가 떠야하는데 순서가 위와 같이 나옵니다 렌더 에러 이펙트 렌더가 맞지 않나요?  

- 학습에 관련된 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   post_list.html에서는 변수를 소문자로 변환한 모델명 + _list 로 사용했는데 post_detail.html에서는 변수를 소문자로 변환한 모델명(post)로 사용한건가요? 어떤 방식으로 하는건지 설명이 없어서요...

저만 그런건지 모르겠지만 아래 환경에서 jest.fn() is not function 에러가 발생하고 있습니다. 1. Express.JS 사용 중 2. ES6 문법을 사용 중 3.  package.json 에 "type":"module" 옵션 추가 4. 그로 인해 import 구문의 './파일명.js' 로 작성해야함 5.  package.json 의 script 항목의 "test" : "jest" 를 아래로 변경 "node --experimental-vm-modules node_modules/jest/bin/jest.js"    에러 발생 원인은 '.js' 부분 떄문이라고 추측하지만 정확하지 않습니다. 떠힌 Jest NODEModules 기능은 실험적 기능이며, 몇몇 기능이 지원되지 않는 것이라고 추측하고 있습니다.따라서 dev 환경에서는 ES6 를 쓰도록 별도로 셋업하고 ES5 로 빌드 하는 과정이 필요한 것이 아닌가 싶었습니다.git clone https://github.com/unchaptered/express-web my-app 혹은npx degit unchaptered/express-web my-appcd my-appnpm i를 이용해서 프로젝트를 셋업하고 작성하시면 됩니다.커뮤니티에도 올려두었는데 문제 되는 부분 있으면 댓글 부탁드립니다.  ES6 Express Jest Boilerplate Template ES6 익스프레스 보일러플레이트 탬플릿 - 인프런 | 자유주제 (inflearn.com)

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.   영상의 10분 근처에서 영한님께서 save와 findAll 테스트를 만들어주셨는데,   save의 given에서는 인스턴스를 하나 생성해서 when에서 인메모리 자료구조(가상 데이터베이스)에 저장하며 then에서 member객체를 직접 찾아오게 되었습니다. 그후 assertion을 진행하였습니다.   findAll의 given에서 역시 인스턴스를 생성하였는데, 이번엔 가상 데이터베이스에 저장하는 부분까지 given으로 넣게 되었습니다. 그리고 save에서는 assertion을 하기 위한 결과를 then에서 만들었었지만, findAll에서는 when에 이 부분이 들어가게 됩니다. 그리고 then에는 오직 assertion 구문만이 들어가게 됩니다.   given은 주어진 리소스, when은 주어진 리소스로 이루어진 행위, 테스트 하고자 하는 행위의 결과값을 구하는 과정, then은 그 결과 값으로 맞는지 테스트 하는 과정이라고 이해 했었는데,   제가 이해한 대로라면, findAll의 when 부분에 가상 데이터베이스에 저장하는 과정 또한 들어가야 한다고 생각했습니다. 영한님께서 크게 생각 안하시고 그냥 작성하신건지 아니면, 혹시 제가 잘못 이해하고 있는 부분이 있는건지 알고싶습니다.   감사합니다.  

안녕하세요 강사님 강의를 따라하며 통합테스트에 다음과 같은 코드에서 의문점이 생겼습니다. 통합테스트에서 데이터를 update나 delete를 할때 실제 db에 있는 데이터가 수정,삭제가 되는것을 확인했습니다.  지금은 TDD개발이라 테스트중에 사용되는 데이터라 상관이 없겠지만  만약에 실제 서비스중이거나 중요한 데이터를 다루는 api에 대한 통합 테스트를 할때에는 서비스 db의 의존성없이 가짜 데이터로 테스트를 해야하는데 통합테스트를 할때 그렇게 하는 방법은 없나요??   it('PUT /api/products', async () => { const res = await request(app) .put('/api/products/' + firstProduct._id) .send({ name: 'updated name', description: 'updqted discription' }); expect(res.statusCode).toBe(200); expect(res.body.name).toBe('updated name'); expect(res.body.description).toBe('updqted discription'); });

안녕하세요 john ahn님.  강의를 수강하면서 궁금한 점이 있어 여쭙니다. 저는 react, typescript 환경으로 tdd 강의를 수강하고 있는데요. 코드를 따라 치던 중 getByRole이 HTMLelement 객체를 반환하는데 checked랑 disabled는 없고 prefix에 aria가 붙은 aria-checked와 aria-disabled만 존재합니다. 질문은 prefix에 aria가 붙은 value를 사용해도 되는지가 궁금합니다.  그리고 aria로 사용해도 될지 몰라서 matcher에다  expect(checkbox).not.toBeChecked(); 이런 코드를 작성했는데, 똑같은 효과를 얻을 수 있는 지도 궁금합니다. 감사합니다.  

amend commit  실행하고 insert로 바꿨는데 수정모드 끄는건 어떻게하는건가요 나와지질않네요  insert랑 replace 상태여서 :wq를 입력못하고있습니다 ㅠ   insert에서 못벗어나서 종료하고 reset하고 다시 했는데  아예 amend commit이 안되네요..  E325: ATTENTION Found a swap file by the name "C:/Users/user/PycharmProjects/git-tes/.git/.COMMIT_EDITMSG.swp"           owned by: user   dated: Thu Dec 30 09:41:32 2021          file name: ~user/PycharmProjects/git-tes/.git/COMMIT_EDITMSG           modified: YES          user name: user   host name: DESKTOP-C2BR6PG         process ID: 1916 While opening file "C:/Users/user/PycharmProjects/git-tes/.git/COMMIT_EDITMSG"              dated: Thu Dec 30 10:00:55 2021 -- More --  

이런 상태에서 git revert하면 아래처럼 오류가뜹니다. $ git revert 7a6a52c error: Your local changes to the following files would be overwritten by merge:         a Please commit your changes or stash them before you merge. Aborting fatal: revert failed a가 merge가 되있어서 revert가 안된다는뜻인가요?

gst 치는이유 알고싶습니다.

    0   git init 부터 막혔는데 해결법 계속 찾고 있는데 뭐가 문제일까요..?   git : 'git' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + git init + ~~~

mysql을 사용하여 진행 중인 프로젝트가 있는데 tdd를 적용해보려고 합니다. controllers/subscription.js const db = require('../routes/database.js'); exports.subscribeCalendar=()=>{}; 컨트롤러 코드는 위와 같고 test/unit/subscription.test.js const subscriptionController=require("../../controllers/subscription") describe("캘린더 구독",()=>{ test("subscribeCalendar 함수가 있을 겁니다.",()=>{ // subscriptionController.subscribeCalendar의 타입은 함수다. expect(typeof subscriptionController.subscribeCalendar).toBe("function") }) }) 테스트 코드는 위와 같은데 컨트롤러에서 db를 임포트 하기 전에는 에러가 안 떴는데 임포트 한 후에 테스트는 통과하지만 아래와 같은 에러 메시지가 뜹니다. 검색해보니 단위테스트 할 때는 db 관련 코드는 넣지 말라고 하는데 그 원인일까요? ReferenceError: You are trying to `import` a file after the Jest environment has been torn down. 이미 mysql로 진행 중이라 몽구스로 변경하기가 어려운데 에러메시지 무시하면 될까요..?

view.py 에서 model = Post를 대입한 부분은 이해가 가는데 post_list.html에서 포문을 돌릴때 post_list라고 하는거는 변수명이 안맞는데 잘 돌아가는거에 대한 의문점이 듭니다.

근데 강의에서 부트스트랩 4.x 버전을 사용하시는 이유가 있으신가요? 제 개인 프로젝트 사이트에서는 부트스트랩 5.x 버전을 적용하고 싶거든요. 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님!!! 강의 정말 잘 듣고있습니다!!ㅎㅎㅎ 강의를 듣고난지 벌써 시간이 참많이 지나서 이제 추가 강의만 남겨두고 있습니다ㅎㅎㅎ 다름이 아니라, djago로 서비스를 구축하고 유지보수를 진행할때 pytest를 이용해서 테스트모듈을 돌러보거나 TDD를 이용한다는 글을 웹서핑을하다가 보았습니다. 이리저리 찾아보아도 django로 그래서 어떻게 테스트 모듈을 만들어서 돌리는지, TDD를 사용할수있는지 강의나 한국어로 잘 설명된것을 찾기거 어려워서 질문을 드립니다...ㅠㅠ 혹시 추천해주실만한 자료들이 있을까요....??