아리의 개발 일상

[백준 파이썬]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 =..

servlet의 작성방법과 생명주기 서블릿이란 자바 언어를 사용하여 웹 애플리케이션 만드는 데 사용하는 기술입니다. 서블릿은 주로 서버에서 동작하며 클라이언트의 요청을 처리하고 동적으로 웹 페이지를 생성하고 응답하는 데 사용합니다 웹 서버와 통신하여 클라이언트의 요청을 받아들이고, 이에 대한 응답을 생성하여 다시 클라이언트에게 반환합니다. 이러한 특성으로 인해 서블릿은 동적인 웹 페이지를 생성하고, 데이터베이스와 같은 백엔드 시스템과 통신하여 웹 애플리케이션의 로직을 처리하는 데 유용하게 사용됩니다. 예를 들면 사용자가 로그인을 할때 아이디와 비밀번호를 입력하고 로그인 버튼을 눌렀을 때 정보가 올바른지 확인하고 다음 페이지를 제공하는 데에도 사용할 수 있다. 서블릿 작성방법 버전에 따라 2가지로 나눌수 ..

리액트 공부1일차 리앤트 기본적인 사용법 컴포넌트를 만들어 컨테이너에 집어넣어서 사용할수 있다 클래스 이용방법 componentDidMount는 컴포넌트가 화면에 나타낼때에 실행되는 메소드로 현재 위 코드는 1초마다 componentDidMount 안의 내용이 실행되어서 현재 시간을 나타내는 코드이다 이벤트 연결하는방법 class App extends React.Component { constructor(props) { super(props) this.state = { count : 0 } this.countup = this.countup.bind(this) //bind는 이벤트 연결해주는 메소드 } render() { return {this.state.count} 클릭 } countup (event) ..

[백준 파이썬] 1325 효율적인 해킹 https://www.acmicpc.net/problem/1325

[프로그래머스 자바]배열 만들기5 https://school.programmers.co.kr/learn/courses/30/lessons/181912 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 문자열 inStrs와 정수k,s,l이 주어진다. 문자열inStrs의 원소는 숫자로 이루어져있으면 각 원소마다 s번 인덱스부터 길이가 l인 부분 문자열을 잘라내여 정수로 변환한다 이변화한 정수값이 k보다 큰 값들을 담은 배열을 return 해라 입출력 풀이 문자열을 슬라이싱 하기위해서 .substring(start,end) 를 이용하여 inStrs의 원소들인..

Welcome I'M A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu risus accumsan, volutpat diam eget, rhoncus ipsum. Phasellus in molestie felis, finibus venenatis mauris. DownLoad 이 부분에 대한 js 코드는 (function (){ const spanel = document.querySelector("main h2 span"); const txtArr=["web publisher","front-end developer","web ui desginer"] let index=0 let currentTxt = txtArr[index].split..

[프로그래머스 파이썬] 순위 https://school.programmers.co.kr/learn/courses/30/lessons/49191 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 n명의 권투선수가 권투 대회에 참여했고 각각 1번부터 n번까지 번호를 받았습니다. 권투 경기는 1대 1 방식으로 진행, A 선수가 B 선수보다 실력이 좋다면 A 선수는 B 선수를 항상 이깁니다. 심판은 주어진 경기 결과를 가지고 선수들의 순위를 매기려 합니다. 하지만 몇몇 경기 결과를 분실하여 정확하게 순위를 매길 수 없습니다. 선수의 수 n, 경기 결과를 담은 ..

[백준 파이썬] 2573 빙산 https://www.acmicpc.net/problem/2573 2573번: 빙산 첫 줄에는 이차원 배열의 행의 개수와 열의 개수를 나타내는 두 정수 N과 M이 한 개의 빈칸을 사이에 두고 주어진다. N과 M은 3 이상 300 이하이다. 그 다음 N개의 줄에는 각 줄마다 배열의 각 행을 www.acmicpc.net 문제 입력 첫 줄에는 이차월 배열의 행의 개수와 열의 개수를 나태 내는 N M 이 주어진다 두 번째 줄부터 배열의 각 행을 나타내면 M개의 정수가 비칸 사이에 주어진다 간 칸은 0이상 10 이하의 값이 들어간다 첫 번째 행과 열 마지막행과 열에는 항상 0으로 채워진다 출력 첫줄에 빙산이 분리되는 최초의 시간을 출력한다 빙산이 다 녹음 때 까지 분리되지 않으면 0..