iOS 정복기 iOS 정복기

expo install expo-location // 1. expo location import import * as Location from "expo-location"; export default function MainPage({navigation,route}) { useEffect(()=>{ navigation.setOptions({ title:'나만의 꿀팁' }) setTimeout(()=>{ // 2. location 을 실행하는 함수 호출 getLocation() setState(data.tip) setCateState(data.tip) setReady(false) },1000) },[]) // 3. 실행되면 기기에서 허용하겠냐고 알림뜸 const getLocation = async () =..

expo install expo-linking // 1. import import * as Linking from 'expo-linking'; export default function DetailPage({navigation,route}) { // 2. 연결할 link 정의 const link = () => { Linking.openURL("https://spartacodingclub.kr") } return ( {tip.title} {tip.desc} popup()}>팁 찜하기 share()}>팁 공유하기 // 3. event 랑 link 함수 연결 link()}>외부 링크 ) }

import { Share } from 'react-native'; export default function DetailPage({navigation,route}) { const share = () => { Share.share({ message:`${tip.title} \n\n ${tip.desc} \n\n ${tip.image}`, }); } return ( // ScrollView에서의 flex 숫자는 의미가 없습니다. 정확히 보여지는 화면을 몇등분 하지 않고 // 화면에 넣은 컨텐츠를 모두 보여주려 스크롤 기능이 존재하기 때문입니다. // 여기선 내부의 컨텐츠들 영역을 결정짓기 위해서 height 값과 margin,padding 값을 적절히 잘 이용해야 합니다. {tip.title} {tip.d..

// install 할 내용들 yarn add @react-navigation/native expo install react-native-screens react-native-safe-area-context react-native-gesture-handler yarn add @react-navigation/stack // App.js import React from 'react'; // 1. NavigationContainer import 해주고 import { NavigationContainer } from '@react-navigation/native'; import { StatusBar } from 'expo-status-bar'; // 2. Navigator로 화면 그려준 view를 import ..

useEffect란 생명주기와 연관이 있다 view가 Load 되었을때 호출될거나, State의 값이 변경 되었을때 호출 되거나, view가 Disappear할때 호출되기도 한다 일단 코드를 한번 읽어 보자 const [state, setState] = useState([]) 이런식으로 사용할 state값을 init 한다 하지만 안에 값이 전혀 안들어 있다 값을 넣을때면 setState를 호출 하면 된다 [변수, 함수] 뒤에껀 callback이다 setState(data.tip) 이 함수 호출을 통해 data에 값을 넣어주고있다 그리고 TouchableOpactiy를 통해 click 된 경우 category라는 선언형 함수를 실행한다 cate를 매개변수로 받고 있으면 cate: String을 setCat..

controller 의 api이다 param으로 id를 받아온다 ParseIntPipe를 매개변수로 넣어주면 들어온 param을 int로 바꿔준다 그리고 service로 가보자 .delete를 사용할 것인데 .remove를 사용해도 된다 둘의 다른 점은 id로 Index했을 때 해당 data가 없다면 remove는 error를 뱉고 delete는 error를 뱉지 않는다 하지만 delete로 삭제가 됐다면 결괏값으로 affected : 1이 돌아올 것이다 무슨 뜻이냐면 해당 수행으로 영향 받은 data가 1있다는 뜻이다 (삭제된게 1있다는 뜻)

config 파일 만들어서 이렇게 정의해 주자 저기 들어가는 값들은 pgAdmin을 통해 db를 미리 생성해 주자 config 만들어 주었다면 App.module에 이렇게 알려주자 이건 board의 module이다 저렇게 알려주면 된다 Board는 entity이다 entity 이런식으로 정의해 줬다

controller이다 createBoardDto라는 class를 통해 들어오는 param의 값들을 validate 해줄것이다 dto 정의이다 class validator 를 통해 validate 해준다 그 다음은 service 이다 일단 constructor 을 통해 db와 연결해 준다 repository = db Board에 대한 정의이다 BaseEntity를 상속 받는다 일종의 db에 data 넣을때 쓰는 schema 같은거다 postman을 통해 test해보면 잘된다 뿌듯 - 참고로 entity의 id는 primaryGeneratedColumn라는 decorator를 통해 자동으로 생성된다