분류 전체보기 100

Programmers 문제 풀이 25

문제 설명 : 7의 개수 정수 배열 array가 매개변수로 주어질 때, 7이 총 몇 개 있는지 return 하는 solution 함수??? 제한 사항 1 ≤ array의 길이 ≤ 100 0 ≤ array의 원소 ≤ 100,000 입출력 예 array result [7, 77, 17] 4 [10, 29] 0 문제 풀이 배열안의 7의 개수를 구하는 것이기 때문에 그냥 다 합치고, 7만 필터링해서 길이를 구해주면 된다 function solution(array) { return array.join("").split("").filter((v)=> v==="7").length } 문제 설명 : 문자열 정렬하기(2) 영어 대소문자로 이루어진 문자열 my_string이 매개변수로 주어질 때, my_string을 모두..

Programmers 2023.06.21

input type file

저번에 만들었던 모달 안에 게시글 등록 폼을 작성할 예정 일단 img파일을 넣기 위해서 type=file인 Input 태그를 사용할 예정임 import { useRef } from "react"; import { TiPlus } from "react-icons/ti"; import NewBoardForm from "./BoardForm"; function NewBoardBtn() { const dialogRef = useRef(null); const Open = () => { dialogRef.current?.showModal(); }; const Close = () => { dialogRef.current?.close(); }; return( 등록 ) 뭔가 애매하다... ui좀 바꿔야 할 것 같아서 U..

Programmers 문제 풀이 24

문제 설명 : 종이 자르기 큰 종이를 1 *1 크기로 자르려 한다. 예를 들어 2*2 크기의 종이를 1*1 크기로 자르려면 최소 가위질 세 번이 필요하다. 정수 M, N이 매개변수로 주어질 때, M * N 크기의 종이를 최소로 가위질 해야하는 횟수를 return 하는 solution함수??? 제한사항 0 < M,N < 100 종이를 겹쳐서 자를 수 없습니다. 입출력 예 M N result 2 2 3 2 5 9 1 1 0 문제 풀이 function solution(M, N) { return M * N - 1 } 문제 설명 : 문자열 밀기 문자열 "hello"에서 각 문자를 오른쪽으로 한 칸씩 밀고 마지막 문자는 맨 앞으로 이동시키면 "ohell"이 됩니다. 이것을 문자열을 민다고 정의한다면 문자열 A와 B..

Programmers 2023.06.20

팀프로젝트 3주차 회고

드디어 가계부를 마무리했다! 중간중간에 변경 사항이 좀 있어서 계속 바꾸다 보니 엄청 밀려서 끝냈다 그리고 계속 Prop으로 넘기고 넘기다 보니 여러 개의 기능을 같이 쓰는 페이지를 만들 때 헷갈리고 오류가 자꾸 생겨서 힘들어하다가 아... recoil 사용하기로 했지? recoil로 전역상태관리하기로 했던 게 뒤늦게야 생각이 나서 그때부터는 술술 풀렸다. 그 대신 리코일은 지금 한창 쓰려고 노력하는 중이라 useRecoilState 코드가 많아졌다. 아직 조금 서툴러서 그런가 보다 하고 넘기려 함 차차 나아지겠지. 4주 차 때 리팩토링 하면서 정리할 거니 되었다. 그리고 이번에 react-datepicker라는 라이브러리 써봤다. 처음에는 조금 어려웠지만 https://reactdatepicker.co..

Programmers 문제 풀이 23

문제 설명 : 다음에 올 숫자 등차수열 혹은 등비수열 common이 매개변수로 주어질 때, 마지막 원소 다음으로 올 숫자를 return 하는 solution함수?? 제한사항 2 < common의 길이 < 1,000 -1,000 < common의 원소 < 2,000 common의 원소는 모두 정수입니다. 등차수열 혹은 등비수열이 아닌 경우는 없습니다. 등비수열인 경우 공비는 0이 아닌 정수입니다. 입출력 예 common result [1,2,3,4] 5 [2,4,8] 16 문제 풀이 접근)) 그냥 길이가 3이상이니까 2번째 원소 -1번째 원소 === 3번째 원소 - 2번째 원소 이면 등차수열 2번째 원소 / 1번째 원소 === 3번째 원소 / 2번째 원소 이면 등비수열 그다음 공차 구해주고 풀면 끝이겠지 ..

Programmers 2023.06.19

Dialog Modal을 사용해보자

나는 모달창을 띄우고 싶다. 팀 프로젝트에서 새로운 게시글을 등록하려고 할 때 모달창을 띄워서 거기서 작성하려 함 daisyUi를 사용하고 있어서 거기서 모달창 디자인 따왔다. window.my_modal_3.showModal()}>open modal ✕ Hello! Press ESC key or click on ✕ button to close window.my_modal_3.showModal() 여기서 오류남 없대요 'Window & typeof globalThis' 형식에 'my_modal_3' 속성이 없습니다. 나는 바닐라 자바스크립트가 아닌 타입스크립트를 사용하니 오류가 뜨는거겠쥐 훔.. 그럼 dialog태그에 대해서 찾아봐야쥬 dialog태그를 넣는 것 자체로는 아무 기능을 하지 않는다... ..

Programmers 문제 풀이 22

문제 설명 : 옹알이(1) "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음만 할 수 있는 조카가 있음 문자열 배열 babbling이 매개변수로 주어 질 때, 조카가 발음할 수 있는 단어의 개수를 return 하는 solution함수?? 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장 즉, 각 문자열의 가능한 모든 부분 문자열 중에서 "aya", "ye", "woo", "ma"가 한 번씩만 등장 문자열은 알파벳 소문자로만 이루어져 있음 입출력 예 babbling result ["aya", "yee"..

Programmers 2023.06.18

useEffect.. 일단 감사합니다.

나는 Recoil State사용하면서 페이지 밖으로 나갔다 다시 돌아오면 값이 초기화되어있는 그런 값을 원했고 찾다가 때마침 오늘 멘토링하는 날이라 멘토님께 여쭤보니 useEffect에 넣으라 하셨죠... 그러네요 글로쓰면 그냥 진짜 생각이 바로 나는데 나는 설계도 안 하고 만드는 사람이었어요 와... 이래서 설계가 필요한거구나.... useEffect(() => { getUseData(); setIsSubmit(false); setFilterForm(false); setCategoryList([]); setStartDate(new Date(new Date().getFullYear(), new Date().getMonth(), 1)); setEndDate(new Date()); }, [setFilterF..

728x90