import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { createNativeStackNavigator } from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Profile from './src/screens/Profile'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; import Search from './src/screens/Search'; import Activity from './src/screens/Activity'; import { NavigationContainer } from '@react-navigation/native'; import Status from './src/screens/Status'; import Ionic from 'react-native-vector-icons/Ionicons'; const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const getTabBarIcon = (route, focused, size, color) => { let iconName; color = 'black'; if (route.name === 'Home') { iconName = focused ? 'home-sharp' : 'home-outline'; size = focused ? size + 8 : size + 2; } else if (route.name === 'Search') { iconName = focused ? 'search' : 'search-outline'; } else if (route.name === 'Activity') { iconName = focused ? 'heart' : 'heart-outline'; } else if (route.name === 'Profile') { iconName = focused ? 'person' : 'person-outline'; } return <Ionic name={iconName} size={size} color={color} />; }; const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={({ route }) => ({ tabBarHideOnKeyboard: true, tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, tabBarIcon: ({ focused, size, color }) => getTabBarIcon(route, focused, size, color), })} > <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false }}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App;     { "name": "ReactNativeInsta", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "lint": "eslint .", "start": "react-native start", "test": "jest" }, "dependencies": { "@react-navigation/bottom-tabs": "^6.6.1", "@react-navigation/material-top-tabs": "^6.6.14", "@react-navigation/native": "^6.1.18", "@react-navigation/native-stack": "^6.11.0", "react": "18.3.1", "react-native": "0.75.2", "react-native-safe-area-context": "^4.10.9", "react-native-screens": "^3.34.0", "react-native-vector-icons": "^10.1.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/babel-preset": "0.75.2", "@react-native/eslint-config": "0.75.2", "@react-native/metro-config": "0.75.2", "@react-native/typescript-config": "0.75.2", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "babel-jest": "^29.6.3", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.3.1", "typescript": "5.0.4" }, "engines": { "node": ">=18" } }  

안녕하세요 강사님! 정말 잘듣고 있습니다 ! 22년 4월 기준 디폴트값으로   Vue2, 3  중 아무거나 선택해도 상관없을까요? 21년과 달리 지금은 Vue3가 프리뷰버전이 아닌거 같아서요!  가능하시다면 현재의 버전에서 두가지의 차이점?같은 것도 설명해주시면 감사하겠습니다!

안녕하세요. 설치관련해서 궁금한게 있어서 질문드려요. vue cli는 아래의 명령어를 이용해서 3.0버전을 설치하잔아요.. vue create vue-cli3   근데, 이 다음에 옵션을 선택할때는 왜 Vue 2를 선택하는 것인가요? Vue Cli랑 위의 Vue 2?3?은 관련이 없는 것인가요?   답변부탁드리겠습니다. 감사합니다.

cdn 과 cli 의 차이점을 알고 싶습니다 cdn 처럼 그냥 코드 한줄만 추가하면 vue를 사용할수있는데 개발은 어떤걸로 자주 현업에서는 사용하나요?  아직 초보단계라서 간단해보이는 cdn이 좋아보여서 궁금합니다!

처음에 cli실행할 때 연결프로그램을 vscode로 설정해놔서 그런지 콘솔창에 cli를 입력하면 console창에 결과가 안뜨고node_cli라는 폴더가 생기면서 index파일이 생깁니다. 

14장 마지막 예제 관련 질문입니다.  ----------------질문 코드--------------- ch14/14.2/node-cli/command.js 에서 program   .action((cmd, args) => {     if (args) {       console.log(chalk.bold.red('해당 명령어를 찾을 수 없습니다.'));       program.help();     } else {       inquirer.prompt([{         type: 'list',         name: 'type',         message: '템플릿 종류를 선택하세요.',         choices: ['html', 'express-router'],      }, { ----------------------------------------- 콘솔 명령어에 'cli' 입력 시 else구문으로, 'cli 틀린명령어' 입력 시 if 구문으로 이동하는 것인데 commander 버전이 5.0.0일 때 콘솔 명령어에 cli 입력 시 else 구문으로 inquirer구문이 실행되는데 commander 버전이 최신버전에서는 콘솔 명령어에 cli 입력 시에도 if 구문이 실행되네요. 어떻게 해결해야 할까요?