일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- ELECTRON
- electron-packager
- dvh
- pnpm
- Recoil
- Git
- github pdf
- 티스토리 성능
- custom printing
- github lfs
- silent printing
- html
- react-native
- adb connect
- Failed to compiled
- ffi-napi
- rolldown
- github 100mb
- Each child in a list should have a unique "key" prop.
- device in use
- adb pair
- nextjs
- camera access
- camera permission
- 이미지 데이터 타입
- animation
- augmentedDevice
- vercel git lfs
- react-native-dotenv
- Can't resolve
- Today
- Total
목록전체 글 (330)
Bleeding edge
https://korband.tistory.com/33 [#git] 여러 커밋(commit) 하나로 합치기 의식의 흐름(?)으로 개발을 하다보면 똑같은 커밋 메세지 또는 대충 쓴 커밋 메세지로 푸시하는 경우가 많다. 이런 경우 커밋 메세지를 하나로 합치거나 수정할 수 있으니 정신이 맑은 날에 한번 korband.tistory.com
에러 이미지 : 요약 : yarn.lock 에 문제가 생겼다. 해결 : package.json의 dependeny 관련 캐럿(^)들을 정리해주고, yarn install로 정리하자 참조 글 : https://stackoverflow.com/questions/63801444/error-your-lockfile-needs-to-be-updated-but-yarn-was-run-with-frozen-lockfil
https://velog.io/@gksthf7869/GIT-This-branch-cannot-be-rebased-due-to-conflicts-PR%EC%98%A4%EB%A5%98
https://dalaranl.github.io/react/redux-mobx-context/ 상태관리 라이브러리의 장단점 정리 상태관리 라이브러리는 여러가지가 있다. 각 라이브러리의 장단점을 알아보자. dalaranl.github.io
문제가 생기는 조건 vscode의 terminal에서 code 라는 커맨드를 사용하면 zsh: command not found: code라는 에러가 생긴다. 이를 해결하기 위해서 이전에 검색을 해보니 Shift+cmd+P를 이용하여 code를 재설치하라는 이야기가 나왔었다. 문제는 이 문제가 근본적인 해결은 아니고 code에 대해서 한번 사용하고 나서 조금만 지나도 다시 같은 문제가 발생한다 해결 방법 관리자 권한 없이 실행을 위한 코드를 작성하기 위해 다음과 같이 code에 대한 내용을 추가하였다. code () { VSCODE_CWD="$PWD" open -n -b "com.microsoft.VSCode" --args $* ;} source ~/.zshrc
🧸 서론 이전에 진행했던 프로젝트는(현재도 진행중...) CBD(Component Based Development)를 기준으로 진행하였다. 컴포넌트를 하나 하나 확인하기 위해서, layout이라는 폴더를 만들고 그 곳에 필요한 컴포넌트들을 하나 하나 그리다보니 컴포넌트 개발이나 그리는데 있어 UI와 컴포넌트의 분리가 필요하다는 생각이 들었다. Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. 이를 개선하기 위해서 스토리북을 공부하고 적용하기로 했다. 🥄설치 스토리북 설치를 하기 위해서는 다음과 같은..
개요 최근에 회사에 동료들이 늘어나면서, 이전과 같게 진행하면 문제가 생길 것 같아서, PR 가이드라인을 작성하고 컨벤션을 위하여 자동화를 세팅하기로 했다. PR 작성 가이드 라인 1. 코드 변경은 작게 작성 (LOC(Line of codes)는 400줄 이내로 작성) 2. 버그 하나당 하나의 PR 3. 버전 업데이트 및 리팩토링은 별도의 PR로 관리 4. 규모가 큰 변경 사항은 의미(semantic) 단위로 분리 5. 맥락을 이해할 수 있는 정보를 PR에 담기(내용에는 어떤 코드인지보다 왜 이 코드를 작성했는지가 중요) PR 내용 가이드라인(template를 만드는 것도 좋다) 1. 이 PR은 어떤 PR인지 2. 이게 왜 필요한지(Optional) 3. 어떻게 구현했는지 4. 어떻게 테스트 할 수 있는..
사용하게된 이유 사용자에게 원하는 타입의 값을 받아서 처리를 한다고 하면, 두 가지 방법이 있다. 1. validator를 이용해서 원하는 값이 나오지 않는다면 사용자에게 다시 값을 입력하라고 알린다. 2. 원하지 않는 값이 나온 경우에 input에 값의 입력을 받지 않는다. 이번에 적용해야할 기능은 2번이었다.(물론 1번도 부분 적용..) 이번에 적용해야하는 것은 숫자와 %였다. input vs contentEditable View적인 차이 input은 value의 하나의 textNode에 대한 스타일링을 적용할 수 있지만 contentEditable은 innerHTML을 이용하여 다양한 태그를 감쌀 수 있기에 다양한 스타일링이 가능하다 코드에서의 차이 input은 type을 입력하여 의도되지 않은 타..
서론 회사에서 최근에 애니메이션을 특정 state의 변화에 넣어달라는 요청을 받았다. height를 0%로 하였을 때 height가 0이 되는 것들 혹은 내가 만드는 컴포넌트의 높이가 정해져 있는 경우에는 쉽게 구현할 수 있었지만, height를 0으로 할 수 없는 경우나, height를 특정할 수 없는 경우에는 transition을 정하기 어려웠다. 시도한 방법 맨 처음에는, hiehgt에 0% 0, 100%를 넣어서 시도해봤었지만 모두 실패였다. react-animation에서는 변할 height를 구해서 inline으로 적용하는 방법을 사용하였다. 하지만, 굳이 이 애니메이션 때문에 라이브러리를 설치하고 싶지는 않아서 마지막으로 max-height를 사용하였다. Max-height 텍스트가 있는 경..