본문 바로가기

전체 글93

[ antd ] antd table 의 pagination 한 페이지 열 갯수 설정하기 이렇게 pagination = {{pageSize: 10}} 넣어주면 한 페이지에 pageSize만큼의 열이 들어간다. 참조 https://github.com/ant-design/ant-design/issues/7477 How can we define the number of rows per page on the table pagination? like 10, 25, 50 etc · Issue #7477 · ant-design/ant-desi What problem does this feature solve? If we can define the number of rows per page on the table pagination, So we can set a number of rows on the sa.. 2023. 6. 19.
[ 프로그래머스 ] 완전탐색 | 모의고사 javascript https://school.programmers.co.kr/learn/courses/30/lessons/42840 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 이름 모의고사 문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 2023. 6. 15.
[ 프로그래머스 ] 완전탐색 | 최소직사각형 javascript 문제 이름 최소직사각형 문제 설명 문제 설명 명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다. 아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다. 명함 번호 가로 길이 세로 길이 1 60 50 2 30 70 3 60 30 4 80 40 가장 긴 가로 길이와 세로 길이가 각각 80, 70이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 .. 2023. 6. 15.
[ 프로그래머스 ] DFS | 타겟 넘버 javascript 타겟 넘버 문제 설명 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. -1+1+1+1+1 = 3 +1-1+1+1+1 = 3 +1+1-1+1+1 = 3 +1+1+1-1+1 = 3 +1+1+1+1-1 = 3 사용할 수 있는 숫자가 담긴 배열 numbers, 타겟 넘버 target이 매개변수로 주어질 때 숫자를 적절히 더하고 빼서 타겟 넘버를 만드는 방법의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 주어지는 숫자의 개수는 2개 이상 20개 이하입니다. 각 숫자는 1 이상 50 이하인 자연수입니다. 타겟 넘버는 1 .. 2023. 6. 14.
antd table column 에 align: 'center' 속성 넣기 에러 Type '{ title: string; dataIndex: string; key: string; align: string; }[]' is not assignable to type '(ColumnGroupType | ColumnType)[]'. Type '{ title: string; dataIndex: string; key: string; align: string; }[]' is not assignable to type '(ColumnGroupType | ColumnType)[]'. Type '{ title: string; dataIndex: string; key: string; align: string; }' is not assignable to type 'ColumnType'. Types of.. 2023. 6. 14.
antd table 사용할 때 Warning: Each child in a list should have a unique "key" prop. Check the render method of `Body`. 에러 https://github.com/ant-design/ant-design/issues/7623 Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key. · Issue #7623 · ant-design/ant- I'm trying to figure out how can I get unique keys for each record. So far, my code looks like this: let lastIndex = 0 const updateIndex = () => { lastIndex++ return lastIndex } ... constructor() {... github.com antd t.. 2023. 5. 24.
[ TIL ] React Hook "useState" is called in function "control" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use".eslintr.. 코드 리팩토링을 하다가 react function component 도 react custom hook 도 아닌 일반 ts함수에서 useState와 useEffect 를 쓰려고 하니 해당 에러가 났다. 이유는 useState, useEffect 같은 react hook 을 쓰려면 react hook 을 오직 react 함수 내에서 호출해야하기 때문이다. react hook 을 사용할 때는 아래 두가지 규칙을 준수해야한다. 최상위(at the Top Level)에서만 Hook을 호출해야 합니다 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요. 대신 early return이 실행되기 전에 항상 React 함수의 최상위(at the top level)에서 Hook을 호출해야 합니다. 이 규.. 2023. 4. 27.
[ error ] npx create-react-app 에러 Unexpected token '.' when run create-react-app 아 이걸 한번 겪은 적이 있었는데 안 적어놓으니까 방법을 까먹어서 또 헤맸다 ..ㅡㅡ 내 시간.. 이제 절때 안 잊어먹으려고 글을 쓴다. 만약 노드 버전이 16.14.2 같은 16버전이라면 저런 에러가 난다 . nvm 으로 노드 버전을 바꿔주자 nvm list : 사용가능한 노드 리스트를 보여준다. nvm use 14.17.0 사용가능 한 노드 버전 중 한 버전을 nvm use 뒤에 적어준다. 그럼 노드 버전이 바뀌고 npx create-react-app --template typescript가 잘 실행된다! https://stackoverflow.com/questions/71259175/unexpected-token-when-run-create-react-app Unexpected token '.' w.. 2023. 4. 25.
[ TIL ] 기본 브라우저 변경하기 / react 실행 브라우저 변경 react 가 실행되는 브라우저를 edge에서 크롬으로 바꾸고싶었는데 그냥 기본 브라우저를 변경하면 되는거였다.. 제어판 -> 모든 제어판 항목 -> 기본 프로그램 -> 기본 프로그램 설정 -> 웹 브라우저 를 엣지에서 크롬으로 변경해주면 된다. 참조 https://www.inflearn.com/questions/9105/%ED%98%B9%EC%8B%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B9%8C%EB%93%9C%EB%90%98%EB%8A%94-%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A5%BC-%EB%B0%94%EA%BE%B8%EA%B3%A0%EC%8B%B6%EC%9D%80%EB%8D%B0-%EC%95%84%EC%8B%9C%EB%82%98%EC%9.. 2023. 4. 25.