Record 개념 자료구조 목차 forEach join split reverse slice find filter map some every quiz forEach thisArg 매개변수(this)를 forEach()에 제공했기에, callback은 전달받은 this의 값을 자신의 this 값으로 사용할 수 있습니다. arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) fruits.forEach((fruit) => console.log(fruit, second), second); //...
Record 개념 자료구조 목차 forEach join split reverse slice find filter map some every quiz forEach thisArg 매개변수(this)를 forEach()에 제공했기에, callback은 전달받은 this의 값을 자신의 this 값으로 사용할 수 있습니다. arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) fruits.forEach((fruit) => console.log(fruit, second), second); join...
Record 개념 코드 푸쉬는 MS에서 만든 오픈소스로서 앱을 심사없이도(앱 스토어 릴리즈없이) 실시간 업데이트를 가능하게 해주는 모듈입니다. 리액트 네이티브에서는 네이티브 코드와 설정이 아닌 JS단의 코드와 assets(이미지, 폰트등..)의 요소들을 앱 심사없이 바로 업데이트 할 수 있습니다. 설치 appcenter-cli 설치 $ npm install...
Record 개념 라이브러리 의존성 관리 매니저이고 수많은 xcode 프로젝트 라이브러리들이 cocoapods으로 관리되어진다. 안드로이드에서의 gradle과 같은 역할을 해준다고 보면 생각하기 쉽다. ios/mac app개발시 필수적으로 널리 이용되고있다. 시작 sudo gem install cocoapods //Podfile platform :ios, '8.0' use_frameworks! target 'MyApp' do pod 'AFNetworking',...
Record 개념 - 시작 Create-react-native-app $ npm install -g create-react-native-app $ create-react-native-app 프로젝트명 $ cd 프로젝트 명 $ npm start React-native $ npm install -g react-native-cli $ react-native init 프로젝트명 $ cd 프로젝트명 $ react-native run-ios or $ react-native run-android...
Record 개념 Flex는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공 Container, Items 구분 Container에는 display, flex-flow, justify-content 등의 속성을 사용할 수 있으며, Items에는 order, flex, align-self 등의 속성을 사용할 수 있습니다. 참조 https://flexboxfroggy.com/#ko http://www.flexboxdefense.com/...
Record 개념 CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다. Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS Grid를 사용할 수 있습니다. CSS Grid는 CSS Flex와 같이 Container(컨테이너)와 Item(아이템)이라는 두 가지 개념으로 구분되어 있습니다....
Record 개념 풍부한 오프라인 경험, 주기적 백그라운드 동기화, 푸시 알림(일반적으로 원시 애플리케이션을 요구하는 기능)이 웹에서 지원되고 있습니다. 서비스 워커는 이러한 모든 기능의 기술적 기반을 제공합니다 서비스워커는 브라우저가 백그라운드에서 실행하는 스크립트로, 웹페이지와는 별개로 작동하며 웹페이지 또는 사용자의 인터랙션이 필요하지 않은 기능만...
Record React 개발 환경을 구축하면서 배우는 웹팩(Webpack) 기초 프로젝트 설정하기 webpack-react 디렉터리 생성 yarn init -y yarn add -D @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader html-loader html-webpack-plugin mini-css-extract-plugin node-sass react react-dom sass-loader style-loader webpack webpack-cli webpack-dev-server 웹팩으로 자바스크립트 파일 빌드하기...
Record 개념 웹팩 갸벌 서버에서 백엔드 API 를 호출 할 때 발생 할 수 있는 CORS 관련 오류를 방지하기 위하여 웹팩 개발 서버에 proxy 를 설정 https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 방법 1 package.json 에서 proxy 필드를 설정 { "name": "what-is-new", "version": "0.1.0", ......