Language
-
yarn berry 도입 (yarn 1 -> yarn 2+)Language/npm,yarn 2023. 11. 16. 14:03
필자는 react + storybook + chromatic + typescript + scss + rollup 등으로 구성되어 있고 라이브러리를 npm까지 올리는 디자인시스템 프로젝트를 yarn berry로 변경해 보았다. yarn 버전 우선순위 순위 1 작업 디렉토리에 .yarnrc.yml 있을경우 ({project}/.yarnrc.yml 2 global yarnrc.yml yarn 버전 변경 (참조) yarn set version berry yarn set version classic yarn berry 버전으로 변경 1.1. 기존 의존성 제거 $ rm -rf node_modules $ rm -rf yarn.lock 2.2. yarn berry 변경 $ yarn set version berry 2...
-
plist 여러개 일때 Podfile 설정Language/iOS,AOS 2023. 11. 3. 18:03
plist는 분리했는데 pod update 하면 메인 plist 파일에만 Embed Pods Frameworks 등이 생성되는 문제를 발견 하였다.처음에 몰라서 복사해서 다시 생성했는데 시간이 어마무시하게 걸린다.찾아보니 pod update 할때 Targets에 맞게 라이브러리를 설치하는 방법을 찾아서 정리해 놓는다. PodfilePodfile을 설정 해 두고 pod update하면 각각의 프로젝트에 pod 라이브러리들이 추가된다.use_frameworks!def sharepods pod 'FirebaseAnalytics' pod 'FirebaseMessaging' pod 'ReachabilitySwift' # Gif pod 'Gifu' # 카카오 pod 'KakaoSDKComm..
-
DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR insteadLanguage/iOS,AOS 2023. 11. 3. 12:21
Xcode Version 15.0.1 업데이트 이후에 앱이 실행이 되지 않고 오류가 발생하였다. DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PATHS, use TOOLCHAIN_DIR instead 코코아팟 업데이트 xcode에서 업데이트 된 대응코드가 들어가 버전으로 코코아팟 버전을 올려 주어야 한다. $ sudo gem install cocoapods 개발중인 프로젝트에서 라이브러리 업데이트 $ pod update 버전 확인 https://github.com/CocoaPods/CocoaPods/issues/12012 "Error 'DT_TOOLCHAIN_DIR cannot be used to evaluate LIBRARY_SEARCH_PA..
-
npm/yarn 패키지 배포 및 사용해 보기Language/npm,yarn 2023. 10. 31. 17:34
간단히 body의 background색상이 변경되는 샘플코드를 작성하고 npm packages로 배포하는 방법을 알아보자. 1. 샘플코드 작성 1.1. 리액트 프로젝트 생성 # 리액트 프로젝트 생성 $ npx create-react-app test-npm $ cd test-npm $ cd src/npms 1.2. background 변경하는 use hook 생성 export const useClickBgColor = (e) => { const { target: { value } } = e; document.body.style.background = value; } 1.3. 사용코드 작성 import React from 'react'; import ReactDOM from 'react-dom/client'..
-
테스트 코드의 필요성Language/기타 2023. 10. 24. 11:30
테스트 코드를 작성해야 하는 이유를 나름대로 정리해 보려고 했더니 Bard와 ChatGPT가 많은 부분이 정리가 되어있고 참고 할 만한 블로그도 존재하여서 그걸 토대로 정리해 놓았다. 아래 사이트가 잘 정리되어있는것 같아서 먼저 읽어보시는걸 추천 드린다. https://brunch.co.kr/@50c7eab91a7c44d/10 테스트 코드를 모르면 손해 보는 3가지 혹시 테스트 코드에 대해서 들어보셨나요? 테스트 코드를 간략하게 표현하자면 다음과 같습니다. 내 프로젝트 코드에 오류가 있는지 검증하기 위해 매크로 프로그램을 만든다. 이게 무슨 소리 brunch.co.kr 이것 외에도 새로운 개발자가 오게 되었을때 테스트 코드만 작성되어 있다면 따로 문서를 보지 않아도 테스트 코드만 보고도 업무 인수인계가 ..
-
QA 시스템 구축Language/기타 2023. 10. 23. 17:27
QA란 무엇인가? 잘하려면 어떻게 해야할까? 대체적인 구성은? QA란? QA는 Quality Assurance의 약자로, 제품이나 서비스의 품질을 보증하기 위한 활동을 의미합니다. QA는 제품이나 서비스의 개발, 테스트, 출시, 운영 등 모든 단계에서 이루어집니다. QA의 주요 업무 제품이나 서비스의 요구 사항을 파악하고, 그에 맞는 품질 기준을 설정합니다. 제품이나 서비스의 설계, 구현, 테스트를 통해 품질을 검증합니다. 제품이나 서비스의 출시 후에도 지속적으로 품질을 모니터링하고 개선합니다. QA는 제품이나 서비스의 품질을 향상시키고, 고객의 만족도를 높이는 데 중요한 역할을 합니다. QA의 중요성 QA는 제품이나 서비스의 품질을 향상시키고, 고객의 만족도를 높이는 데 중요한 역할을 합니다. QA를 ..
-
NextJS에서 queryString 변경 감지 hook 만들기Language/React 2023. 10. 20. 09:43
NextJS 환경에서 `/aaa?arg1=111` 경로를 `/aaa?arg1=222`로 push 혹은 replace 헀을떄 arg1를 받아오는 hook을 생성하는 과정을 간략하게 정리해 놓는다. useQuery 훅 생성 필자는 p가 팝업레이어 아이디인데 path가 바뀔때 그부분은 제외한 로직이다. export function useQuery() { const router = useRouter(); const [query, setQuery] = useState(router.query); useEffect(() => { const beforeQuery = { ...query }; const afterQuery = { ...router.query }; // 팝업 파라미터 제외 (레이어 팝업) delete be..