전체 글
-
ChatGPT AI로 App개발 만들기 - (4) 새로운 습관을 추가해보자.ChatGPT와 함께 개발을 2023. 4. 12. 08:10
엔트리 포인트에 대한 내용도 추가를 시켜보자. 플러스 버튼 위치가 맘에 안들지만, 일단 넘어가고, 원하는건 저 버튼을 눌렀을때 화면이 전환되면서 새로운 습관을 추가할 수 있게 하는 것. 음 이건 아니지. 나는 네비게이션 바 상단에 뒤로가기 버튼이 있길 원한다구. import { createStackNavigator } from '@react-navigation/stack'; import HomeScreen from './screens/HomeScreen'; import NewHabitScreen from './screens/NewHabitScreen'; const Stack = createStackNavigator(); const App = () => { return ( ); }; 오 그치그치. impo..
-
ChatGPT AI로 App개발 만들기 - (3) 바텀 탭 네비게이터를 넣어보자.ChatGPT와 함께 개발을 2023. 4. 11. 23:20
정작 @react-navigation/bottom-tabs를 설치하라고 알려주진 않네. HomeScreen을 만들고, 그 안에 HabbitList를 옮겨줌. Home은 Habit으로 변경하고, 적절한 icon으로 바꿔줘야겠다. 음 탭 네비게이터를 변경해보자. 우리가 사용하는 @rneui/base로 변경해서 Icon을 만들게 해주고 사실 여기서 GPT가 헤매기 시작해서, rneui쪽 가이드라인을 보고 진행했다. https://reactnativeelements.com/docs/installation UI Library를 바꿔야 하나 살짝 고민이 들었지만 그냥 진행해 보기로. 마지막으로 헤더에 스크린 이름이 나오는걸 없애고 오늘은 마친다.
-
CORS에러 - Rails(레일즈) 해결 방법개발 팁 2023. 4. 10. 07:25
rack-cors 미들웨어 사용하기 rack-cors 미들웨어는 Rails 애플리케이션에서 CORS를 처리하는 데 사용할 수 있는 미들웨어입니다. 이 미들웨어를 사용하면 특정 도메인에서의 요청을 허용하는 등의 CORS 정책을 설정할 수 있습니다. 미들웨어를 설치하고 사용하는 방법은 다음과 같습니다. # rack-cors 미들웨어 설치 gem 'rack-cors' # config/application.rb 파일에 추가 config.middleware.insert_before 0, Rack::Cors do allow do origins 'http://example.com' resource '*', headers: :any, methods: [:get, :post, :put, :patch, :delete, :..
-
CORS에러 - Nodejs(노드) 해결법개발 팁 2023. 4. 10. 07:24
cors 미들웨어 사용하기 cors 미들웨어는 Node.js에서 CORS를 처리하는 데 사용할 수 있는 미들웨어입니다. 이 미들웨어를 사용하면 특정 도메인에서의 요청을 허용하는 등의 CORS 정책을 설정할 수 있습니다. 미들웨어를 설치하고 사용하는 방법은 다음과 같습니다. // cors 미들웨어 설치 npm install cors // 사용 예시 const express = require('express'); const cors = require('cors'); const app = express(); app.use(cors({ origin: 'http://example.com', }));