AWS 접속 -> 검색창에 S3 입력 후 접속

 

 

버킷 클릭

 

1. 권한 - 퍼블릭 액세스 차단이 되어있으면 안됨 - 모두 체크 해제

2. 권한 - 객체 소유권이 ACL 활성화됨 으로 선택되어야함

3. 객체의 ACL 편집 -> 모든 사람 읽기 권한 주기

저작자표시

'공부 > AWS' 카테고리의 다른 글

AWS - 내 AMI 만들기  (0) 2024.06.13
AWS - Elastic IP (고정IP or 탄력적IP) 할당 받기  (0) 2024.06.13

상단에 fmt 추가 후

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

 

 

아래의 코드를 작성하면 된다.

<fmt:formatNumber value="${표시할숫자}" type="number" maxFractionDigits="1" minFractionDigits="0"/>

 

 

maxFractionDigits : 출력될 소수점 최대 자릿수

minFractionDigits : 출력될 소수점 최소 자릿수

 

이렇게 하면 30.0 은 30으로 표기되고

30.8 은 30.8 로 표기된다.

 

예로 소수점 아래 30.88 이렇게 표시하고 싶으면 maxFractionDigits 를 2로 바꾸면 된다.

저작자표시

next.js 하는데 자꾸 콘솔에 오류떠서 onClick 이벤트가 안먹음...

 

- 해결방법

layout.js 를 수정해준다.

<html> 태그와 <body> 태그가 있어야 하는것.

 

layout.js

import Link from "next/link"
import "./globals.css";

export const metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <div>
          <div className="navbar">
            <Link href="/">홈</Link>
            <Link href="/list">List</Link>
          </div>
          {children}
        </div>
      </body>
    </html>
  );
}
저작자표시

'공부 > Next.js' 카테고리의 다른 글

querySrv EREFUSED 오류 해결  (0) 2025.02.05
next.js - 부모에서 자식으로 데이터 전달 (props)  (0) 2024.04.18
next.js - 다른 파일의 내용 import 하는 방법  (1) 2024.04.18
next.js - client component, server component  (0) 2024.04.18
Next.js route 페이지 이동 방법  (3) 2024.02.10

page.js

export default function Cart() {
  let 장바구니 = ['Tomatoes', 'Pasta'];
    return (
      <div>
        <h4 className="title">Cart</h4>
        <CartItem item={장바구니[0]}/>
        <CartItem item={장바구니[1]}/>
        <Banner content="롯데카드"/>
        <Banner content="삼성카드"/>
      </div>
    )
  } 

  function Banner(props){
    return <h5>{props.content} 결제 행사중</h5>
  }
  
  function CartItem(props){
    return (
        <div className="cart-item">
          <p>{props.item}</p>
          <p>$40</p>
          <p>1개</p>
        </div>
    )
  }

 

Cart 부모에서 CartItem 으로 [장바구니] 라는 데이터를 전달

<컴포넌트명 변수명={전달할 데이터}/> 로 사용

자식 펑션에서는 함수 데이터 받듯이 props 를 적어주고

자식 펑션 안에서 props.변수명 으로 사용

 

자식에서 부모로는 전송 불가

자식에서 자식으로도 전송 불가

 

 

 

+ css

import { Component } from "react"

export default function Cart() {
  let 장바구니 = ['Tomatoes', 'Pasta'];
  return (
    <div>
      <h4 className="title">Cart</h4>
      <RedButton color='blue' />
    </div>
  )
}

function RedButton(props) {
  return (
    <button style={{ backgroundColor: props.color, width: '30px', height: '30px' }}></button>
  )
}
저작자표시

'공부 > Next.js' 카테고리의 다른 글

querySrv EREFUSED 오류 해결  (0) 2025.02.05
invariant expected app router to be mounted 오류  (0) 2024.04.18
next.js - 다른 파일의 내용 import 하는 방법  (1) 2024.04.18
next.js - client component, server component  (0) 2024.04.18
Next.js route 페이지 이동 방법  (3) 2024.02.10

+ Recent posts

티스토리툴바