#2.1 Reusable Components with JSX + Props(컴포넌트에서 정보를 보내고 사용하는 법) 🍨 이번시간에는 컴포넌트에서 정보를 보내고, 정보를 사용하는 방법을 알아볼 것이다. 우리는 컴포넌트를 file을 이동하면서 작성하고 싶지 않기 때문에 App.js에서 컴포넌트를 작성하는 작업을 할 것이다. import React from "react"; function Potato(){ return I like Potato.; } function App() { return ( hello!! ); } export default App; ↑ App.js 이렇게 App.js 파일 하나에서 Potato 함수를 만들어서 사용할 수 있다. 🍨 JSX 에서는 컴포넌트에 정보를 보낼 수 있다! → 재사용..

#2.0 Creating your first React Component (컴포넌트에 대해 알아보기) 🍟 이번 시간에는 컴포넌트에 대해 알아보겠다. 🍟 컴포넌트(Component)란 무엇인가? import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); ↑ index.js 기본적으로 이것을 component라고 부른다. react는 component와 함께 동작하며 모든 것은 component이다. component는 무엇일까? component는 보다시피 HTML을 반환하는 함수이다. import React from..

[백준] 2775. 부녀회장이 될테야 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 128 MB 34064 19275 16818 57.734% 문제 평소 반상회에 참석하는 것을 좋아하는 주희는 이번 기회에 부녀회장이 되고 싶어 각 층의 사람들을 불러 모아 반상회를 주최하려고 한다. 이 아파트에 거주를 하려면 조건이 있는데, “a층의 b호에 살려면 자신의 아래(a-1)층의 1호부터 b호까지 사람들의 수의 합만큼 사람들을 데려와 살아야 한다” 는 계약 조항을 꼭 지키고 들어와야 한다. 아파트에 비어있는 집은 없고 모든 거주민들이 이 계약 조건을 지키고 왔다고 가정했을 때, 주어지는 양의 정수 k와 n에 대해 k층에 n호에는 몇 명이 살고 있는지 출력하라. 단, 아파트에는 0층부터 있고 각층에..

[백준] 1712. 손익분기점 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 0.35 초 128 MB 103175 24163 20988 23.725% 문제 월드전자는 노트북을 제조하고 판매하는 회사이다. 노트북 판매 대수에 상관없이 매년 임대료, 재산세, 보험료, 급여 등 A만원의 고정 비용이 들며, 한 대의 노트북을 생산하는 데에는 재료비와 인건비 등 총 B만원의 가변 비용이 든다고 한다. 예를 들어 A=1,000, B=70이라고 하자. 이 경우 노트북을 한 대 생산하는 데는 총 1,070만원이 들며, 열 대 생산하는 데는 총 1,700만원이 든다. 노트북 가격이 C만원으로 책정되었다고 한다. 일반적으로 생산 대수를 늘려 가다 보면 어느 순간 총 수입(판매비용)이 총 비용(=고정비용+가변비용)..

#1.0 Creating your first React App 🍮 이번 시간에는 React를 시작하는 방법에 대해 알아보겠다. 🍒 create-react-app React는 매우 모던한 코드이기 때문에 최신 브라우저가 React를 이해하지 못하기 때문에 Babel, Webpack을 사용해서 못생긴 코드로 바꾸어주어야 한다. -> 그러나 create react app이라는 것을 이용하면 이 작업을 하지 않아도 된다. create-react-app은 기본적으로 하나의 명령을 실행해서 React Web App을 Set up할 수 있게 해준다. 🍒 create-react-app 설치하기 콘솔을 켜고 만들고 싶은 폴더를 지정한 후 만들고 싶은 app이름을 정해서 다음과 같이 작성 후 엔터를 친다. npx crea..

if(commentTime){ commentTime.forEach((element) => { const commentDate = new Date(Date.parse(element.id)); const currentDate = new Date(); // const diffMSec = currentDate.getTime() - commentDate.getTime(); // const diffSec = diffMSec / 1000; // 몇 초 차이 const diffMin = diffMSec / 1000 / 60; // 몇 분 차이 const diffHour = diffMSec / 1000 / 60 / 60; // 몇 시간 차이 const diffDay = diffMSec / 1000 / 60 / 60 / ..