.

나를 찾는 아이

Simple is the best, Go to basic
블로그"나를 찾는 아이"에 대한 검색결과1389건
  • [비공개] CRA로 생성한 프로젝트에서 webpack bundle analyze..

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 이렇게 생긴 화면이 여러분들이 많이 알고 계신 webpack bundle analyzer 입니다 웹팩을 통해 번들링한 결과를 시각적으로 보여줘서 어떤파일이 용량이 큰지 중복되는 패키지는 없는지 체크하여 번들결과물을 최적화하는데 도움을 줍니다 그런데 CRA(create react app)로 만든앱은 webpack 관련 파일이 내부적으로 react-script로 래핑되어있기 때문에 webpack.config.js 파일같은것을 사용할수 없습니다 이러한 상황에서 webpack-bundle-analyzer를 사용할수 있는 방법을 안내해드려요 https://www.npmjs.com/package/webpack-bundle-analyzer webpack-bundle-analyzer W..
    나를 찾는 아이|2022-07-20 06:12 pm|추천

    추천

  • [비공개] 아이폰 애플 캘린더 연동시 시간대 오류

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 아이폰 캘린더를 사용하는데 특정 시각으로 일정을 입력하면 입력할때랑 다른 시간대로 기록이 됩니다 뭔가 분명 국가별 시간대 설정에서 오류가 있는것 같은데 난 아무런 설정을 바꾼게 없는데 갑자기 왜이러지 싶은데요 그래서 방법을 찾아보니 이렇게 하시면 됩니다 https://www.icloud.com/ 먼저 아이클라우드에 접속합니다 접속하면 우측상단에 계정설정이 있는데요 여기를 클릭하세요 클릭하면 나오는 대시보드에 분명 시간대/형식에 태평양 표준시 / 대한민국이라고 써있습니다 그런데 여기서 넘어가면 안됩니..
    나를 찾는 아이|2022-07-19 08:33 am|추천

    추천

  • [비공개] m1, m2 silicon mac에서 cocoapods 설치하기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); # Uninstall the local cocoapods gem sudo gem uninstall cocoapods # Reinstall cocoapods via Homebrew brew install cocoapods m1, m2 등 실리콘맥에서 cocoapods을 설치할때는 brew를 통해 설치하는것이 편합니다 brew 말고 기존 명령어를 통해 cocoapods을 설치하셨다면 먼저 삭제하시고 brew를 통해 다시 설치해주세요 728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({});
    나를 찾는 아이|2022-07-12 11:57 pm|추천

    추천

  • [비공개] react 테스트 작성하기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); https://github.com/spotlight21c/react-testing-example GitHub - spotlight21c/react-testing-example Contribute to spotlight21c/react-testing-example development by creating an account on GitHub. github.com 리액트 이제 막 입문하시는 분들을 위해서 기본적인 테스팅 코드가 포함되어있는 샘플프로젝트를 만들었습니다 약간의 가이드가 되었으면 좋겠습니다 컴포넌트 UI테스트 hook 테스트 외부의 API를 호출하는 hook 테스트 위와 같은 케이스로 구분하여 테스트 케이스가 작성되어있습니다 특히나 사용한 테스팅 보조 툴중에 https://mswjs.io Mock Service Worker Seamless API mock..
    나를 찾는 아이|2022-07-07 07:57 pm|추천

    추천

  • [비공개] 무료 서버 제공주는 곳 정보 푼다

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); https://vercel.com/ Develop. Preview. Ship. For the best frontend teams – Vercel Deploy web projects with the best frontend developer experience and highest end-user performance. vercel.com nextjs를 만든 vercel입니다 react, vue, nextjs를 비롯해서 내가 만든 개발한 웹어플리케이션을 repository 연결만으로 쉽게 배포하여 서비스가 가능합니다 nextjs는 SSR이 가능하기 때문에 frontend 뿐만 아니라 backend 서비스도 제공할수 있어요 다만 무료로 사용하는 경우네느 서버 edge의 위치를 설정할수 없어 기본 값이 미국이라 다소 느릴수 있습니다 https://railway.app/ Railway Railway i..
    나를 찾는 아이|2022-07-06 01:38 pm|추천

    추천

  • [비공개] 리액트에서 devDependencies는 왜 안쓰나요?

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); npm, nodejs를 공부하셨다면 개발에 필요한 패키지들은 dev dependency로 설치하는것이 습관화되어있을거예요 sass를 비롯한 개발 또는 테스팅단계에서 필요한 툴들은 당연히 dev dependency로 설치했을거예요 그런데 CRA로 리액트 앱을 만들면 모든 패키지가 구분없이 dependencies에 설정되어있는것을 볼 수 있습니다 "dependencies": { "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^12.1.4", "@testing-library/user-event": "^13.5.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" } 으잉? 왜 그렇죠? Node..
    나를 찾는 아이|2022-07-05 12:08 pm|추천

    추천

  • [비공개] CRA로 만든 react app v17로 변경하기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); react가 얼마전 18버전으로 업데이트가 되었죠 그래서 CRA로 react app을 만들게 되면 react 18 버전으로 시작하게 됩니다 react 18버전이 아닌 17버전을 사용하고 싶으시다면 직접 의존성을 리액트 17버전으로 변경해주시면됩니다 package.json에서 react, react-dom을 17 버전으로 변경해주시고 testing-library/react도 react 17버전에서 사용가능한 버전으로 함께 변경이 필요합니다 // package.json { "@testing-library/react": "^12.1.4", "react": "^17.0.2", "react-dom": "^17.0.2", } 그리고 다시 의존성 모듈을 설치해주세요 npm i 추가로 index.js의 react renderer호출부분..
    나를 찾는 아이|2022-07-04 12:00 pm|추천

    추천

  • [비공개] mongodb ObjectId 파헤치기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); https://www.mongodb.com/docs/manual/reference/method/ObjectId/ ObjectId — MongoDB Manual Docs Home → MongoDB ManualObjectId( )Returns a new ObjectId. The 12-byte ObjectId consists of:A 4-byte timestamp, representing the ObjectId's creation, measured in seconds since the Unix epoch.A 5-byte random value generated once per process. This random www.mongodb.com mongodb는 ObjectId라는 GUID 체계를 사용하고 있습니다ObjectId는총12바이트로구성이되어있는데 4바이트는 유닉스 타임스탬프5바이트는 프로세스별로 한번 생성되는 랜덤한 값3바이트는 자동증가하는카운터이렇게 구성이 되어있습니다 mongodb consol..
    나를 찾는 아이|2022-06-29 12:25 pm|추천

    추천

  • [비공개] 저렴하게 분산 unique primary key 만들기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); 티켓서비스로 불리는 이것은 pk로 사용가능한 전역적으로 유일한 interger value(GUID)를 제공해주는 방법입니다 데이터베이스 분산처리를 위해 샤딩을 하게 되면 샤딩한 데이터베이스간의 키의 충돌을 막는것이 가장 우선한 일입니다 mysql의 auto increment 컬럼을 pk로 사용하는것은 모두가 매우 잘 알고 있는 방법이지만 여러개의 데이터베이스가 물리적 또는 논리적으로 구분되어있을때 물리적, 논리적으로 구분된 데이터베이스간의 유일함을 보장하지는 못합니다 (1번 db도 row가 1부터 증가하고, 2번 db도 1부터 증가하면 계속해..
    나를 찾는 아이|2022-06-28 11:46 am|추천

    추천

  • [비공개] hset을 이용하여 메모리 효율적으로 redis에 저장하기

    728x90 반응형 (adsbygoogle = window.adsbygoogle || []).push({}); https://instagram-engineering.com/storing-hundreds-of-millions-of-simple-key-value-pairs-in-redis-1091ae80f74c Storing hundreds of millions of simple key-value pairs in Redis When transitioning systems, sometimes you have to build a little scaffolding. At Instagram, we recently had to do just that: for legacy… instagram-engineering.com 이 포스팅은 instagram engineering 블로그의 2011년 포스팅을 기반으로 이 내용을 이해하기 쉽게 다시 정리합니다. 10년이나 지난 포스팅이지만 지금도 여전히 그 방법론은 유효합니다 무수히 많은 사진이 있는 인스타그램과 같은 서비스가 있다고 가정해봅니다. med..
    나를 찾는 아이|2022-06-27 10:11 am|추천

    추천

이전  1 2 3 4 5 ... 139  다음
셀로거는 비즈니스/마케팅 관련 블로그중 대중에게 RSS를 제공하는 블로그의 정보만 수집 및 정리하여 소개하는 비상업적 메타블로그 사이트입니다.
수집된 내용에 대한 모든 블로그의 저작권은 모두 해당 블로거에게 있으며 공개되는 내용에 대해서는 Sellogger의 입장과 무관합니다.
셀로거에서는 원글의 재편집 및 수정을 하지 않으며 원문링크를 제공하여 전문확인을 위해서는 저작권자의 블로그에서만 확인가능합니다.
Copyright (c) Sellogger. All rights reserved. 피드등록/삭제요청 help@sellogger.com