전체 글
-
border-box vs. content-box 간단정리물망초. 2021. 2. 2. 22:41
사실 글 볼 필요 없다. 아래 사이트로 가자. 간략한 정리만 본다면 몰라도.. box-sizing mdn 누구나 매번 작업할 때마다 헷갈리는게 있다. 내게도 몇 개 되는데, 그 중 하나가 box-sizing이었다. 그래서 나중에 다시 찾게 될까 간단하게 남겨놓고자 한다. border-box vs. content-box width, height 100px, border 5px, padding 10px border-box 5(border) + 10(padding) + 85(100px - 10px - 5px) = 100px(계산된 width, height px); 요소의 크기는 너비 = 콘텐츠 너비, 높이 = 콘텐츠 높이로 계산하고 테두리와 안쪽 여백은 식에 넣지 않습니다. content-box 5(borde..
-
UUID가 필요 할 경우!물망초. 2020. 10. 21. 12:03
function generateUUID(fmt) { // Public Domain/MIT var d = new Date().getTime();//Timestamp var d2 = (performance && performance.now && (performance.now()*1000)) || 0;//Time in microseconds since page-load or 0 if unsupported return fmt.replace(/[xy]/g, function(c) { var r = Math.random() * 16;//random number between 0 and 16 if(d > 0){//Use timestamp until depleted r = (d + r)%16 | 0; d = Math.f..
-
window.addEventListener in enzyme.물망초. 2020. 10. 20. 14:53
window.addEventListener를 모킹해야하는 상황이 생겼는데, 도저히 어떻게 해야 아름답게 될지 감이 오지 않았다... 그래서 찾아보니 아래와 같은 식으로 작업을 하는 것 같다! const map = {} // addEventListener mock function window.addEventListener = jest.fn((event, callback) => { map[event] = callback })위와 같이 처리할 경우 map 안에 mount하는 컴포넌트 내부에서 addEventListener로 처리하는 것들이 모두 설정되게 되는데, 이 점을 활용해서 이벤트 등록이 정상적으로 되어있는지 파악하는 것이 가능하다.
-
왜 대소문자를 구분을 하지 못하니!!!(feat. Git)물망초. 2020. 8. 12. 23:58
요점! git config core.ignorecase false 와 git mv source destination 안녕하세요 :) 오랜만에 글을 남기네요! 오늘 물망초에 남기는 글은 제가 최근에 겪은 일을 잊지 않기 위해 남깁니다. git config에 git config core.ignorecase 옵션이 있습니다. 왜 있을까요? 제가 오늘 지옥을 경험한 얘길 들려드리며 저도 잊지 않기 위해 기록하겠습니다. 사건의 제목: 아니!! 왜 폴더에 대문자를 뺐는데!!! import에 에러가 안나는거야!?! nextjs 로 작업 중에 저는 무의식 중에 대문자를 사용하여 폴더명을 짓게 되었습니다. components/Post 음 좋아 Post에 만들어질 애들을 다 때려박아 볼까? 음 Comment, Conten..
-
React-native: com.android.builder.testing.api.DeviceException카테고리 없음 2020. 7. 11. 11:35
안녕하세요 :) 심심풀이로 react-native를 만지작 거려볼까하여. 환경 구축을 진행중에 마주한 문제 해결에 관한 내용을 짤막하게 적습니다. 우선 현재 상황은 react-native 환경설정을 참고하여 설정 중이었고, 이미 Android studio 설정 및 기타 모든 설정은 진행한 후였습니다. 저는 Redmi8이 있어서 디바이스로 실행을 해볼까하는 상황과 안드로이드 스튜디오를 통해서 AVD로 실행을 할까 고민하다 AVD와 디바이스를 usb로 연결해둔 상태였습니다. 그리고 yarn run android(yarn react-native run-android)를 수행하였는데, FAILURE: Build failed with an exception. * What went wrong: Execution f..
-
Hanoi tower물망초. 2020. 1. 12. 14:51
const hanoi = (disc, src, aux, dst) { if (disc > 0) { hanoi(disc - 1, src, dst, aux); document.writeln('Move disc ' + disc + ' from ' + src + ' to ' + dst); hanoi(disc - 1, aux, src, dst); } }; hanoi(3, 'Src', 'Aux', 'Dst');공략 1. 먼저 위쪽에 있는 원반들을 보조 기둥으로 옮겨서 바닥에 이는 원반을 드러나게 만든다. 2. 이렇게 계속 재귀를 돌게되면 가장 바닥에 있는 원반이 목적기둥으로 이동할 수 있게 된다. 3. 마지막으로 보조 기둥에 있는 ..