2024/09/10 4

리액트 조건부 상태관리

구매자와 판매자의 경우에 따라 컴포넌트를 다르게 표시하는 방법은 보통 조건부 렌더링을 통해 구현할 수 있습니다. 이를 위해 사용자가 구매자인지 판매자인지를 식별하는 상태 값을 가지고, 그 상태에 따라 다른 컴포넌트를 렌더링하면 됩니다. 예를 들어, React와 같은 프론트엔드 프레임워크를 사용한다면 다음과 같은 방법으로 구현할 수 있습니다: 1. **상태 관리**: 사용자 타입(구매자/판매자)을 상태로 관리합니다. 예를 들어, `userType`이라는 상태 값을 생성하여 사용자가 구매자인지 판매자인지를 저장합니다. 2. **조건부 렌더링**: `userType` 값을 기준으로 조건부 렌더링을 사용하여 다른 컴포넌트를 렌더링합니다. ### 예시 코드 (React) ```javascript import Re..

카테고리 없음 2024.09.10

spring boot)MySQL Database 호스팅 받기

실제 서비스를 운영하려면 고객데이터 상품데이터 주문데이터 이런걸 다 저장해둬야하지 않겠습니까엑셀이나 메모장에 저장해둬도 되긴 하는데 보통은 데이터베이스를 사용합니다.그래야 대량의 데이터를 보관해둘 수도 있고 빠르게 원하는 데이터만 입출력할 수 있으니까요.     관계형 데이터베이스 데이터베이스는 여러 종류가 있습니다. key : value 형태로 단순하게 저장하는 것도 있고key : value를 여러개 묶어서 document 형태로 저장하는 데이터베이스도 있고 그래프나 벡터형식을 저장할 수 있는 데이터베이스도 있습니다.근데 우리는 관계형 데이터베이스를 써볼겁니다.역사와 전통이 있고 일반적으로 많이 쓰니까요.      (1) 관계형 데이터베이스는 표 형식으로 데이터를 저장해둡니다.맨 윗줄에 어떤 데이터를 ..

카테고리 없음 2024.09.10

spring boot)상품목록 페이지 만들기 (Thymeleaf)

쇼핑몰을 만든다고 했는데가장 중요한 '상품목록 보여주는 페이지'부터 하나 만들어봅시다.누가 /list로 접속하면 list.html 같은 페이지를 하나 전송해주면 될 것 같군요.그 안엔 상품들을 집어넣고요.    list.html 보내주는 기능을 만들어보자 (ItemController.java)package com.apple.shop.item;import org.springframework.stereotype.Controller;@Controllerpublic class ItemController {  @GetMapping("/list")  String list(){    return "list.html"  }} 그래서 파일 하나 새로 만들어서 API를 만들어봤습니다.- 상품과 관련된 API들을 한 곳에 ..

spring Boot 2024.09.10

Spring Boot)웹페이지 만들기 (Controller)

서버가 뭐냐면   서버가 뭐냐면 그냥 유저가 데이터 요청하면 그 데이터 보내주는 따까리 같은 프로그램일 뿐입니다. 이거 해줘 그러면 진짜 그거 해주는 프로그램이 서버일 뿐임  Q. 유튜브 서버가 뭐임?- 누가 동영상달라고 요청하면 동영상 보내주는 프로그램일 뿐입니다. Q. 네이버 웹툰 서버가 뭐임?- 누가 웹툰달라고 요청하면 웹툰보내주는 프로그램일 뿐입니다. Q. 웹서버는 뭐임?- 그냥 누가 웹페이지 달라고 하면 웹페이지 보내주는 서버일 뿐입니다. 그래서 서버개발이 어려운게 아니고누가 메인페이지달라고 하면 메인페이지 보내주고로그인페이지 달라고 하면 로그인페이지 보내주고그런 식으로 코드짜면 웹서버개발 끝입니다.실은 글 저장 수정 삭제 이런것도 처리해주는 기능도 있을 수 있는데 이런 것들은 나중에 해보고 이..

spring Boot 2024.09.10