Coding Planet

프로젝트 개요프로젝트 개요기상청 API를 활용하여 기상 데이터를 수집 및 가공한 후, 특정 산업 사용자에게 미세 기상 정보를 제공하는 웹앱 개발 프로젝트.급격한 기상 변동 시, 웹앱이 활성화되어 있지 않은 상황에서도 사용자에게 Push 알림을 통해 실시간 정보를 제공하는 기능 구현.기술 스택프론트엔드: Next.js v13, TailwindCSS백엔드: Spring, JPA데이터베이스: PostgreSQL프로젝트 기간5주참여 분야프론트엔드 공통 모듈 개발Next.js 환경 설정 및 구성Redux 환경 구현 및 상태 관리 로직 개발FCM회고Next.js 적응: 기본적인 리액트 지식만을 가지고 시작한 프로젝트였기 때문에 Next.js 프레임워크의 모듈 구조와 기능에 적응하는 데 시간이 필요했다.서버사이드 랜..

쇼핑몰 프로젝트에서 장바구니를 만들 때 JSP를 사용하고 있다. 서버로부터 cartList를가져와서 테이블로 구현하고 있다. 이 때, 배송비는 주문 1번당 부과되므로 배송비 영역이 병합(merge)되도록 하려한다. 1. 테이블 코드 상품정보 수량 주문금액 배송비 ${cart.productName} Option : ${cart.cartOption} ${cart.productPrice}원 - + ${cart.productPrice}원 3,000원 장바구니에 상품이 존재하지 않습니다. JSTL 문을 통해 태그가 반복되며 서버로부터 받아온 정보가 출력된다. 이 때 은 서버에 저장된 정보로 그 수가 동적으로 정해지므로 rowspan을 사용해서 컬럼을 병합할 때 varStatus="status"가 필요하다. row..

최근 상품을 저장하는데는 크게 두 가지 방법이 있다. 서버에 저장하는 방법과 클라이언트, 즉 크롬 등 사용자 환경에 저장하는 방법이다. 서버에 저장하는 방법은 두 가지 의미에서 그 한계가 명확하다. 첫째, 사용자가 페이지를 클릭하는 것을 분석할 만한 마케팅적 가치가 떨어진다. 물론 넓게 보면 사용자가 흥미 있는 상품을 클릭한다는 점에서 의미가 있겠지만 '관심 상품 목록'이라는 더 명확한 마케팅적 가치가 있는 기능보다는 그 효용이 떨어진다. 둘째, 쇼핑몰의 모든 회원이 들어간 모든 페이지의 상품을 서버에 저장하기에는 그 용량이 너무 커서 서버비용이 기하급수적으로 늘어난다. 종합적으로 말하자면 마케팅적 효용이 현저히 적은 '최근 상품 저장하기'를 그 많은 서버비용을 들여가면서 서버에 저장할 필요가 없다는 것..

쇼핑몰은 동일한 템플릿을 반복적으로 사용하는 경우가 많다. 특히 상품을 상품의 색, 가격, 카테고리 등등 여러 조건에 의해 필터링할 때는 출력되는 상품은 다르더라도 그 형식은 대부분 동일하다. 상품의 상세페이지도 세부 정보만 다를 뿐 그 형식은 동일하다. 따라서, 형식을 유지하면서 세부내용을 다르게 하기 위해서는 특정 정보가 필요한데 이러한 정보를 url을 통해 넘겨주는 것이 쿼리 스트링이다. 1. 쿼리스트링이란? 쿼리 스트링(Query String)은 URL의 일부로써 웹 페이지로 전달되는 매개변수를 나타내는 문자열이다. 쿼리 스트링은 `?` 문자로 URL의 경로와 구분되며, `key=value` 형식으로 매개변수를 표현한다. 여러 개의 매개변수는 `&` 문자로 구분된다. 위의 URL에서 `?` 이후의..