분류 전체보기(277)
-
#3.0 Class Components and State
#3.0 Class Components and State 🍧 이번 시간에는 state에 대해 배워보겠다. 이제 state에 대해 배워볼 것인데, state는 보통 우리가 동적 데이터와 함께 작업할 때 만들어진다. 그러나 우리가 지난시간 까지 했던 food 예제는 일일이 데이터를 손으로 입력했기 때문에 state를 배우기에 적절한 예제가 아니므로 지운다. import React from "react"; import PropTypes from "prop-types"; export default App; ( 이 상태에서 시작! ) 🍧 클래스 컴포넌트 사용하기 import React from "react"; import PropTypes from "prop-types"; class App extends Reac..
2021.04.12 -
#2.4 Protection with PropTypes
#2.4 Protection with PropTypes 🍪 이번 시간에는, PropTypes에 대해 알아볼 것이다. (Props의 타입을 체크하거나, 데이터가 반드시 필요한데 없다거나 하는 것들을 체크할 수 있는 것) 우리 foodILike 데이터에 rating이라는 항목을 추가할 것이다. rating은 String 타입이 아니라 number이다. (그냥 평점이라는 항목을 추가 한 것!) 🍪 proptypes 설치하기 prop types를 설치할 것이다. 설치 : npm install prop-types 🍪 proptypes가 하는일? *prop-types가 하는 일은 내가 전달받은 props가 내가 원하는 props인지 확인해주는 것이다. 우리는 실수를 할 수도 있고, 예를 들어 이 경우에 food c..
2021.04.12 -
#2.2 ~ 2.3 동적 데이터를 추가하는 방법 / map 함수 이용
#2.2 동적으로 데이터를 추가하는 방법 🍧 이번 시간에는 웹사이트에 동적 데이터를 추가하는 방법에 대해 알아보겠다. 🍧 지난시간처럼 복사 붙여넣기는 비효율적! function App() { return ( hello!! ); } 지난시간에는 컴포넌트를 이렇게 복사해서 붙여넣었기 때문에 효율적이지 않다. 왜냐하면 우리가 새로운 음식을 추가할 때마다 복사 붙여넣기를 해야하기 때문이다. 데이터를 우리가 처음부터 가지고 있던 데이터가 아니라 웹사이트에서 가지고 온 데이터라면 이렇게 할 수 없다. 데이터가 어떤 API를 통해 우리가 전달받는다고 상황을 가정한다. 따라서 할 일은 함수를 만드는 것이다. const foodILike = [{ name: "Kimchi", image: "http://aeriskitch..
2021.04.12 -
[백준] 1011. Fly me to the Alpha Centauri (자바스크립트/node.js/코딩테스트/알고리즘)
[백준] 1011. Fly me to the Alpha Centauri 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 2 초 512 MB 54495 15400 12180 29.537% 문제 우현이는 어린 시절, 지구 외의 다른 행성에서도 인류들이 살아갈 수 있는 미래가 오리라 믿었다. 그리고 그가 지구라는 세상에 발을 내려 놓은 지 23년이 지난 지금, 세계 최연소 ASNA 우주 비행사가 되어 새로운 세계에 발을 내려 놓는 영광의 순간을 기다리고 있다. 그가 탑승하게 될 우주선은 Alpha Centauri라는 새로운 인류의 보금자리를 개척하기 위한 대규모 생활 유지 시스템을 탑재하고 있기 때문에, 그 크기와 질량이 엄청난 이유로 최신기술력을 총 동원하여 개발한 공간이동 장치를 탑재하였다. 하지만..
2021.04.12 -
[백준] 10757. 큰 수 A+B (자바스크립트/node.js/javascript/알고리즘/코딩테스트)
[백준] 10757. 큰 수 A+B 첫째 줄에 A와 B가 주어진다. (0 < A,B < 10^10000) A+B의 값을 출력하면 되는 문제이다. 예제 입력 : 9223372036854775807 9223372036854775808 예제 출력 : 18446744073709551615 내가 작성한 코드(자바스크립트) let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split(' '); const A = BigInt(input[0]); const B = BigInt(input[1]); let answer = A + B; console.log(answer.toString()); 나는 이 문제를 풀기 전까지는 기본 자료형에서..
2021.04.10 -
[백준] 2839. 설탕배달 (자바스크립트/node.js/javascript/알고리즘/코딩테스트)
[백준] 2839. 설탕배달 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 128 MB 157729 50157 39561 32.945% 문제 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5킬로그램 봉지가 있다. 상근이는 귀찮기 때문에, 최대한 적은 봉지를 들고 가려고 한다. 예를 들어, 18킬로그램 설탕을 배달해야 할 때, 3킬로그램 봉지 6개를 가져가도 되지만, 5킬로그램 3개와 3킬로그램 1개를 배달하면, 더 적은 개수의 봉지를 배달할 수 있다. 상근이가 설탕을 정확하게 N킬로그램 배달해야 할 때, 봉지 몇 개를 가져가면 되는지 그 수를 ..
2021.04.10