컴공생의 다이어리

데이터 포맷(XML, JSON, CSV) 데이터 크기 : XML > JSON > CSV XML JSON CSV 장점 ‣ XML은 3가지 포맷중 가장 직관적 ‣ 메타 정보를 제공해서 정보 표현 이상의 효과를 가져올 수 있음 모양과 규칙 자체가 단순해서 타 언어에서도 구현하기가 쉬움 ‣ 용량이 가장 작음 ‣ csv는 용량이 작기 때문에 변하지 않는 많은 양의 데이터를 제공할 때 주로 이용이 가능 단점 실제 전송하는 정보보다 메타 데이터의 크기가 더 커질 수 있음 콤마가 누락되거나 중괄호가 잘못 닫히는 등 문법 오류에 취약하다. 데이터가 많아지면 어떤 데이터가 항목을 나타내는지 가시화가 어려움 주요 사용처 단순 게임 옵션, 직접 데이터 수정이 잦은 부분에 사용 서버 통신 REST API를 사용할 때 가장 많이..

JSON이란? JSON은 JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식이다. JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아서, 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용된다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법이다. JSON 특징 1. JSON은 자바스크립트를 확장하여 만들어짐 2. JSON은 자바스크립트 객체 표기법을 따름 3. JSON은 사람과 기계가 모두 읽기 편하도록 고안됨 4. JSON은 프로그래밍 언어와 운영체제에 독립적 JSON 자료형 Number JavaScript에서 배정되는 정밀..

react 화면 크기에 맞게 height 조절하기 화면을 줄이거나 늘렸을 때 화면 크기에 맞게 height를 조절하려면 리액트에서는 %로 설정하는 것이 아니라 vh를 사용해야 한다. 화면 크기에 딱 맞춰 높이를 전체로 지정하려면 아래와 같이 height를 100vh로 설정하면 된다. .temp { height: 100vh; } 만일 화면 크기에 대해 3/4만 영역을 차지하게 싶다면 height를 75vh로 설정하면 된다. .temp { height: 75vh; } https://codingmania.tistory.com/348 React에서 component 안에서 div의 height를 최대(100%)로 지정하는 방법 class App extends Component { render() { return..

Mac error Failed to install the app. Please accept all necessary Android SDK licenses using Android SDK Manager: "$ANDROID_HOME/tools/bin/sdkmanager --licenses". 오류 나의 경우 아래 2개의 명령어를 터미널에 입력해주니 해결되었다. cd ~/Library/Android/sdk/tools/bin ./sdkmanager --licenses https://stackoverflow.com/questions/57124607/react-native-failed-to-install-the-app-please-accept-all-necessary-sdk-licens React Native | ..

Mac react native 개발 환경 구축 아래 블로그 게시물을 참고해서 따라가면 개발환경 구축을 어렵지 않게 할 수 있을 것이다. 한가지 미리 했으면 하는 것은 맥 OS 업데이트를 미리 하고 개발환경을 구축하는 것이 좋을 것 같다. 이유는 XCode 때문이다. 전에 한번 OS 버전이 낮아서 설치가 되지 않아서 헤매다가 설정 다 이상하게 바꿔놓아서 초기화한 적이 있었기 때문이다. 맥(Mac)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 맥(Mac)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.posstree.com 그리고 위 블로그 게시물 중에 brew cask install ad..

react native error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds 에러 mac으로 react native 프로젝트에서 android 시뮬레이터를 돌리려고 할 때 가끔씩 error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds 오류가 발생했다. 나의 경우 terminal에 아래 명령어를 입력해주면 다시 잘 작동했다. source ~/.bash_profile

react native clone 후 프로젝트 실행 정확한 옵션을 어떻게 써야 하는지는 잘 모르겠지만 아래 명령어를 입력하면 실행이 되었다. npm install -save --legacy-peer-deps cd ios && pod install && cd .. cd android && ./gradlew clean && cd .. npm run start https://velog.io/@yonyas/Fix-the-upstream-dependency-conflict-installing-NPM-packages-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0%EA%B8%B0 npm install `--force` and `--legacy-peer-deps` 차이점 참고 https://sta..

react native 경고창(warning) 숨기기 react native 코드를 작성후 시뮬레이터를 돌렸을 때 나오는 경고창을 숨기려면 index.js 파일에 아래 코드를 마지막에 삽입해주면 된다. console.disableYellowBox = true; https://machine-woong.tistory.com/280 리액트 네이티브 경고창 숨기기 render(){ console.disableYellowBox = true; } machine-woong.tistory.com

가상 머신(Virtual Machine)이란? 가상 머신이란 실재하는 컴퓨터 상에 소프트웨어로 논리적으로 만들어낸 컴퓨터를 말한다. 즉 사용하는 컴퓨터는 한 대 이더라도, 마치 여러대를 사용하는 듯한 효과를 가질 수 있으며 여러 운영체제(OS)를 동시에 다룰 수 있는 가상의 공간을 만들어 주는 프로그램이다. 가상 머신을 사용하는 이유는 실제로 있는 컴퓨터 시스템을 여려 명의 사용자가 동시에 사용할 수 있도록 여러 대의 작은 컴퓨터로 분할 사용하거나, 운영체계나 하드웨어 등의 구성을 달리하여 운영하고자 할 때 주로 사용된다. 가상 머신 종류 - Virtual Box - Parallels - VMware - ... https://ko.wikipedia.org/wiki/%EA%B0%80%EC%83%81_%EB..

Markdown 이미지 삽입 마크다운 문서에 이미지를 삽입하는 방법에는 두가지 있다. 하나는 마크다운 형식이 있고 다른 하나는 html의 태그 형식이 있다. 아래는 마크다운 형식의 이미지 삽입 방식이다. 이경우 이미지의 크기를 조절할 수 없다는 단점이 있다.   아래의 경우는 html의 img 태그를 사용하는 방식이다. width와 height 속성을 사용하여 이미지 크기를 조절할 수 있다. 이미지 크기를 지정하고 싶은 경우 이 방법을 사용하는 것을 추천한다. https://cute..