[프로그래머스] 조이스틱

문제 프로그래머스-조이스틱 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다. ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA 조이스틱을 각 방향으로 움직이면 아래와 같습니다. ▲ - 다음 알파벳...

이미지 확장자와 최적화

1. 개요 이미지는 웹 페이지의 전체 데이터 용량에서 상당한 비율을 차지합니다. HTTP Archive에 따르면, 가장 영향력 있는 리소스는 이미지로 HTML, CSS, JavaScript와 글꼴 전체를 합친량보다 많다고 합니다. 2022 HTTP Archive 보고서 출처 즉 사용자 경험을 향상시키...

React 테스트 코드 자동화

1. 개요 이전 글에서는 테스트 코드를 작성해 Unit단위의 테스트를 진행하고, 확인하는 과정을 거쳤습니다. 하지만 만들어두고 활용하지 않으면 의미가 없죠. 아무래도 매 작업마다 테스트를 실행하기 위해 명령어를 치고 결과를 확인하는 것은 번거롭고 귀찮기 때문입니다. 저는 개발 브랜치에 PR을 요청 했을때 자동으...

React 테스트 코드

1. 개요 현대 웹 개발 환경은 매우 복잡해졌고, 개발자들은 애플리케이션의 품질을 보장하는데 많은 시간을 투자하고 있습니다. 특히, 프런트엔드 개발에서는 사용자 경험을 최적화하는 것이 중요한데, 이를 달성하기 위해선 코드의 품질과 안정성이 보장되어야 합니다. React를 처음 설치하기 위해 create-react...

react-query를 통한 프로젝트 개선기

1. 개요 현재 프로젝트에서는 컴포넌트에서 직접 api를 호출해서 데이터를 받아오거나 요청을 처리하고 있습니다. 다만 위 방식의 경우 중복된 요청과 캐싱 등의 성능 이슈가 발생하며, 코드의 복잡성과 유지 보수에 어려움을 겪는등의 문제점이 있었습니다. 이러한 성능적 이슈와 서버의 데이터관리를 보다 용이하게 처리하...