분류 전체보기
[REACT] 이미지 관리 방법 (public vs assets)
리액트에는 크게 이미지처리방법이 2가지 있다. 1. public 파일 안에 바로 이미지를 관리하는 방법 2. src/assets 파일을 만든 후 이미지를 관리하는 방법 과연 어떤 방법이 좀 더 좋은 방법일까? 정답은 두가지 방법다 장단점이 존재한다.. 이다. 1. public 사용 간단하게 사용할 수 있으며 public 폴더에 있는 이미지를 상대 경로를 통해 쉽게 불러올 수 있다. 이미지를 직접 불러오기 때문에 번들링 처리가 필요없다 라는 장점이 있다. 대신 이미지의 관리가 어려울 수 있으며 이미지가 많거나 프로젝트가 커질수록 유지보수가 어려워진다는 단점이 있다. 또, 이미지의 크기가 큰 경우 로딩 성능에도 영향을 미칠 수 있다고 한다. 위 예시처럼 불러올 수 있다. 2. src/assets 사용 이미지..
[TS] msw 적용안되는 오류
npm install msw --save-dev msw 라이브러리를 통해서 mock api를 생성하려고 시도했는데 아래와 같은 오류가 났다. Module '"msw"' has no exported member 'setupWorker'. 왜인지는 모르겠지만 setupWorker를 찾을수가 없다고 나왔다.... import { setupWorker } from "msw"; import { handlers } from "./handlers"; export const worker = setupWorker(...handlers); 구글링을 조금 해보니 msw버전이 높은 경우 typescript를 적용할때 이슈가 생기는 경우가 있는 듯 하다. msw버전을 낮춰서 해결하였다. npm i msw@1.0.0
[JS] 퍼즐조각 채우기
https://school.programmers.co.kr/learn/courses/30/lessons/84021 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 정말 쉽지 않은 문제였다. 문제 자체를 접근하는것과 풀이는 처음에 잘했었다. 1. table에서 블럭들의 정보를 배열로담아옴 2. 회전이 가능하므로 회전가능한 블럭들의 정보들을 배열에 추가 3. 완전탐색을 활용하여 game_board에 빈칸이 있는지 탐색 따라서 아래와 같이 해결해 봤는데 아무리 생각을 해도 시간초과를 해결할 수 가 없었다. function solution(game_board, t..
[REACT] Emotion 컴포넌트 선택자 사용시 에러
Emotion을 활용하다가 Component Selector(컴포넌트 선택자) 를 사용했더니 아래와 같은 오류가 발생했다. Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform. Component Selector(컴포넌트 선택자)란 ?! const Card = styled(face)` padding: 20px; width: 150px; height: 220px; margin-right: 15px; position: relative; float: left; perspective: 600px; /*3..
![[GIT] 레포기록을 유지한 채 다른 레포로 옮기기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbxd1Wb%2FbtsAnyf2Cw5%2F8eBZilnQGaOJ03YtH4lFS1%2Fimg.png)
[GIT] 레포기록을 유지한 채 다른 레포로 옮기기
레포 기록(commit , push 기록)을 유지하면서 다른 레포로 내용을 옮기거나, 두개의 레포지토리를 한 개로 합치고 싶은 경우가 있다. 그냥 코드를 합치면 될 꺼 같지만 그러면 레포를 작성했던 기록들이 날아가게 되는데 이 기록들을 유지하면서 레포를 옮기는 방법에 대해 소개하겠다. 내가 옮기고 싶은 레포 => A 내가 옮길 레포 (최종적으로 합쳐질 레포) => B 라고 하자. 우선 A의 커밋 기록들을 mirror 옵션을 통해서 가져와야 한다. A의 주소의 HTTPS 주소를 위처럼 복사해주자. git clone --mirror {a의 https주소} 위와 같이 mirror옵션을 활용해서 A의 레포를 복사해온다. --mirror 옵션을 활용하면 저장소의 소스뿐 아니라 커밋 히스토리까지 가져올 수 있기때문..
[JS] 금과 은 운반하기
상당히 어려운 문제였다. 프로그래머스 3단계쯤 들어와서부터는 절반쯤은 스스로 해결을 하지 못하는 것 같다.. (ㅜ) 이번 문제도 카카오에서 제공한 해설을 읽고 해결하였다! 문제에서 제공하는 무지막지한 테스트케이스에서 알 수 있듯이 일반적인 방식으로 문제를 접근하면 풀 수 없다. (완전탐색,DP등) 문제의 핵심은 이분탐색에 있었다. gold = 특정 시간 t 동안 얻을 수 있는 최대 골드 수 silver = 특정 시간 t 동안 얻을 수 있는 최대 실버 수 add = 특정 시간 t 동안 골드와 실버를 한번에 얻을 수 있는 최대 수 라고 두었을때 a + b = a && silver >= b && add >= a + b) { end = mid - 1; ret = Math.min(mid, ret); }else {..