peter 님의 블로그

1. 디아루가 오리진폼 등장 일정  디아루가 오리진폼은 2024년 11월 18일부터 11월 27일까지 레이드에서 등장합니다.이 포켓몬은 드래곤/강철 타입의 강력한 포켓몬으로, 특히 "시간의 포효"라는 기술을 확률적으로 얻을 수 있습니다. “시간의포효”의 “필드 효과”를 발생시킬 때 “별의모래” 5,000개와 “디아루가의 사탕” 5개를 사용합니다. 효과가 발동하면 시간이 6분동안 “향로”, “산책향로”, “행복의알”, “별의조각” 도구의 시간이 정지됩니다. 시간의포효트레이너 배틀: 위력 150체육관 및 레이드배틀: 위력 1602. 디아루가 오리진폼 성능 분석최대 CP:4624 (풀강 기준)일반 디아루가 오리진폼: 2337 (날씨 부스트 없음), 최대 2921 (날씨 부스트 - 눈, 강풍)종족값:공격력: 2..

목차1. 이미지를 한 곳에서 관리하는 이유2. 이미지 관리의 문제점3. 이미지를 한 곳에서 관리하는 방법4. 장점5. 예제6. 결론  React Native 버전: 0.76.1 React Native 프로젝트에서 이미지 관리는 UI 개발의 중요한 부분입니다. 다양한 화면에서 이미지를 사용하는 경우, 비효율적으로 관리하면 유지보수가 어려워지고 프로젝트의 복잡성이 증가할 수 있습니다. 이번 글에서는 이미지를 효율적으로 관리하는 방법과 그 장점을 소개합니다. 1. 이미지를 한 곳에서 관리하는 이유React Native 프로젝트에서는 보통 컴포넌트 내에서 직접 이미지를 불러오는 방식을 사용합니다. 하지만 이런 방식은 다음과 같은 문제를 야기합니다:중복 코드 증가: 동일한 이미지를 사용하는 경우, 여러 컴포넌트에..

목차1. 폰트 파일 추가2. 폰트 스타일 적용  - React Native(버전 0.76.1 기준)에서 커스텀 폰트를 추가하고 사용하는 방법을 소개합니다.- 앱의 디자인에 맞는 커스텀 폰트를 사용하면 텍스트 스타일을 더욱 다양하게 표현할 수 있습니다. 1. 폰트 파일 추가1-1. 폴더 생성 및 폰트 파일 복사- 프로젝트 디렉토리에서 src/assets/fonts 폴더를 생성합니다.- 원하는 폰트 파일(예: MyFont.ttf)을 해당 폴더에 복사합니다.이 예제에서는, 학교 안심 지우개 폰트와 에스 코어 드림 폰트를 사용했습니다. 1-2. react-native.config.js 파일 생성- 프로젝트 루트 디렉토리에 react-native.config.js 파일을 생성하고, 아래 내용을 작성합니다:modu..

목차1. 필요한 라이브러리 설치2. 환경 설정 및 코드 작성   이번 글에서는 react-native-svg-transformer 라이브러리를 사용하여 SVG 파일을 사용하는 방법을 단계별로 안내합니다. 1. 필요한 라이브러리 설치React Native에서 SVG 파일을 사용하려면 react-native-svg와 react-native-svg-transformer 라이브러리가 필요합니다.아래 명령어를 사용하여 두 라이브러리를 설치합니다. npm install react-native-svgnpm install --save-dev react-native-svg-transformer 2. 환경 설정 및 코드 작성2-1. 환경 설정설치 후, metro.config.js 파일을 수정해야 합니다. metro.con..

목차1. Header 숨기기 코드 작성2. 동작확인  React Native 프로젝트(버전 0.76.1)에서 React Navigation을 사용하여 특정 화면에서 Header를 숨기고, 다른 화면에서는 표시하는 방법을 알아보겠습니다. 이번 예제에서는 앱 진입 시 Home 화면에서 Header를 숨기고, 이후 Detail 화면에서는 Header가 나타나도록 설정합니다.  1. Header 숨기기 코드 작성- React Navigation의 Stack.Navigator에서 각 화면(Screen)의 options 속성을 사용해 Header의 표시 여부를 조정할 수 있습니다.- Home 화면에서는 headerShown: false로 설정하여 Header를 숨기고, 다른 화면은 기본 설정을 유지합니다.- 다음은..

