본문 바로가기

전체보기297

6/3 DNS 의 개념과 정의 AWS 클라우드환경 네이티브 수업 18일차 진행 DNS / 네임서버 / 리졸브 / TTL 리액트 네이티브 ~59까지 재정리 요약 1. DNS 와 관련용어의 개념과 정의 DNS (Domain Name System) 우리가 입력하는 문자 주소(www.daum.net)를 숫자인 IP로 변환해주는 시스템 네임 서버 (Name Server) 주소를 변환 시키기 위해 도메인 네임 스페이스의 트리구조에 대한 정보가 필요. 이 정보를 가진 서버 도메인 이름을 IP주소로 변환하는 것을 네임 서비스 (아래 그림에서는 '루트 네임서버,1단계 도메인,가비아네임서버') 리졸버 (Resolver) 클라이언트의 요청을 네임 서버로 전달하고 네임 서버로부터 도메인이름과 IP 주소를 받아 클라이언트에게 제공하는 기능을 수행 DNS를 .. 2022. 6. 3.
6/2 가상화, 가상화 종류, 가상화 기술 종류, 클라우딩 컴퓨터 서비스의 종류, 클라우드 서비스 종류, 도커와 쿠버네티스 AWS 클라우드환경 네이티브 수업 17일차 가상화 관련 설명 리액트 네이티브 325~328 https://velog.io/@kjw2298/CISC-RISC-%EA%B0%9C%EB%85%90-%EB%B0%8F-%EC%B0%A8%EC%9D%B4 [CISC / RISC] 개념 및 차이 CPU(중앙처리장치) 를 설계하는 방식이다.CPU가 작동하려면 프로그램이 있어야 하고 명령어를 주입해서 설계를 한다.\-명령어가 H/W 적인 방식을 RISC라고 한다.\-명령어가 S/W 적인 방식을 CISC라고 velog.io https://velog.io/@bky373/Web-%EC%9B%B9-%EC%84%9C%EB%B2%84%EC%99%80-WAS [Web] 웹 서버와 WAS의 개념 이해 인터넷을 기반으로 한, 정보를 공유 .. 2022. 6. 2.
5/31 createContext API, Provider , Consumer, useContext 훅, Switch 컴포넌트 AWS 클라우드환경 네이티브 수업 16일차 리액트 네이티브 314~324 314~324 createContext API 리액트에서 제공, 콘텍스트 기능 구현 시 제일 먼저 해야 함. 타입스크립트에서 createContext API 호출하는 법 type ContextType = { // 공유하려는 데이터 속성 } const defaultContextValue : ContestType = { // 공유하려는 데이터 속성 초깃값 } const SomeContext = createContext()defaultContextValue) 콘텍스트 객체가 제공하는 컴포넌트 : Provider , Consumer Provider 컴포넌트는 다음처럼 value와 children 속성이 있는 providerProps 속성을.. 2022. 5. 31.
5/30 Bottomnavigation 컴포넌트, 커스텀 훅, Promise 객체, async/await 구문의 이해, 콘텍스트, AppearanceProvider 컴포넌트와 useColorScheme 커스텀 훅, Provider 컴포넌트, useTheme 커스텀 훅 AWS 클라우드환경 네이티브 수업 15일차 리액트 네이티브 278~314 278~283 Bottomnavigation 컴포넌트 화면 아래 쪽에 화면을 전환할 수 있는 아이콘 버튼을 표시함. react-native-paper 패키지가 제공함. 284~289 커스텀 훅 사용자가 편의를 위해 공통으로 사용하는 코드를 추려내어 만든 훅 함수.함수 이름은 'use~'로 시작해야한다. useToggle 커스텀 훅 제작 useTimeout 커스텀 훅 제작 useInterval과 useLayout 커스텀 훅 제작 290~295 lifeCycle / Timer / Interval 컴포넌트를 커스텀 훅 버전으로 다시 구현. 295~299 Promise 객체 ES5 자바 스크립트가 기본으로 제공하는 타입.resolve 된 .. 2022. 5. 30.
5/27 useState 훅, 클릭 후 숫자 증가, 얕은 복사와 깊은 복사, 자식 컴포넌트에서 부모 컴포넌트의 상태 변경, useEffect와 useLayoutEffect 훅, LayoutChangeEvent 타입, ActivityIndicator 코어 컴포, fetch AWS 클라우드환경 네이티브 수업 14일차 리액트 네이티브 228~277 228~232 useState 훅 값을 변경하는 함수(setter 함수) 를 호출하면 값을 변경 및 재랜더링 const [ 값, 값을_변경하는_함수 ] = useState( 초깃값) 타입정의 function useState(initialState: S | (() => S )) : [S, Dispatch] 해당 훅은 제네릭이기 때문에 아래와 같이 활용 가능const [yes, setYes ] = useState(false)const [age, setAge] = useState(22) const [name, setname] = useState('Jack') const [people, setPeople] = useState([ ]) 23.. 2022. 5. 27.
5/26 변수와 메모리 사용 관리, 리액트 훅 개념, setInterval 함수, useEffect 훅, useState 훅, 의존성, useMemo와 useCallback 훅 AWS 클라우드환경 네이티브 수업 13일차 리액트 네이티브 194~227 전역 변수 (Global variable) : 코드 전역에 걸쳐서 효과가 있는 변수 지역 변수 (Local variable) : 선언된 함수 내에서만 효과가 있는 변수 정적 변수 (static variable) : 지역 변수를 계속 해서 이후에도 쓰고 싶을 때, 변수 선언 앞에 static을 붙임으로써 전역 변수와 같은 영역에서 메모리 내에 존재 한다. 메모리의 영역 프로그램이 실행 되면 계속 가지고 가야하는 메모리는 낮은 주소에 사용 된다. 함수 지역 변수 같이 지금 당장 실행되는 데이터들은 높은 주소(스택 영역)에서부터 메모리가 사용 된다. 스택 영역의 동작 방식 int main(void) { func1(); // func1().. 2022. 5. 26.
5/25 generics 개념, 오버로딩과 오버라이딩, numberOfLines, ellipsizeMode, 트위터 클론 만들어 보기 끝 AWS 클라우드환경 네이티브 수업 12일차 조퇴했음. 리액트 네이티브 3장 끝 180~193 generics 개념 설명 class MyArray { T element; void setElement(T element) { this.element = element; } T getElement() { return element; } } MyArray myArr = new MyArray(); 위에서 'T'를 타입 변수(type variable)라고 하며, 임의의 참조형 타입을 의미. generic class를 생성할 때 타입 변수 자리에 사용할 실제 타입(Integer)을 명시하면, 내부적으로는 정의된 타입 변수가 명시된 실제 타입으로 변환되어 처리 ( T -> Integer ) 오버로딩과 오버라이딩 오버로딩 .. 2022. 5. 25.
수락산 등산코스(1) 장암역 - 석림사 - 기도하는 자 - 주봉 - 철모바위 - 코끼리바위 - 하강 바위 - 안부삼거리기점 - 물개바위 - 염불사 - 수락산역 안녕하세요~ 즐겜입니당! ​ 첫 등산 게시물을 쓰게 되어 매우 두 근 반 세 근 반 거리는 데요~~ ​ ​ ​ ​ 우선 급한 분들을 위한~ ​ ​ 오늘의 산 평점! 두둥! ​ 난이도 중하 => 정상 도착 전 700m부터는 중상 ​ 위험도 중 => 정상 도착 전 700m부터는 상 ​ 조망 장암역 시작 루트는 정상 부근까지 가야 좋은 편, 단, 이 루트는 개인적으로 길 자체가 너무 이쁘다. 수락산역 시작 루트는 전체적인 조망이 좋고 이쁨. ​ ​ ​ ​ ​ 총 등산 시간 : 3시간 40분 운동 시간 : 2시간 30분 휴식 시간 : 1시간 10분 전체 거리 : 6.1km 평균 속도 : 3.1km/h 최고 고도 : 637m 즐겜이가 사용하는 어플은 트랭글이에요! ​ 등산하는 중간에 인터넷이 끊겨버려서....따흑.. 2022. 5. 25.
5/24 flex 상세, flexDirection, alignItem(탑 배치) , justifyContent (아이콘 배치), flexwrap 와 overflow (컨텐츠 내용 배치), FAB 아이콘 사용, flat list(스크롤)와 moment(시간) AWS 클라우드환경 네이티브 수업 11일차 리액트 네이티브 149~180 149~155 flex:1 과 height:100%의 차이 Content의 View에서 flex가 1 일 때는 Top, Bottom의 높이를 다 반영한 뒤의 부모 컴포넌트의 높이 여분을 가져온다. height: '100%' 일 때는 Top, Bottom의 높이를 상관하지 않고 그저 부모 컴포넌트의 100%의 높이를 다 가져와서 Bottom이 아래로 밀려버리는 바람에 안보인다. flex가 여러개 일 때는 여분의 높이를 flex의 비율 대로 가져간다. 156~158 flexDirection 스타일 속성 row / column의 속성을 가지며 한 쪽 방향성으로 자식 컴포넌트를 부모의 영역에 배치하는 기법 158 alignItem 스타일 .. 2022. 5. 24.
5/23 색상 설정, height와 width 설정, margin/padding/border 설정, OS 별 설정, 폰트 설치 및 설정, Home 아이콘 설정, flex 사용 AWS 클라우드환경 네이티브 수업 10일차 진행 리액트 네이티브 104~148 요약 1. StyleSheet - View 의 배경색과 글자색, 글자 크기 및 글자 위치 지정 색은 구글 머터리얼 디자인 색상에 맞춰서 코딩 가능 2. height와 width 값 설정 방법 3. 104~108 StyleSheet API => 리액트 네이티브에서 제공 => 스타일 함수를 이용하여 나오는 배경색과 글자색, 글자 크기 및 글자 위치 지정 => style의 속성에 들어가는 건 문자열이 아닌 '객체'다. 그래서 StyleSheet 컴포넌트를 사용해서 create로 가져 옴. 인라인 스타일과 stylesheet 스타일의 차이 내용이 변하지 않는 스타일 객체 => stylesheet 사용 동적으로 변하는 스타일 객체 =>.. 2022. 5. 23.
728x90
반응형

티스토리툴바