codeGray

정답 let input = require('fs').readFileSync('/dev/stdin').toString().split('\n'); let pCount = Number(input[0]); let pMinut = input[1].split(' ').map(min => Number(min)); function sol(pCount, pMinut){ let pMinutSort = pMinut.sort((a,b) => a-b); let sum = 0; let sumArr = []; for(let i=0 ; i sum+val,..

객체 비구조화 할당 const object = { name : '홍길동', age : 18 } //1. 일반 변수 const { name, age } = object ; //출력 > 홍길동 18 //2. 함수 function testFunction({name, age}){ console.log(name, age); } testFunction(object); //출력 > 홍길동 18 배열 비구조화 할당 const object = ['홍길동', 18] //1. 일반 변수 const [name, age] = object; //출력 > 홍길동 18

정답 코드 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 문으로만 풀기에는 너무 비효율적이었고 다른 방법을 찾아보는데 무슨 최소공배수로 푸는 방식도 있고.. 초등학교..

자바스크립트의 소수점 처리는 아래와 같은 3개의 방법이 있다. 소수점 올림 Math.ceil() let score = 10.1; console.log(Math.ceil(score)); => 11 소수점 버림 Math.floor() let score = 10.234; console.log(Math.floor(score)); => 10 소수점 반올림 Math.round() let score = 10.6; console.log(Math.round(score)); => 11

백준에서는 따로 자바스크립트 제출 형식이 없다. 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을 받..

빌드패턴은 매개변수가 많은 생성자를 사용 할 때 유용하게 사용 할 수 있다. 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, ...) 이렇게 객체를 생성해야 하는데 변수가 많으면 몇번째가 어느 변수인지 파악하기가 쉽지 않다. 이것을..

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;

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..

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"로 세 번 사용하면 된다. 이걸 이용해서 하나하나 반응형으로 만들기는 꽤나 손이 많은 작업이기 때문에 아래 사이트에서 원하는대로 그리면 코드로 만들어주기 때..

bootstrap - container 부트스트랩 컨테이너는 가장 기본적인 레이아웃 요소이고 그리드(테이블) 형식의 시스템을 사용할 때 필요하다. html로 치면 table 태그라고 볼 수 있다. 자세한 내용은 아래 공식 홈페이지에서 알 수 있다. https://getbootstrap.kr/docs/5.1/layout/containers/ 컨테이너 컨테이너는 지정된 기기 또는 뷰포트 내에서 콘텐츠를 포함하고 채우고 정렬하는 Bootstrap의 기본 컴포넌트입니다. getbootstrap.kr 부트스트랩은 기본적으로 반응형을 지원하기 때문에 아래 표대로 원하는 클래스를 사용할 수 있다. 이 표를 쉽게 설명하면 container-sm 속성은 화면 크기가 576px 아래로 내려가면 화면에 100%맞게 그리고 ..