아리의 개발 일상

[백준 파이썬]1106 호텔 https://www.acmicpc.net/problem/1106 1106번: 호텔 첫째 줄에 C와 형택이가 홍보할 수 있는 도시의 개수 N이 주어진다. C는 1,000보다 작거나 같은 자연수이고, N은 20보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에는 각 도시에서 홍보할 때 www.acmicpc.net 문제 형택 호텔의 사장인 김형택은 이번에 수입을 조금 늘리기 위해서 홍보를 하려고 한다. 형택이가 홍보를 할 수 있는 도시가 주어지고, 각 도시별로 홍보하는데 드는 비용과, 그 때 몇 명의 호텔 고객이 늘어나는지에 대한 정보가 있다. 예를 들어, “어떤 도시에서 9원을 들여서 홍보하면 3명의 고객이 늘어난다.”와 같은 정보이다. 이때, 이러한 정보에 나타난 돈에 정..

1. 외부css 파일 사용하기 2. css 모듈 사용하기 // Button.module.css .button { background-color: blue; color: white; } // Button.js import React from 'react'; import styles from './Button.module.css'; const Button = () => { return Click me; } export default Button; 파일 이름을 ~~~.modul.css로 지정하여 css 모듈을 만들수 있다 node-sass 를 이용하면 scss파일로 만들어서 위와 같은 방식으로 외부모듈로 사용할수 있다 설치할때 터미널에 npm install node-sass 를 입력하면 설치가능하다 scss ..

리액트 2일(속성 이용법,외부 컴포넌트 사용,useState,상속 ) 노드 js 환경에서 리액트 사용 index js 파일에 아래하고는 조금 다르지만 App이라는 파일을 import해서 불러오는 형식의 파일이 있을거다 import React from "react"; import ReactDOM from "react-dom"; import {App} from "./App.jsx" //이파일을 사용 ReactDOM.render(, document.getElementById("root")); import {ColorMassage} from "./components/ColorMassage.jsx"; import { useEffect, useState } from "react"; export const App =..