1. 문제 https://www.acmicpc.net/problem/1769 1769번: 3의 배수 문제가 잘 풀리지 않을 때, 문제를 바라보는 시각을 조금만 다르게 가지면 문제가 쉽게 풀리는 경험을 종종 해 보았을 것이다. 여러 가지 방법이 있지만 그 중 하나로 우리가 풀고 싶은 문제를 www.acmicpc.net 2. 풀이 나는 이런 순서로 풀었다. 입력되는 정수의 값이 한 자리 수인지 확인. 한자리 수가 아니라면 정수들의 각 자리수의 값을 더해줌. 더한 값이 한자리 수가 된다면 반복 종료. 한자리수가 되지 않았다면 한자리수가 될 때까지 각 자리수를 더함. const inputs = require('fs').readFileSync('/dev/stdin').toString().trim().split('..

1. 3편은 버튼 클릭 시, Count 올라가는 걸 만들거야. 1편은 셋팅, 2편은 로그인 폼까지만 만드는 걸 했다. 이번엔 button을 클릭하면 숫자가 1씩 증가하거나 감소하는 컴포넌트를 만들고 테스트를 해보려고 한다. 2. 기본적인 세팅을 해보자. App.test.tsx 파일이 아닌 Counting.test.tsx 파일을 만들어주고, src 밑에도 Counting.tsx란 파일을 생성해주고 코드를 작성해주었다. // Counting.tsx import { useState } from 'react'; export function Counting() { const [count, setCount] = useState(0); const onIncrease = () => { setCount((prev) =>..

1. Jest를 사용해보자 - 1편 에 이은 2편 https://ykss.netlify.app/translation/unit-testing-with-jest-react-and-typescript/ (번역) Jest, React 및 Typescript를 사용한 단위 테스트 원문: Unit testing with Jest, React, and TypeScript 💡 소프트웨어 테스트는 무엇인가요? 소프트웨어 테스트(Software Testing… ykss.netlify.app 위의 블로그에서 간단하게 알려주셔서 이걸 활용해서 jest를 사용해보려고 한다. 1편에 이은 글이기 때문에 기본 세팅을 다 해놨다고 가정했다. 만약 못했다면 1편 글을 보고 오도록 하자. https://daily-dev-note95.t..

1. Jest를 사용하기 전에 Yarn + Typescript + Jest + react-testing-library 프로젝트 생성은 yarn create vite my-react-app --template react-ts 추가로 의존성 설치는 1) yarn add -D typescript 2) yarn add -D jest jest-environment-jsdom 3) yarn add -D @testing-library/jest-dom @testing-library/react @testing-library/user-event 4) yarn add -D @types/jest 5) yarn add -D babel-jest ts-jest ts-node package.json 에서 scripts 부분 수정. ..

1. 글을 쓰는 이유 미래의 내가 혹시나 같은 에러나 유사한 에러를 만났을 때를 대처하기 위함과 혹여나 다른 분들에게 도움이 될까해서 글을 써놓는다. 프로젝트에서 사용한 기술 스택은 Vite, React, Firebase 이다. Vite로 Github 에 배포하는 건 처음이라 많이 삽질한 내용을 적어놓으려고 한다. Firebase에서 사용할 환경 변수는 Github secrets를 이용했다. 이거 설정하는 건 아래 주소에 남겨두겠다. 2. Github Actions와 Auto Deploy 시작. Github Actions로 내가 git으로 push 작업이 일어나게 되면 자동으로 Build 부터 Deploy까지 자동으로 실행시켜주는 actions를 만드는 작업이었다. 처음 해보는 작업이었기에 구글링을 통해..