전체 글

개발공부리뷰블로그
React-Native에서 위치에 관한 기능을 사용하기 위해 Expo를 사용해보자https://docs.expo.dev/versions/latest/sdk/location/위의 docs 주소 참고하자expo-location 설치npx expo install expo-location우선 expo-location 을 설치해주자Location import 시키기import * as Location from 'expo-location';핸드폰으로 부터 허가 받기전체 코드는 아래와 같다.useEffect(() => { LocationFunc();}, []);const LocationFunc = async () => { // 1. requestForegroundPermissionsAsync() 허가 받는..
React-Native View 컴포넌트에 대해 알아보기React-Native 는 거의 대부분을 너비와 높이에 기반해서 레이아웃을 디자인 하지 않는다.⇒ width , height를 거의 사용하지 않는다는 뜻이다.스크린의 크기에 따라 보이는게 천차만별이기 때문이다.반응형 디자인에 대해 생각해야된다. 수많은 스크린들을 고려하면서 디자인 해야될것!아이콘이나 아바타는 width 나 height 를 사용할 수 있지만 레이아웃에서는 사용하지 않는다.View 기본적으로 flex 속성을 가지고 있다.  일반적으로 웹에서는 display : flex 를 하고 flex-direction: row; 를 하는 속성을 넣어줘야 되지만 React-Native View 는 기본적으로 flex 속성을 가지고 있다.그리고 React..
React-Native 규칙React-Native는 HTML 로 구성되지 않기 때문에 가 아닌 가 아닌 를 통해 구성된다.React-Native의 Text 의 구성요소는   텍스트 컴포넌트 안에 들어가야된다. ⇒ span , p 를 사용할수 없다.React-Native 에서는 React처럼 style을 완전히 동일로는 사용할수 없다. ⇒ 일부만 사용할 수 있다React-Native StyleSheet 사용방법import { StatusBar } from 'expo-status-bar';import { StyleSheet, Text, View } from 'react-native';export default function App() { return ( Hello World ..
· Tip
최근에 알게된 VSCode의 extension인데 Nextjs를 사용한다면 무조건 사용하는걸 추천한다.Nextjs Snippets는 Next.js에서 자주 만드는 것을 예약어로 만들어 놓은 모음한 익스텐션이다.가장 많이 사용할거 같은 snippets들naf: 화살표함수 기반 함수형 컴포넌트 생성nafe: export default 기반 화살표 함수형 컴포넌트 생성napage : 기본 함수형 컴포넌트 생성하기natemplate: 자식요소 포함한 함수형 컴포넌트 생성하기사용법snippet “nafe” 입력하고 enter바로 페이지 컴포넌트가 생성된다.💡아래내용은 설명에 있는 부분은 typescript 만남기고 다 삭제한 것이다. 만약 javascript 홀로 존재했으면 남겨놨다. App Directory ..
· Stack/JAVA
정보처리기사 실기를 공부하기 위해 JAVA를 사용하기 위해 현재 새로산 맥북에 IntelliJ를 설치해보자IntelliJ를 설치하려고 했는데 문제가 생겼는데 커뮤니티 버전이 안보엿다.다음과 같은 화면에서 당황할수 있는데위의 사진에서 기타버전으로 들어가면 Ultimate 말고 Community 버전을 다운 받을수 있다.기타버전의 우측의 Community Education 을 다운받아 사용하자커뮤니티 버전을 설치하고 sdk를 다운 받아야되는데, brew나 그런쪽에서 설치안하고 IntelliJ 튜토리얼에서 설치하라는 sdk로 설치하여 코드가 정상적으로 동작하고 실행됫다. 간단 후기과거 대학교 다니던 학생 시절에 IntelliJ를 설치하여 사용했던 좋은경험 있다. 그때 당시 학생 라이센스를 통하여 유료버전을 무..
WHITE_FROST
하얀하얀IT