본문 바로가기

전체 글322

Hook Hook : class를 작성하지 않고도 state와 다른 react의 기능들을 사용할 수 있게 해준다. 하위 호환성을 가지고 있다. 함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into) 할 수 있게 해주는 함수이다. Hook은 클래스 안에서는 동작하지 않으며 class없이 react를 사용할 수 있도록 하는 것이다. import React, { useState } from 'react'; function Example() { // "count"라는 새 상태 변수를 선언합니다 const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } use.. 2020. 2. 4.
AWS S3 이미지 업로드 AWS S3에서 버킷을 만들어 준 후, 자격증명에서 I AM을 통해 엑세스 키를 만들어 준 후 시작한다. package com.football.fcbayern.util; import com.amazonaws.ClientConfiguration; import com.amazonaws.Protocol; import com.amazonaws.auth.AWSCredentials; import com.amazonaws.auth.BasicAWSCredentials; import com.amazonaws.services.s3.AmazonS3; import com.amazonaws.services.s3.AmazonS3Client; import com.amazonaws.services.s3.model.Bucket; im.. 2020. 2. 3.
list와 key 자바스크립트의 map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. const numbers = [1, 2, 3, 4, 5]; const doubled = numbers.map((number) => number * 2); console.log(doubled); 여러개의 컴포넌트 렌더링 엘리먼트 모음을 만들고 {}를 이용하여 JSX에 포함 시킬수 있다. 자바스크립트의 map() 함수를 이용하여 반복하고 각 항목에 대해 엘리먼트를 반환하도록한다. const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((number) => {number} ); ReactDOM.render( {listItems.. 2020. 1. 30.
[JAVA] 프로그래머스 : Stack/Queue Lv2. 주식가격 [문제] 초 단위로 기록된 주식가격이 담긴 배열 prices가 매개변수로 주어질 때, 가격이 떨어지지 않은 기간은 몇 초인지를 return 하도록 solution 함수를 완성하세요. 제한사항 prices의 각 가격은 1 이상 10,000 이하인 자연수입니다. prices의 길이는 2 이상 100,000 이하입니다. 입출력 예 [1, 2, 3, 2, 3] [4, 3, 1, 1, 0] prices return 입출력 예 설명 1초 시점의 ₩1은 끝까지 가격이 떨어지지 않았습니다. 2초 시점의 ₩2은 끝까지 가격이 떨어지지 않았습니다. 3초 시점의 ₩3은 1초뒤에 가격이 떨어집니다. 따라서 1초간 가격이 떨어지지 않은 것으로 봅니다. 4초 시점의 ₩2은 1초간 가격이 떨어지지 않았습니다. 5초 시점의 ₩3은 .. 2020. 1. 30.

티스토리툴바