Dalyoung Lee's Blog

2025.06.20 - [IT 정보/AI 활용 앱개발] - 코딩 시작 - 프로젝트 초기화 및 화면 확인 코딩 시작 - 프로젝트 초기화 및 화면 확인Q : 이제 코딩을 시작하자. 좋아, 드디어 개발에 들어가는 거네! 🎉우리가 앞에서 기획한 내용을 토대로, 첫 단계는 React Native 프로젝트 세팅부터 시작해보는 게 좋아. 아래는 개발 순서 제안이야ldy0212.tistory.com 위 포스트의 대화와 이어서 진행합니다. Q : 첫 화면 UI 코드 만들어줘 좋아! 그럼 React Native로 만든 패스워드 생성기 앱의 첫 홈 화면 UI 코드, 기본 기능 중심으로 짜볼게. 이 코드는 아래 요소들을 포함하고 있어:비밀번호 길이 조절 슬라이더문자 옵션 체크박스 (대문자, 소문자, 숫자, 특수문자)자동..

앞 포스트에서 제시한 방안을 바탕으로 앱 초기화 완료 진행 과정에서 발생한 문제점 및 해결 방안들을 요약 요청하여 작 Q : 위 상황과 해결방안들을 요약해줄래? 현재 상황 요약 및 해결 방안지금까지 발생했던 오류와 그 해결 과정을 요약해 드릴게요. 핵심 문제는 React Native 프로젝트 빌드에 필요한 개발 환경 설정, 특히 Java, Node.js, Android SDK 및 NDK 버전의 호환성이었습니다.1. 초기 문제: Unsupported class file major version 68문제: Gradle 빌드 중 "Unsupported class file major version 68" 오류가 발생했습니다. 이는 주로 Gradle이 사용하는 Java 버전이 너무 높거나, 프로젝트와 호환되지..

Q : 어떻게 해결할 수 있지?npx react-native run-androidinfo Starting JS server...info Installing the app...Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for detailsWARNING: A restricted method in java.lang.System has been calledWARNING: java.lang.System::load has been called by net.rubygrapefruit.platform.internal.NativeLibraryLoader in an unnamed module ..

Q : 이제 코딩을 시작하자. 좋아, 드디어 개발에 들어가는 거네! 🎉우리가 앞에서 기획한 내용을 토대로, 첫 단계는 React Native 프로젝트 세팅부터 시작해보는 게 좋아. 아래는 개발 순서 제안이야:🛠️ 1단계: 프로젝트 초기화npx react-native init SecureGencd SecureGennpx react-native run-android # 또는 run-ios✅ 이 단계에서 앱이 기본 화면이라도 잘 실행되는지 확인해줘. 앱 인스톨 화면 초기화 시 오류 발생- 추가 해결을 위해, Gemini 로 변경하여 AI 활용- Copilot으로는 해결 실패 2025.06.21 - [IT 정보/AI 활용 앱개발] - React-native 프로젝트 초기화 오류 : Gemini 활용한 해결..

Q : 리액트 네이티브를 이용해서 앱을 만들거야. 처음에는 패스워드 생성기 앱을 만들어볼려고 하는데 어때? 오, 정말 좋은 아이디어야, 🎉 처음 리액트 네이티브로 앱을 만들 때는 비교적 단순한 기능을 구현해보는 게 좋아. 그런 점에서 패스워드 생성기 앱은 딱이야—작지만 실용적이고, 핵심 개념들(상태 관리, 사용자 입력, UI 구성 등)을 배울 수 있거든.예를 들어 이런 기능들을 추가해보면 어때:사용자 설정: 길이, 특수문자 포함 여부 등 선택 가능실시간 강도 표시: 패스워드가 얼마나 강한지 시각적으로 표시클립보드 복사 기능: 버튼 누르면 자동 복사다크 모드 지원: 예쁘게 꾸미는 재미까지!앱 완성 후에는 다른 사람들도 유용하게 쓸 수 있으니까 Play Store나 App Store 배포까지 도전해봐도 좋..

