일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- dotenv
- Node
- .env
- AWS
- 리액트코드정렬
- 자동완성방지
- 커밋 한번에
- reacts3
- express
- react
- useReducer
- interactive_timeout
- s3확장자
- axios
- 프로그래머스
- elasticIP
- utf8mb4
- 리액트
- 코딩테스트
- EC2
- 제일 작은 수 제거하기
- vscode
- 코드정렬
- prettier
- next #middleware
- 자연수 뒤집어 배열로 만들기
- max_allowed_packet
- 부족한 금액 계산하기
- 프리티어
- MySQL
- Today
- Total
목록전체 글 (136)
Sungtt

gpt-3로 commit message를 작성하는 git hook인 gptcommit 설치하기 1. rust의 패키지 관리자인 cargo가 필요하다. (macOS는 homebrew로 설치 가능) rustup 설치를 통해 해결하자 curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh https://rustup.rs/ rustup.rs - The Rust toolchain installer To install Rust, if you are running Unix, run the following in your terminal, then follow the onscreen instructions. curl --proto '=https' --tlsv1...
An error occurred while loading instance info: Invalid UTF-8 string in BSON document 해결 한글이었던 PC 사용자 이름을 영문으로 변경

VSCODE 한 줄로 나오는 폴더 구조 변경하기 아래와 같이 중첩된 폴더임에도 불구하고 한줄로 출력되어 보기에 불편한 경우가 있다. (@containers -> InnerWidth) 이를 해결하려면 Settings 창(ctrl + ,)에서 Compact Folders를 검색하여 체크박스를 해제해주면 해결된다. 중첩된 구조 그대로 보인다.!
useImperativeHandle useImperativeHandle를 사용하면 forwardRef로 넘긴 요소에 메서드를 커스텀하여 핸들링 할 수 있다. 먼저 forwardRef 예제를 작성했다. 제네릭에 각 메소드와 프롭스의 인터페이스를 작성하면 부모 요소에서 정상적으로 접근 가능하다. (미리 지정해주지않으면 해당 메서드의 존재여부를 보장할 수 없기때문에 번거로워졌었다.) interface ChildMethods { usingFocus: () => void; valueCheck: () => void; } interface ChildProps { // ... } const MyInput = forwardRef(function MyInput( props, ref, ) { const inputRef = ..

https://stackoverflow.com/questions/61343447/my-tailwind-css-intellisense-plugin-just-isnt-working-on-my-vscode My TailWind CSS Intellisense plugin just isn't working on my VSCode So the description of the plugin is that it'll display suggestions of classes when am working on the markup, but it doesn't. I've reloaded the plugin countless times. I even restarted vscode and stackoverflow.com 테일윈드 ..
프로그래머스 [3진법 뒤집기] 문제 설명 자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 n은 1 이상 100,000,000 이하인 자연수입니다. 직접 풀이 결과 function solution(n) { return parseInt([...n.toString(3)].reverse().join(''),3); } 크게 풀어낼만한 코드가 아닌거같다. 문제에서 설명하는 그대로를 구현하며 return 해주었다. 다만 n진법으로 변경하는 방법에 대해 알아두면 좋을듯하다. 참고 풀이 결과 - 1 function solution(n) { const answer = []; while(n !==..
프로그래머스 [이진 변환 반복하기] 문제 설명 0과 1로 이루어진 어떤 문자열 x에 대한 이진 변환을 다음과 같이 정의합니다. x의 모든 0을 제거합니다. x의 길이를 c라고 하면, x를 "c를 2진법으로 표현한 문자열"로 바꿉니다. 예를 들어, x = "0111010"이라면, x에 이진 변환을 가하면 x = "0111010" -> "1111" -> "100" 이 됩니다. 0과 1로 이루어진 문자열 s가 매개변수로 주어집니다. s가 "1"이 될 때까지 계속해서 s에 이진 변환을 가했을 때, 이진 변환의 횟수와 변환 과정에서 제거된 모든 0의 개수를 각각 배열에 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 s의 길이는 1 이상 150,000 이하입니다. s에는 '1'이 최소 하나..
프로그래머스 [약수의 개수와 덧셈] 문제 설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left ≤ right ≤ 1,000 직접 풀이 결과 function solution(left, right) { var answer = 0; let length = right - left + 1; let numberList = Array.from({length:length},(v,i) => left+i); // [13,14,15,16,17] let count = numberList.map((num,idx) => {..

.current 프로퍼티를 변경하는것이 리렌더링을 발생시키지않는다. 아래 gif 보면 알 수 있다시피 current를 변경한다고하여 리렌더링되지않는다. 하지만 current 값은 정상적으로 변경되어있으며, 타 요소로 인해 리렌더링 될 시 정상적으로 갱신된다.
프로그래머스 [나누어 떨어지는 숫자 배열] 문제 설명 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요. divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. 직접 풀이 결과 function solution(arr, divisor) { var answer = []; arr.forEach((i,index) => { if(i % divisor === 0){ answer.push(i) }..