Programming

Expo란? 리액트 네이티브 앱을 만들기 위한 설정파일을 간단하게 설정해주는 프로그램 Expo 특징 안드로이드, ios 앱을 윈도우, 맥, 리눅스에서 만들 수 있게 해준다. 리액트 네이티브 앱을 만드는데 좋은 라이브러리가 있다. ( EXPO SDK ) 만든 리액트 네이티브 앱을 휴대폰으로 직접 테스트 해볼 수 있다 ( 앱스토어 업로드 필요없음 ) Expo 종류 관리 방식 ( managed workflow ) - 엑스포가 모든것을 관리하는 방식 베어 방식 ( bare workflow ) - react-native-unimodules 패키지만 사용하는 방식 웹 방식 - react native를 웹에서 동작하도록 하는 방식 Expo 설치 // 모든 폴더에서 expo-cli 접속가능하도록 설치 npm insta..

해당 정보가 유니크한 것이라는 것을 구분할 수 있어야만, 이를 Cache에 저장할 수 있다. ( 기본 : id ) 1. 기본으로 사용되는 방법 ex ) 1번째 사용자의 이름을 불러옴 // 쿼리 user { id username } // 캐시 User : 1 { id: 1 username: "jinho" } ex) 1번째 사용자의 사진을 불러옴 // 쿼리 user { id photo } // 캐시 User : 1 { id: 1 username: "jinho" photo: "http://photo.img" } // Apollo가, id를 비교하여 기존의 정보에 새로운 정보를 자동으로 추가해준다. 2. 새로운 식별자 만들기 ( 정보의 유니크함을 구별해주는 정보 사용 ) Apollo Client에 식별자 추가하..

React.js / Typescrit 프로젝트에서, styled-components 내부에 변수를 사용하려면 styled-components의 변수의 타입을 지정해주어야 한다. GlobalStyle 변수 타입 지정, 변수 사용 //styled.ts import { createGlobalStyle } from "styled-componenets"; // GlobalStyle에서 사용할 변수 타입 지정 interface ModalProps { bgColor: string } // GlobalStyle에서 변수 사용 export const GlobalStyles = createGlobalStyle` body { background-color: ${(props) => (props.bgColor && props...

React는 바닐라js로 이루어져 있으므로,

휘발성 메모리란? 컴퓨터를 껐다 키면, 데이터가 사라지는 저장소 ( ex : 램 RAM ) 비휘발성 메모리란? 컴퓨터를 껐다 키도, 데이터가 사라지지 않는 저장소 ( ex : 하드디스크 HDD ) RAM이란? Ramdom Access Memory RAM의 작동방식 하나의 저장소를 잘게 나누어서, 주소를 붙이고 ( Memory Address ) 그 주소를 통해, 원하는 저장소를 바로바로 찾을 수 있다.

알고리즘이란? [ 프로그래밍 / 기초 ] 자료구조, 알고리즘이 중요한 이유 ( feat. 정의 ) 자료구조란? ( 데이터 구조 ) 자료(데이터)를 저장하는 방식 자료구조가 중요한 이유는? 데이터를 저장하는 방식에 따라, 작업의 효율이 달라지기 때문에 ( 여러가지 방식을 알아두면, 상황에 따 defineall.tistory.com 시간복잡도란? 알고리즘이 얼마나 빠르고 느린지 측정하는 방법 실제 시간을 계산하는 것이 아니라, 해당 알고리즘이 "얼마나 적은 단계를 거치는지"를 계산한다. 시간복잡도를 이용한 알고리즘 속도 계산 20단계를 거치는 A 5단계를 거치는 B B가 A보다 빠르다!

자료구조란? ( 데이터 구조 ) 자료(데이터)를 저장하는 방식 자료구조가 중요한 이유는? 데이터를 저장하는 방식에 따라, 작업의 효율이 달라지기 때문에 ( 여러가지 방식을 알아두면, 상황에 따라 더 효율적인 방법을 선택해서 사용할 수 있다. ) 알고리즘이란? 프로그램이 작업을 수행하는 방식 알고리즘이 중요한 이유는? 프로그램이 작업을 수행하는 방식에 따라, 작업의 효율이 달라진다. ( 여러가지 방식을 알아두면, 상황에 따라 더 효율적인 방법을 선택해서 사용할 수 있다. )

GraphQL / Apollo Client란? [Node.js] GraphQL, Apollo 란? / 사용법 ( GraphQL 서버 만들기 ) GraphQL 이란? ( GraphQL API ) 브라우저와 서버가, Query, Mutation, TypeDefs, resolvers를 사용해 CRUD 요청, 응답을 주고받는 방식 GraphQL의 필요성 기존 서비스는 보유한 데이터를 설명하고, 클라이언트는.. defineall.tistory.com -- 이 게시글은 GraphQL과 Apollo Client에 대해 알고 있는 사람을 대상으로 작성했습니다. -- Apollo Cache란? GraphQL 서버와 통신하지 않고도 React 페이지에서 직접 데이터를 읽고 쓸수 있도록 하는 것 예전에 이미 사용한 정보와,..

React란? [Node.js] React.js 란? / React 사용법 ( create-react-app ) React란? 웹 사이트 / 앱의 화면(UI)을 만들어주는 Node.js 패키지 (페북이 만듬) React 탄생 배경 요즘 웹사이트는, 규모가 커질때로 커지고, 사용자가 직접 컨트롤 할 수 있는 부분이 많아지고 있다. defineall.tistory.com 배경 설명 React는 문자열에서 html 태그를 사용하지 못하도록 보안처리가 되어있다. ( 사용자가 입력란에 html 태그를 사용해 조종하지 못하도록 하는 것 ) 문자열에 html 태그를 사용하고 싶을 때는, 컴포넌트의 dangerouslySetInnerHTML 요소를 사용한다. dangerouslySetInnerHTML 사용하기 sani..