Q : 파이썬 코드를 docker 이미지로 만들어서 AWS EKS에 배포하고 싶어. Windows 11 을 사용하고 있고, 도커 설치하는 방법부터 차례대로 알려줘 좋아요! Windows 11에서 Docker를 설치하고 AWS EKS에 Python 애플리케이션을 배포하는 과정을 차근차근 설명해 드릴게요. 🚀1. Windows 11에 Docker 설치Docker를 사용하려면 먼저 Docker Desktop을 설치해야 합니다. 다음 단계를 따라 주세요.Docker 공식 사이트에 방문하여 Docker Desktop for Windows를 다운로드합니다.다운로드한 설치 파일(Docker Desktop Installer.exe)을 실행합니다.설치 과정에서 WSL 2(Windows Subsystem for Lin..

Q : React Native 와 Android Studio를 사용해서 앱을 개발할거야. 설치는 다 했고, 프로젝트 생성해서 테스트 하는 방법 알려줘 React Native와 Android Studio를 사용하여 앱을 개발할 준비가 완료되었군요! 이제 프로젝트를 생성하고 테스트하는 방법을 단계별로 안내해 드릴게요. 🚀1. React Native 프로젝트 생성✅ 새 프로젝트 생성터미널 또는 명령 프롬프트에서 다음 명령어를 실행하세요:npx react-native init MyApp✅ 프로젝트 폴더로 이동cd MyApp2. Android Studio에서 에뮬레이터 설정✅ Android Studio 실행AVD Manager를 열어 가상 디바이스를 생성하세요.원하는 Android 버전과 디바이스를 선택한 후..

Q : Windows11에서 VS Code 설치하는 방법 알려줘 Windows 11에서 **Visual Studio Code(VS Code)**를 설치하려면 다음 단계를 따르면 됩니다:1. VS Code 다운로드VS Code 공식 웹사이트에 접속합니다."Download for Windows" 버튼을 클릭하여 설치 파일을 다운로드합니다.2. 설치 파일 실행다운로드한 VSCodeUserSetup.exe 파일을 실행합니다.설치 마법사가 시작되면 "다음" 버튼을 클릭하여 진행합니다.3. 설치 옵션 선택설치 경로를 선택합니다 (기본값을 사용해도 무방).**"Windows 탐색기에 'Code로 열기' 옵션 추가"**를 체크하면 파일을 VS Code에서 바로 열 수 있습니다."PATH에 추가" 옵션을 선택하면 명..

Q : React Native로 앱을 개발할 때 Android Studio와 VS Code 의 역할은? React Native로 앱을 개발할 때 Android Studio와 VS Code는 서로 다른 역할을 담당합니다.1. Android Studio의 역할🔹 Android 앱 실행 환경 제공React Native는 Android 앱을 실행하려면 Android SDK가 필요합니다. 이 SDK는 Android Studio에 포함되어 있으며, 앱을 테스트하는 데 필요한 에뮬레이터를 실행할 수 있습니다.🔹 네이티브 코드 관리 및 빌드React Native 앱에서 네이티브(Android 전용) 코드가 필요한 경우, Android Studio에서 직접 편집하고 빌드할 수 있습니다.예를 들어, Java/Kotl..

Q: React Native를 사용하여 앱개발을 하고 싶어. 초기 환경 설정 알려줘. Windows11 환경이야 React Native를 Windows 11에서 설정하려면 몇 가지 필수 도구를 설치해야 합니다. 아래 단계에 따라 환경을 구성하면 React Native 앱 개발을 시작할 수 있습니다.1. 필수 소프트웨어 설치✅ Node.js 설치React Native는 JavaScript 기반이므로 Node.js가 필요합니다.Node.js 공식 사이트에서 최신 LTS 버전을 다운로드하여 설치하세요.설치 후, 명령 프롬프트에서 node -v와 npm -v를 실행하여 정상적으로 설치되었는지 확인하세요.✅ Chocolatey 설치 (선택 사항)Windows에서 패키지 관리자를 사용하면 설치가 편리합니다.관리자..