본문 바로가기

분류 전체보기260

레벨 테스트 작업 로그 #5 - 상품 상세 페이지 구현 (22.12.02 TIL) 어제 컴포넌트를 분리하고 단위테스트는 확인하지 않은 채 잠들었는데, 오늘 확인해보니 테스트가 (당연하게도) 다 깨져있는 걸 발견했다. 그래서 오전에는 분리된 컴포넌트별로 테스트 코드를 다시 작성하는 시간을 가졌다. 그리고 상품 상세 페이지 구현에 들어갔다. ProductStore 에서 product 를 destructuring 으로 받아와서 백엔드와 연동된 데이터를 화면에 뿌려주는 코드를 작성했는데, 구매 수량에 들어와야 할 숫자도 보이지 않고, 상품 금액도 NaN 을 반환하는 것이었다. 엉뚱한데에서 원인을 계속 찾다가, 결국 옆 자리 zzezze 한테 도움을 요청했는데 너무 어이없는데에서 실수를 발견했다. 구매수량인 quantity 와 총 상품 금액인 totalPrice 는 백엔드가 아니라 Produc.. 2022. 12. 2.
레벨 테스트 작업 로그 #4 - 상품 목록 화면 구현 (22.12.01 TIL) 오늘은 어제 크롤링한 데이터를 backdoor 에 적용해서 H2 DB 로 밀어넣은 후 그 데이터를 화면에 불러오는 작업을 진행했다. (한마디로 상품 목록 화면을 구현했다는 소리) 그리고 완성한 작은 기능에 따른 인수 테스트를 통과 시키고, 완성된 컴포넌트에 대한 단위 테스트도 진행했다. 데이터를 화면에 불러올 때, 처음에 약 70개의 데이터를 불러왔었고, 계속 수정할 때마다 70개의 사진을 로딩하는 것이 맘에 들지 않아서 페이지네이션을 먼저 구현할 까 했는데, map 을 하기 전에 slice 로 8개까지만 보여주게 하면 되는 문제였다! {products.slice(0, 8).map((product) => ( /* 생략 */ )} 어쨌든 이렇게 페이징을 구현 한 것처럼 8개의 데이터를 화면에 출력하는 것에.. 2022. 12. 1.
레벨 테스트 작업 로그 #3 - 데이터 크롤링, MSW 라이브러리, Backdoor api (22.11.30 TIL) 어제 til 에서는 작업 생산성을 높이기 위해 뽀모도로 시간을 임의로 설정해서 그 스케줄대로 움직여보기로 액션플랜을 세웠었다. 레벨 테스트 작업 로그 #2 - 생산성 높이기 (22.11.29 TIL) 레벨 테스트 2일차인데 속도가 잘 나지 않는다. 왜 그럴까 생각해보니, 기존 과제들은 미리 설계가 다 되어 있는 상태에서 나에게 주어진 것은 구현뿐이었다. 하지만 이제부터는 API 설계부터, 처 winteringg.tistory.com 그리고 오늘! 목표는 12 뽀모였는데 현재 11 뽀모까지는 달성했고, 퇴근하고 나서 12 뽀모는 현재 진행중이다. 뭔가 시간대를 딱 정해두고 작업을 하니 집중력도 훨씬 높아졌고, 중간중간 산만해지는 시간대를 위해 20분 쉬는 시간도 넣어주었다. 원래는 낮잠 시간도 있었는데 (.. 2022. 11. 30.
레벨 테스트 작업 로그 #2 - 생산성 높이기 (22.11.29 TIL) 레벨 테스트 2일차인데 속도가 잘 나지 않는다. 왜 그럴까 생각해보니, 기존 과제들은 미리 설계가 다 되어 있는 상태에서 나에게 주어진 것은 구현뿐이었다. 하지만 이제부터는 API 설계부터, 처음 접해보는 인수 테스트, 프론트/백엔드 구현, 서버 연동 등 모든 것을 설계하고 들어가야 하다 보니 조금 벅차기도 했던 것 같다. 문제점을 인지했으니 이제 고쳐나가기만 하면 된다. 노션에 그날 그날 했던 task 들을 기록하여 한 눈에 볼 수 있도록 데일리 로그 페이지를 따로 만들었다. 그리고 뽀모도로 시간을 40분으로, 쉬는 시간을 10분으로 설정해서 하루 뽀모도로 스케줄을 정해놨다. 당분간 이 뽀모도로 스케줄대로 지내면서 시간을 유동적으로 수정할 예정이다. 잘 지켜보자구~!~ 2022. 11. 29.
레벨 테스트 작업 로그 #1 - E2E Test 작성하기 (22.11.28 TIL) 오늘은 주말 동안 작업한 인수테스트 시나리오를 바탕으로 리액트 애플리케이션을 생성한 후 E2E 테스트에 codeceptjs 를 적용했다. codeceptjs 를 사용하는 이유는 다음과 같다. 단위 테스트만으로는 시스템이 올바르게 동작하는지 알기 힘들다. 사용자가 유용하게 사용할 수 있는지 미리 정의하는 것도 쉽지 않다. 사용자와 소통하기 위한 교차점이 없다. 그렇기 때문에 인수테스트를 적용한다. codeceptjs 는 javaScript를 DSL(Domain Specific Language: 도메인 특화 언어) 처럼 활용하고 있기 때문에 프로그래머가 아니라도 작성 또는 검토가 가능하다. 아래는 작성한 시나리오 중 가져온 일부 코드인데, 이렇게 작성하게 되면 어떠한 상황이 벌어지고 있는 지 개발자가 아니더.. 2022. 11. 28.
건강 관리도 프로 답게 (22.10.15 TIL) 22.10.15 카카오톡 송수신 장애로 인해 티스토리로 접근이 불가하여 노션에 백업해놓았던 TIL 요즘 몸에서 왜 이렇게 아프다고 아우성인지 모르겠다. 1년 내내 감기 따위도 걸리지 않던 나였는데 요 근래 3년간 아주 몸이 쓰레기가 된 것 같다. 건강 관리도 프로답게 해야하는데 운동이라도 해야 하나 정말!? 운동은 진짜 싫은데!?!? 어쨌든, 오늘도 아침부터 위염으로 난리가 나서 응급실 가서 수액 맞고 집으로 돌아와 하루종일 약 먹고 누워있었다. 그래서 카톡이 되지 않는 것도 방금 안 사실..^^ 이 와중에 티스토리 에러 화면 ui 가 웃겨서 캡쳐했다. 주말 강의에 온전히 집중하기 위해 금요일 밤을 새가며 과제를 한 보람이 없게 되어서 너무 속상하다. 하지만 뭐, 나에겐 내일이 남아 있으니까!! 그래도 .. 2022. 11. 28.

티스토리툴바