분류 전체보기

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 ..

최근에 알게된 VSCode의 extension인데 Nextjs를 사용한다면 무조건 사용하는걸 추천한다.Nextjs Snippets는 Next.js에서 자주 만드는 것을 예약어로 만들어 놓은 모음한 익스텐션이다.가장 많이 사용할거 같은 snippets들naf: 화살표함수 기반 함수형 컴포넌트 생성nafe: export default 기반 화살표 함수형 컴포넌트 생성napage : 기본 함수형 컴포넌트 생성하기natemplate: 자식요소 포함한 함수형 컴포넌트 생성하기사용법snippet “nafe” 입력하고 enter바로 페이지 컴포넌트가 생성된다.💡아래내용은 설명에 있는 부분은 typescript 만남기고 다 삭제한 것이다. 만약 javascript 홀로 존재했으면 남겨놨다. App Directory ..

정보처리기사 실기를 공부하기 위해 JAVA를 사용하기 위해 현재 새로산 맥북에 IntelliJ를 설치해보자IntelliJ를 설치하려고 했는데 문제가 생겼는데 커뮤니티 버전이 안보엿다.다음과 같은 화면에서 당황할수 있는데위의 사진에서 기타버전으로 들어가면 Ultimate 말고 Community 버전을 다운 받을수 있다.기타버전의 우측의 Community Education 을 다운받아 사용하자커뮤니티 버전을 설치하고 sdk를 다운 받아야되는데, brew나 그런쪽에서 설치안하고 IntelliJ 튜토리얼에서 설치하라는 sdk로 설치하여 코드가 정상적으로 동작하고 실행됫다. 간단 후기과거 대학교 다니던 학생 시절에 IntelliJ를 설치하여 사용했던 좋은경험 있다. 그때 당시 학생 라이센스를 통하여 유료버전을 무..

8월 25일 저녁부터 몸이 안좋기 시작했다.온 몸에 열이 나는 느낌이 들어 체온을 쟀더니 38도가 나왔다.바로 코로나 키트검사를 했더니 역시나 양성이 나왔다.이 때 부터 공부를 못하기 시작했다. 8월 26일 바로 병원에가서 약 처방 받았다.목 엄청 아프기 시작함, 기침 약간 8월 27일 집에서 가만히 있기만 했다.8월 28일 병원가서 수액 맞음, 너무 아파서 아무것도 못함8월 29일 몸이 정상적으로 안정화됬다.8월 30일 가족여행 여름 휴가로 인도네시아 여행을 갔다.서울 -> 자카르타 -> 발리 -> 자카르타 -> 서울다음과 같은 여행일정이 시작됬다. 여행 후기는 나중에 적도록하자여행일정은 8월 30 일까지 ~ 9월 8일 까지 여행 다녀왔다.9월 9일 ~ 9월 12일 까지 예비군을 갔다 왔다.9월 11 ..

설치과정1. node 설치 ⇒ 기본과정이므로 생략2. expo를 global로 설치npm install --global expo-cli 3. watchman 설치brew install watchmanWatchman은 Meta가 만든 File 모니터링 도구4. 어디에서 실행하고 테스트 할 것인가?4-1. XCode를 설치하면 컴퓨터 자체에서 Ios Simulator를 사용할 수 있다.4-2. Android studio를 설치하면 컴퓨터 자체에서 Android Simulator를 사용할 수 있다.4-3. 아이폰 핸드폰에서 expo go 앱을 다운 받아 설치하여해당 폰에서 실행가능4-4. 안드로이드 핸드폰에서 expo go 앱을 다운 받아 설치하여 해당 폰에서 실행가능5. expo init을 파일폴더 생성ex..