728x90 728x90 전체 글153 리액트 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. [Servlet & JSP] JSTL core [Servlet & JSP] JSTL core JSTL(JavaServer Pages Standard Tag Library)은 JSP 페이지에서 자주 사용되는 태그들을 모은 라이브러리이다. 배열, 리스트, 맵 등의 자바 컬렉션을 다루기 위해 필요한 for문이나 조건문 처리와 같은 제어문도 간단한 태그로 처리할 수 있다. JSTL을 사용하면 자바 코드의 양을 줄이고 JSP 페이지의 가독성과 유지보수성을 높인다. JSTL을 사용하기 위해서 라이브러리를 설치한다. https://mvnrepository.com/artifact/jstl/jstl taglib 지시자 태그를 통해서 prefix를 c로 설정하고 uri을 위의 링크로 설정한다. tag들이 c: 이라는 접두사를 붙이게 되는데 접두사가 붙은 태그 요소가 .. 2023. 5. 30. [Servlet & JSP] JSP EL 표현식 [Servlet & JSP] JSP EL 표현식 JSP EL(Expression Language)은 JSP에서 값을 표현할 때 사용하는 문법이다. JSP EL은 ${}를 사용하여 표현식을 작성하며, JSP 페이지에서 Java 코드를 작성하지 않고도 변수, 객체, 메서드 등을 쉽게 참조할 수 있도록 하여 코드가 간결해지고 가독성이 좋아져 유지보수가 용이하다. name : age : email : 기존에는 request로 전달 받은 데이터를 응답하기 위해서 JSP 태그를 이용해서 attribute를 받아와서 응답한다. name : ${requestScope.name} age : ${requestScope.age} email : ${requestScope.email} EL 표현식을 사용하면 ${}를 사용해서 .. 2023. 5. 29. [Servlet & JSP] JSP 태그 종류 [Servlet & JSP] JSP 태그 종류 지시자(Directive) 태그 지시자 태그는 페이지에 대한 설정을 하는 태그이다. 주로 페이지의 인코딩, import할 패키지 등을 설정한다. 지시자 태그의 종류에는 page, include, taglib이 있다. page : jsp 페이지에 대한 설정을 하는 태그 include : 다른 jsp 파일을 포함하기 위해 사용하는 태그 taglib : xml 문법 기반의 라이브러리인 JSTL을 사용하기 위한 태그 jsp 파일을 생성하면 일반적인 html 파일과 같지만 위에 contentType, charset, pageEncoding과 같은 페이지에 대한 지시자 태그가 있다. 이 속성들은 자바코드로 변환될 때 response header에 해당 타입으로 설정된다.. 2023. 5. 28. [Servlet & JSP] JSP의 역할 [Servlet & JSP] JSP의 역할 JSP(Java Server Pages)는 html, css, javaScript 등의 정적인 웹페이지에 동적인 기능을 추가하기 위한 기술이다. 서블릿의 역할은 요청 받기, 비즈니스 로직 처리, 요청에 응답하기이다. 요청 받기와 비즈니스 로직 처리는 주로 자바코드를 통해서 작성하고 응답은 주로 html 파일로 작성하게 된다. 한 파일에서 자바코드와 html 코드를 동시에 사용하게 되면 java 코드를 작성하는 사람과 html를 작성하는 사람이 같은 파일을 작업하게 되고 코드에서 문제가 발생할 수 있다. 이러한 문제점을 해결하기 위해서 사용자에 대한 응답만 처리할 수 있도록 서블릿을 분리할 수 있다. JSP는 서블릿을 기반으로 만들어졌으며 jsp파일은 서블릿으로 .. 2023. 5. 27. 이전 1 ··· 3 4 5 6 7 8 9 ··· 26 다음 728x90 728x90
