정리공간

이미지와 파일 업로드는 input태그를 사용한다. function Home() { const [imgUrl, setImageUrl] = useState(); const onImgChange = (e) => { setImageUrl(e.target.files[0]); } return( + ) } type='file'로 설정하고 accept='image/*'로 하면 jpg, png 등 이미지 형태의 확장자를 가진 파일만 불러올 수 있다. 원하는 확장자의 파일만 불러오고 싶으면 accept='.pdf' 형태로 원하는 확장자만 적으면 된다. 또한 여러 개를 가져오고싶으면 multiple="multiple"을 적용!

문제 설명 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건 n은 1이상 8000000000 이하인 자연수입니다. 입출력 예 n return 118372 873211 접근방법 파이썬에는 리스트를 내림차순으로 정렬해주는 함수가 있다. -> sort(reverse=True) 정답 def solution(n): n = list(str(n)) n.sort(reverse = True) return int("".join(n)) *정렬함수 sort없이 푸는 방법* 나는 해당 인덱스의 수와 그 뒤의 수를 비교해서 하나하나 교체해주는 방법으로 생각해서 풀어봤다. de..

문제 설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한 조건 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. 입출력 예 arr return [4,3,2,1] [4,3,2] [10] [-1] 접근방법 파이썬의 리스트에서 제일 작은 값을 구하는건 min() 함수를 이용하면된다. 정답 def solution(arr): if len(arr) == 1: return [-1] else: arr.rem..

문제 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한 사항 두 수는 1이상 1000000이하의 자연수입니다. 입출력 예 n m return 3 12 [3, 12] 2 5 [1, 10] 접근 방법 방법1 def solution(n, m): answer = [] beasu = n*m yaksu = 0 for i in range(2, m+1): if n%i == 0 and m%i == 0: yaksu = i elif yaksu == 0: yaksu..

문제 설명 1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다. 2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. 위 작업을 몇 번이나 반복해야하는지 반환하는 함수, solution을 완성해 주세요. 단, 작업을 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요. 제한 사항 입력된 수, num은 1 이상 8000000 미만인 정수입니다. 입출력 예..

문제 설명 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요. 제한 조건 x는 1 이상, 10000 이하인 정수입니다. 입출력 예 arr return 10 true 12 true 11 false 13 false 입출력 예 설명 입출력 예 #1 10의 모든 자릿수의 합은 1입니다. 10은 1로 나누어 떨어지므로 10은 하샤드 수입니다. 입출력 예 #2 12의 모든 자릿수의 합은 3입니다. 12는 3으로 나누어 떨어지므로 12는 하샤드 수입니다. 입출력 예 #3 11의 모든 자릿수의 합..

문제 설명 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 - arr은 길이 1 이상, 100 이하인 배열입니다. - arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 입출력 예 arr return [1,2,3,4] 2.5 [5,5] 5 접근 방법 평균 = 리스트 요소들의 합 / 리스트 요소의 개수 리스트의 합은 sum(리스트)로 구할 수 있다. 정답 def solution(arr): avg = sum(arr)/len(arr) return avg #print(solution([1,2,3,4]))

버튼 만드는 방법 4가지! 방법1 . input태그에 type으로 button을 지정하고 value에 글자를 넣으면 그 글자대로 버튼이 생긴다. 방법2 . submit은 태그의 결과 전송 용도로 주로 쓰인다. input태그에 type으로 submit을 지정하고 value글자대로 버튼이 생긴다. submit 타입은 데이터를 아무런 검증없이 보내기때문에 자바스크립트에서 검증을 한 후 데이터를 전송해야한다. 방법3 . 버튼태그 흔히 많이 쓰는 방법이다. 방법4 . 는 일반 text를 쓸때 사용하는 태그로, 위의 세 가지 방법과는 달리 눌리는 기능이 없다. 그래서 CSS로 뒷배경 색깔을 넣어서 버튼처럼 보이게 만든 후 기능을 달아서 사용한다.' 버튼 같지 않지만 버튼이 될 거야. 태그와 같이사용해서 버튼기능을 ..

목록을 만들 경우에는 또는 태그로 감싸고 그 안에 태그를 사용한다. 1. 순서 있는 목록: 항목 항목 *순서 알파벳으로 항목 항목 2. 순서 없는 목록: 에 type옵션으로 모양을 다르게할 수 있다. 항목 항목 항목 항목 항목 항목 3. 설명 목록: 자동으로 들여쓰기가 되며, 목록 스타일이 없다. 설명 목록 목록 분류 항목1 항목2 4. 목록 스타일 없애기 태그는 기본적으로 목록 앞에 ⦁ 점이 붙는다. ⦁ 이 아니더라도, 번호(1,2,a,b)같이 목록 앞에 무언가가 붙는데, 없애고 싶으면 css부분 *목록만들기 항목 항목 1번이 없어졌다!

block inline 1 inline 2 inline 본인 크기만큼 자리를 차지하는 속성. 기본적으로 본인 크기만큼만 자리를 차지하기 때문에 줄바꿈없이 다른 태그들과 같이 나란히 배치된다. 대표 inline 엘리먼트 , , 특징 크기를 지정해도(width, height) 무시된다. -> 내용의 크기만큼만 공간을 차지하도록 되있어서 margin과 padding은 좌우로만 적용되고 상하는 적용되지 않는다. block 얼만큼의 컨텐츠를 가지고 있던 기본적으로 한 줄을 다 차지한다. 한 줄을 다 차지하기때문에 다른 엘리먼트들과 같이 있을 수 없어 자동으로 줄바꿈이 적용된다. 대표 block 엘리먼트 , , 특징 width, height, margin, padding이 모두 반영된다. inline-block 기..