반응형

전체 글 67

백준 코딩테스트 11047 동전 자바스크립트 node.js

정답 let input = require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); let [n, ...arr] = input; let [num, price] = n.split(' '); price = Number(price); arr = arr.map(i => Number(i)); solution(n, price, arr); function solution(n, price, arr){ let result = 0; for(let i=arr.length-1 ; i >= 0 ; i--){ if(price - arr[i] >= 0){ result += Math.floor(price/arr[i]); price = price%arr[i]; }..

백준 2839번 설탕배달 자바스크립트 ( node.js )

정답 코드 let input = Number(require('fs').readFileSync('./input.text')); let bag = 0; while(true){ if(input % 5 === 0){ console.log(input / 5 + bag ); break; } if(input < 0){ console.log(-1); break; } bag ++; input -= 3; } 풀이 5로 나누어지지 않으면 3을 빼면서 3키로 봉지를 카운트 해주면 된다. 나도 5키로 봉지의 갯수를 먼저 처리하고 그 다음 3키로 봉지를 처리하는 식으로 접근했는데 생각보다 변수가 많았다. if / else 문으로만 풀기에는 너무 비효율적이었고 다른 방법을 찾아보는데 무슨 최소공배수로 푸는 방식도 있고.. 초등학교..

백준 자바스크립트 node.js 입출력

백준에서는 따로 자바스크립트 제출 형식이 없다. node.js 로 제출해야 하는데 이 때, 가장 기본이 되는 입출력 하는 방법을 알아보자 // input : { // "name" : "홍길동", // "age" : "18" // } //const input = require('fs').readFileSync('/dev/stdin').toString(); const input = require('fs').readFileSync('./input.txt').toString(); const jsonInput = JSON.parse(input); console.log(jsonInput.name); console.log(jsonInput.age); node.js 파일시스템의 readFileSync로 input을 받..

Java - builder 패턴 @builder

빌드패턴은 매개변수가 많은 생성자를 사용 할 때 유용하게 사용 할 수 있다. public class Person { private String name; private String age; private String address; ... ... .. .. public Person(String name, String age, String address, ... ){ this.name = name; this.age = age; this.address = address; .... } } 위와 같이 매개변수가 많은 객체를 사용하려면 Person ps = new Person(arg1, arg2, arg3, ...) 이렇게 객체를 생성해야 하는데 변수가 많으면 몇번째가 어느 변수인지 파악하기가 쉽지 않다. 이것을..

Develop/Java 2022.06.17

React js - react-router-dom v6 설치 사용방법

React js - react-router-dom v6 설치 사용방법 1. npm 설치 아래 명령어로 설치한다. npm i react-router-dom 2. 사용방법 react-router-dom 에서 3가지를 import 해주고 아래와 같이 사용한다. 여러가지 사용방법이 있지만 우선 기본적인 / 루트 페이지 호출 시 Home 컴포넌트를 호출하게 했다. import Home from './components/Home'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; function App() { return ( ); } export default App;

Develop/React JS 2022.05.23

bootstrap - react bootstrap button 리액트 부트스트랩 버튼

react 에서 부트스트랩을 사용하는 방법 일반 부트스트랩 사용법과 react에서 부트스트랩을 사용하는 방법은 조금 다르다. react는 우선 npm으로 부트스트랩을 설치 해주어야 한다. npm install react-bootstrap bootstrap 설치 후 리액트 프로젝의 index.js 에서 부트스트랩 css를 import 해주어야한다. import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import 'bootstrap/dist/css/bootstrap.min.css' ; const root = ReactDOM.createRoot(document.getElementById('root..

Develop/BootStrap 2022.05.19

bootstrap - grid 사용방법

bootstrap - grid 부트스트랩 grid는 row와 col을 이용해서 테이블을 생성 하는 것이다. html의 태그와 같다고 생각하면 된다. container와 마찬가지로 sm, lg, 등의 클래스를 주면 반응형으로 사용 가능하다. row클래스는 html의 과 같이 한 줄을 의미하고 col클래스는 html의 와 같이 한 칸을 의미한다. 기본적으로 한 row는 최대 12개의 col을 가질 수 있다. 그냥 class="col"로 한 줄을 만들어도 되지만 class="col-12"로 해도 한줄이 된다. 3칸으로 나누고 싶으면 class="col-4"로 세 번 사용하면 된다. 이걸 이용해서 하나하나 반응형으로 만들기는 꽤나 손이 많은 작업이기 때문에 아래 사이트에서 원하는대로 그리면 코드로 만들어주기 때..

Develop/BootStrap 2022.05.14
반응형