목차1. 메가 보만다 등장 일정2. 보만다의 성능 분석3. 보만다 레이드 공략: 카운터와 추천 포켓몬 1. 메가 보만다 등장 일정메가 보만다 레이드 일정기간: 2024년 11월 11일(토) ~ 11월 18일(토)보만다란?보만다는 드래곤과 비행 타입을 가진 강력한 포켓몬으로, 특히 메가 진화를 통해 더욱 강화된 능력치를 자랑합니다. 진화 과정:아공이 → 25개 사탕 → 셀곤셀곤 → 100개 사탕 → 보만다 2. 보만다의 성능 분석최대 CP메가 보만다: 4239일반 보만다: 2142강풍 날씨 부스트: 최대 2678 종족값공격력: 277방어력: 168HP: 216타입 및 약점타입: 드래곤 / 비행약점: 얼음, 드래곤, 페어리, 바위레이드 및 배틀에서의 티어드래곤 타입 딜러로 A+ 티어로 평가받으며, 레이드와 ..

목차1. 라이브러리 설치2. 작동 확인3. React Navigation 라우트 설정  사용된 버전React Native: 0.76.11. React Navigation 설치React Native에서 화면 간 전환을 쉽게 구현하려면 React Navigation 라이브러리를 사용하는 것이 가장 간단하고 효율적입니다. 아래는 React Navigation을 설치하는 과정입니다.1-1. React Navigation 설치- 먼저 React Navigation 패키지를 설치합니다.npm install @react-navigation/native1-2. 추가 종속성 설치- React Navigation은 추가적인 종속성을 필요로 합니다. 다음 명령어를 실행하여 필요한 패키지를 설치합니다.npm install r..

목차1. 깃허브 설정2. 젠킨스 설정 이 글에서는 깃허브 웹훅을 설정하고, 이를 통해 젠킨스에서 CI/CD 파이프라인을 구성하는 방법을 안내합니다.젠킨스 설치 방법은 다루지 않으며, 설정을 위한 기본적인 선행작업이 필요합니다. 선행 작업젠킨스와 깃허브 연동을 위해 다음 준비가 필요합니다:젠킨스 설치 후 깃허브 계정 설정젠킨스 플러그인을 사용해 깃허브 계정을 등록합니다.아이피타임 DDNS 발급 및 포트 포워딩DDNS(예: yourdomain.iptime.org)를 통해 외부 접근이 가능하도록 설정합니다.젠킨스 포트를 방화벽에서 해제합니다.외부 도메인 접근 테스트브라우저에서 http://:로 젠킨스 접근이 가능한지 확인합니다.1. 깃허브 설정1.1. Webhooks 설정깃허브 프로젝트의 Settings 메뉴..

목차1. 에러 내용2. 에러 해결 방법1. 에러 내용"ERROR: Error fetching remote repo 'origin'" - 젠킨스의 데이터(저장소)를 C에서 D로 옮긴다음, 데이터도 그대로 복사해서 넣었습니다.- 로그인까지 되는 것을 확인, 젠킨스의 Item까지 확인하였고, CI/CD를 하는 도중 빌드 오류가 발생하였습니다.- 위의 오류 내용을 보아, 깃 연동이 안된 것인지 혹은 옮긴 데이터의 문제인건지 잘 구분이 안되었습니다. 2. 에러 해결 방법2-1. GitHub Servers 확인- 젠킨스 관리의 시스템 메뉴인 GitHub Servers를 통해 인증 관련을 확인였습니다.- 다시 깃 연동을 확인하였고, 빌드를 다시 하였지만, 위의 오류 내용이 나왔습니다. 2-2. 워크스페이스 삭제- D..

목차1. 윈도우 설치 경로 확인2. 젠킨스 설정 파일 수정젠킨스를 기본 드라이브인 C에 설치하면, C에 주요 파일들을 많이 설치하게 되어 용량 부족현상이 올 수 있을 것이다.따라서 보조 드라이브인 D 혹은 기타 드라이브에 젠킨스 저장소를 옮기는 것을 추천합니다. ** 주의 사항- 기존에 설정 했던 내용들이 초기화 될 수도 있습니다.- 젠킨스를 설치만 했다면, 다음으로 진행하셔도 됩니다. 설정을 한 경우는, 설정 했던 내용들을 백업하고 저장소를 옮길지 선택하여 진행하시면 될것 같습니다. 1. 윈도우 설치 경로 확인- 젠킨스 설치 경로는 C:\Program Files\Jenkins 입니다.- 젠킨스의 데이터는  C:\ProgramData\Jenkins\.jenkins  입니다. 2. 젠킨스 설정 파일 수정-..