본문 바로가기
728x90
728x90

분류 전체보기153

netlify Build script returned non-zero exit code 2 오류 netlify Build script returned non-zero exit code 2 오류 문제 상황 ⚠️Build script returned non-zero exit code 2 기존에 netlify 배포중인 프로젝트의 main branch에 push했고 변경사항이 반영되지 않아서 netlify에 접속해서 확인해보니 위와 같은 오류가 발생했다. 코드 자체에서는 오류가 없었고 검색해보니까 빌드 디렉토리 설정의 오류라고 한다. 그래서 Build setting에서 Build Command도 CI = npm run build로 변경해보고 publish directory도 변경해봤지만 오류는 그대로 발생했다. 잘못된 코드 Build setting을 변경하고 여러번 빌드를 해보니 기존 오류가 아닌 새로운 .. 2023. 6. 6.
리액트 결측치 처리 리액트 결측치 처리 문제 상황 react에서 무한 스크롤 구현 후 테스트 중 특정 포켓몬 번호에서 api호출을 계속 요청하고 응답을 받지 못해 스크롤이 내려가지 않았다. 크롬의 네트워크 탭에 요청 결과를 확인해보았다. 테오시스라는 포켓몬에 대한 요청을 처리하지 못해서 나머지 item들도 불러올 수 없었다. 잘못된 코드 api를 보면 포켓몬 이름 목록을 불러온 후 이름들로 포켓몬 상세 정보를 요청하는 구조이다. 포켓몬 사진과 타입을 활용하기 위해서 pokemon, species라는 api resource 2개를 사용한다. 테오시스라는 포켓몬에 대해서 pokemon resource를 요청할 때는 'https://pokeapi.co/api/v2/pokemon/deoxys-normal'로 요청하고 species.. 2023. 6. 2.
리액트 Encountered two children with the same key 리액트 Encountered two children with the same key 문제 상황 react에서 무한 스크롤 구현 후 api 호출 마다 리스트에 아이템을 추가하는 과정에서 다음과 같은 오류가 발생하였다. list의 item들이 렌더링은 정상적으로 되었으나 콘솔에서 오류가 발생하였다. ⚠️Warning: Encountered two children with the same key, 잘못된 코드 key가 중복되서 생기는 문제라는 것을 직관적으로 파악할 수 있었는데 key관련 코드들을 모두 수정해보았지만 해결하지 못했다. item의 key인 서버로 부터 받아온 id값을 출력해보니 한번 렌더링할 때 중복되는 것은 아니고 api를 다시 호출 할때 기존 key와 중복되는 것 같다. 스크롤의 길이를 보니.. 2023. 6. 1.
[Servlet & JSP] JSTL format과 functions [Servlet & JSP] JSTL format과 functions JSTL format format 라이브러리는 JSP페이지에서 날짜, 숫자 등을 포맷팅 할 때 사용된다. 먼저 core 라이브러리와 fmt 라이브러리를 import 한다. fmt 태그의 formatNumber를 사용하면 숫자의 포맷을 다양한 형식으로 출력할 수 있다. groupingUsed가 true일 경우 숫자의 1000단위 마다 ',' 를 붙여준다. parttern이라는 속성으로 소수점에 관련된 포맷을 정할 수 있다. #으로 자리수를 정해줄 수 있으며 #을 사용하면 자리수가 부족할 때 자리수를 채우지 않는다. 자리수를 강제로 맞춰야 할 경우에 #대신 0을 사용하면 부족한 자리수에 0을 채워준다. type 속성에 percnet로 설정.. 2023. 5. 31.
728x90
728x90