본문 바로가기
static 목차 스태틱이란? 문법 클래스 내에서 static 키워드 사용하기 다른 static 멤버 내에서 static 멤버 호출 non-static 메소드 내에서 static 멤버 호출하기 1. 스태틱이란? static키워드는 클래스 메소드나 클래스 속성을 정의함 스태틱 메소드나 스태티틱 속성은 클래스로 생성된 인스턴스에 의해 호출될 수 없으며, 클래스 그자체에 의해 호출됨 2. 문법 스태틱의 문법은 아래와 같으며 아래의 각각을 static 멤버라고 함 static 메소드명() { } static 속성명 [= 속성값]; // 클래스 static 초기화 코드 블럭 static { } 3. 클래스 내에서 static 키워드 사용하기 class tripler { static name = 'tripler'; static.. 2022. 6. 8.
이론1. 블록체인 개념 1. 블록체인 기술이란? 거래내역들을 묶어 블록을 구성하고, 해시를 이용하여 여러 블록들을 체인처럼 연결한 뒤, 다수의 사람들이 복사하여 분산 저장하는 알고리즘 분산원장 기술 2. 블록체인의 역사 블록체인은 사이퍼펑크(cypherpunk) 운동으로부터 시작 중앙집권화된 국가와 거대 기업들에 대항하여 개인의 프라이버시를 보호하기 위해 암호기술을 이용하여 익명성을 보장하는 탈중앙화 시스템을 만드려는 사회운동가들에 의해 시작 1990 년 데이비드 차움 1993 에릭 휴즈 등 기존의 비트코인이 가치의 저장과 전달 기능을 가진 전자화폐 기능에 제한된 것과 달리, 이더리움은 블록체인 기술을 이용하여 각종 계약서 등을 위변조 없이 관리할 수 있는 획기적인 기술이었다. 이런 점에서 비트코인을 .. 2022. 6. 8.
RN2. 앱 만들기 $ expo init myWeather $ npm start 다음과 같은 화면이 뜨면 된 것이다. 그렇 컨트롤 c를 눌러서 종료를 한 후 컴퓨터와 폰에서 Expo에 로그인해주자 $ expo login 컴퓨터로 로그인 한 후 다시 run을 실행해보자 $ npm run $ expo install expo-location https://openweathermap.org/api 2022. 5. 21.
RN1. Expo 설치 1. RN은? 2. RN이 작동 흐름? Native (iOS와 안드로이드)에서 이벤트를 듣고 이벤트에 대한 데이터를 모아서 JSON 타입으로 만든다. Native는 브릿지를 통해서 JSON 타입으로 만들어진 페이로드를 JS로 보낸다 JS는 브릿지로 부터 전달받은 이벤트에 관련된 메세지를 통해 코드를 실행시키고 다시 Native에 메세지를 보내준다. 2.Expo란? 폰 안에 있는 RN 코드를 실행시켜서 모바일에서 RN 코드를 바로 미리보기 할 수 있음 2. Expo 설치 2-1. 엑스포 설치 $ npm install --global expo-cli 2-2. 새로운 프로젝트 생성 $ expo init my-project 2-3. 맥 사용자라면 watchman 또한 설치해야 한다 $ brew update $ .. 2022. 5. 21.
React Navigation5. 네비게이션 생명주기 1. addListenr() function Profile({ navigation }){ React.useEffect(() => { const unsubscribe = navigation.addListener('focus', () => { //스크린이 focus 되었을 때 실행될 코드 }); return unsubscribe; },[navigation]); return ; } 사이드 이펙를 수행하기 위한 방법으로는 이벤트를 수동으로 설정하는 대신 useFocusEffect 훅을 사용할 수 있다. useFocusEffect는 리액트의 useEffect 훅과 같지만 네비게이션 생명주기에 따라 실행된다. 2. useFocusEffect() 훅 import { useFocusEffect } from '@reac.. 2022. 5. 20.
React Navigation4. header bar 설정 목차 헤더 타이틀 설정 타이틀에 params 사용 options 업데이트 헤더 스타일 적용 공통 options 공유 1. 헤더 타이틀 설정 스크린 컴포넌트에서는 객체 또는 객체를 반환하는 함수 인 options 프롭을 사용할 수 있다. 1-1. 객체 반환 시 1-2. 함수 반환 시 { title: route.params.name} } /> options가 함수일 경우, 전달된 인자는 다음의 두가지 속성을 가진 객체이다 navigation: 스크린에 대한 네비게이션 옵션 route: 스크린에 대한 라우터 옵션 2. 타이틀에 params 사용하기 타이틀에 파람스를 사용하기 위해서는 configuration 객체를 반환하는 함수 인 options 프롭을 만들어야 한다. 컴포넌트가 렌더되기 이전에 정의되기 때문.. 2022. 5. 20.
[errorMessage] Operation not permitted expo 로그인 시 다음과 같은 에러 메세지가 확인된다면 시스템 설정 > 보안 설정 > 파일 및 폴더 설정에서 워치맨을 체크해주자 2022. 5. 20.
타입스크립트7. 설치 및 설정 목차 타입스크립트 설치 src 디렉토리 및 index.ts 생성 타입스크립트 컴파일(outDir, target, lib 속성) 패키지의 타입 정의 1. npm init 및 타입 스크립트 설치 npm init -y $ npm install -D typescript 설치 후 package.json 파일을 확인해보면 아래와 같이 devDependencies에 typescript를 확인할 수 있다. 2. src 디렉토리 및 디렉토리 내부에 index.ts 생성 3.타입스크립트 컴파일 $ touch tsconfig.json 커맨드 입력 시 아래와 같은 파일이 생성된다. 가장 먼저 타입스크립트에게 알려줘야 하는 것은 어디에 타입스크립트 파일이 위치하는 지 알려줘야 한다. json 파일이기 때문에 json 객체 안에.. 2022. 5. 17.
타입스크립트6. 객체지향 프로그래밍 목차 클래스(추상 클래스, 추상메서드) interfaces와 type interface와 type의 비교 인터페이스 사용해서 클래스가 특정 모양을 따르도록 하기 1. 클래스 class Player { constructor( private firstName: string, private lastName: string, public nickname: string ){} } const son = new Player('heungmin','son','쏘니'); son.firstName// 에러 발생.속성값 firstName은 private하며 'Player' 클래스 내부에서만 접근 가능함 1-1. 추상클래스란? 다른 클래스가 상속받을 수 있는 클래스 직접 새로운 인스턴스를 생성할 수는 없는 클래스 자바스크립트로 .. 2022. 5. 16.