분류 전체보기251 useEffect 무한 렌더링 문제, forceUpdate 후에도 계속 이전 텍스트가 화면에 남는 문제 [20221125 -TIL] 오늘은 이전부터 자주 겪었던 useEffect 의 무한 렌더링 문제와 화면에 계속 이전 데이터가 남아있는 문제를 해결해서 적어보려고 한다. 사실 자주 겪었던 고통이라 꼭 한 번 정리했어야했지만 여태 잘 이해를 하지 못해 제대로 정리를 못했었다. useEffect 무한루프 문제 useEffect 내부의 함수가 계속 렌더링 되어 콘솔을 찍어보면 한없이 렌더링되고 있는 것을 볼 수 있다. 이건 주로 2가지 문제로 나뉘는데 1. useEffect의 두번째 인자를 넣지 않음 ( 종속되는 배열이 없을때) useEffect(() => { console.log('is Listening'); forceUpdate(); }); useEffect에 두번째 인잘르 넣지 않았을때에는 아래와 같은 상황에서 useEffect가 실.. 2022. 11. 25. @Mock과 @MockBean의 차이는 뭘까? 자바 스프링부트로 테스트 코드를 짜던 중 Mock 어노테이션과 MockBean어노테이션이 있어 어떤 것을 이용해야하나 고민을 하다 둘의 차이가 궁금해졌다. @Mock 과 mock(*.class) 그리고 Mock어노테이션과 mock(*.class)의 차이도 궁금했는데 이는 방법의 차이라고한다. 1. 어노테이션 테스트할 곳에서 필드화 시켜놓은 곳에서 @Mock 을 선언해준다. @Mock private PostRepository postRespository 2. mock( ) PostRepository postRepository = mock(PostRepository.class); @MockBean이란? @MockBean은 스프링 부트 테스트에서 제공하는 어노테이션이다. @MockBean은 스프링 컨텍스트에 .. 2022. 11. 24. TDD, 리액트 프론트엔드 테스트 코드 범위 정하기[20221123-TIL] 메가테라에 오고 나서 신입 개발자인 우리에게 가장 중요한 게 기대하면서도 가장 기초적인 것은 테스트 코드이다. TDD형식으로 프로그래밍을 한다라고 말을 하기에는 아직 미숙할지라도 분명 나와 동기 모두는 테스트 코드를 작성해가며 프로그래밍을 해가고 있다. 이는 백엔드 프런트엔드 모두에 해당한다. 1. TDD?(Test Driven Development)테스트 주도 개발 한 문장으로 설명하기는 어렵지만 TDD란 반복 테스트를 이용한 소프트웨어 방법론으로 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현하는 방식이다. 이로써 처음에는 작은 단위로서의 green들이 리팩토링을 통하여 더 나은 코드가 되고 또한 코드의 작동성 또한 검증해나가면서 개발을 해나간다고 할 수 있다.. 2022. 11. 23. 깃 용어 이것만 알면된다! 기초 완벽 정리[20221122-TIL] 깃 뭔데..? 너무 어려운 거 아냐? 라고 생각한 당신 이 글을 보라. 는 농담이고 깃을 계속 써왔지만 챙겨야 할 과제에 밀려오는 강의에 풀어야 할 프로그래머스 문제를 챙기느라 깃은 제발... 충돌만 피하자 라는 기도 메타(기도 메타는 아니고...) 비슷하게 정확히는 깃과 충돌 나지 않는 법만 선택해서 요리조리 피해 다녔다. 처음 프로그래밍을 배우면 프로그래밍 언어도 너무 어려운데 애써 작업한 것들이 알아듣기도 어려운 깃이 자신만의 언어로 오류 메시지를 내뱉고 애써한 작업을 날려먹어 해결해야 하노라면... 그날이 바로 깃을 포기하게 되는 날이다. 아무튼 각설하고 깃(Git)이란? 분산 버전 관리시스템(Distributed Version Control Systems)으로 컴퓨터 파일의 변경사항을 추적하고 .. 2022. 11. 22. 이전 1 ··· 4 5 6 7 8 9 10 ··· 63 다음
