profile
기술과 인문학의 교차점
post-thumbnail

컴퓨터의 구성

크게 3가지로 나뉜다.연산을 담당하는 CPU, 데이터 저장을 담당하는 메모리, 그리고 입출력장치프로그램 실행과 데이터 처리 라는 주요 기능 담당프로세서라고 불리기도 하며, 컴퓨터의 특성과 성능에 가장 큰 영향을 미치는 요소이다. CPU가 한 번에 처리하는 데이터의 길이

5일 전
·
0개의 댓글

ScrollView/FlatList

ScrollView는 렌더링 시 모든 것을 한번에 렌더링한다. 많은 양의 리스트가 있을 경우 성능이 저하되는 문제를 야기할 수 있음.FlatList의 경우 항목이 나타나려고 할 때 렌더링을 할 수 있어 메모리의 사용량을 줄일 수 있으며, 여러열이나 무한 스크롤 로딩과도

2022년 5월 3일
·
0개의 댓글

ThemeProvider

Theme를 변경하기 위해 기본적으로 background color / text color 들을 변경한다.이걸 위해서 매번 $(props=>props.light?:"light":"dark") 이런 식으로 매번 모든 컴포넌트에서 사용하면 코드가 복잡해지고 헷갈리게 된다.

2022년 4월 28일
·
0개의 댓글

Tab / Stack navigator 결합

이 때 root에서 headerShown : false를 해줘야 header가 2개가 안생김 이때 navigation.navigate를 할 때 Tabs에서 Stack으로 navigation간에 넘어갈 수가 없음. navigation.navigate("Stack"(St

2022년 4월 28일
·
0개의 댓글

Stack Navigator

Native stack navigator - native API를 사용한다. 약간의 커스텀에 제한되나, Native를 사용하므로 성능이 좋다 stack Navigator - React Navigation 에서 안드로이드 / IOS 화면 느낌을 살리기 위하여 JavaS

2022년 4월 28일
·
0개의 댓글

Navigator(Tab) / Color Mode

설치기억해야 될 것은 설정을 변경해주는 props 인데, 가이드 API Reference --> Navigators 안에보면 설명이 있고screenOptions와 options가 있으며, screenOptions - Tab.navigator에 써주고 모든 스크린에 다

2022년 4월 25일
·
0개의 댓글

Expo API

Expo에서 활용 가능한 API 정리Appload 내에는 여러가지 prop가 있는데startAsync => 시작 시에는 비동기적으로 api 등을 받아 올 때 사용할 수 있으며 이것이 종료될 때에는 onFinish가 실행된다.(맨 처음 api나 그림파일 등을 불러올 때

2022년 4월 25일
·
0개의 댓글
post-thumbnail

도커의 기본 명령어들

도커 버전 확인도커 이미지 다운만 받기컴퓨터 내 도커 이미지들 보기이미지로 컨테이너 생성하기만들어진 컨테이너 시작하기(이미지에 CMD로 지정해놓은 작업 시키기)컨테이너로 들어가기(컨테이너 내 CLI 이용하기)이미지를 다운받아(없을 시에만) 바로 컨테이너 실행하여 진입하

2022년 4월 18일
·
0개의 댓글
post-thumbnail

Node.js 웹 앱의 도커라이징(컨테이너화)

도커라이징(Dockerizing)은, 애플리케이션을 도커 컨테이너에서 돌릴 수 있도록 이미지로 만드는 과정을 의미한다.https://nodejs.org/ko/docs/guides/nodejs-docker-webapp/

2022년 4월 18일
·
0개의 댓글
post-thumbnail

컨테이너와 VM의 비교

컨테이너 기술과 가상 머신(VM)은 둘 다 프로세스, 네트워크, 파일 시스템을 격리할 수 있다는 장점을 가지고 있다.그러나 작동원리는 많이 다르다.VM을 사용하게 되면 많은 컴퓨팅 자원을 필요로 한다.이에 비해, 도커는 한 호스트 컴퓨터에 여러 개의 컨테이너를 띄워도

2022년 4월 18일
·
0개의 댓글
post-thumbnail

도커의 필요성과 컨테이너 방식

컨테이너 & 이미지 % 레지스트리애플리케이션이 의존성, 네트워크 환경, 파일 시스템에 구애받지 않고, 도커라는 기술 위에 실행될 수 있도록 만든 애플리케이션 상자이다.물자를 싣고 내릴때에, 선박이 입항해 있는 시간을 획기적으로 단축시켜준다.물자를 싣고 내릴때에, 필요한

2022년 4월 18일
·
0개의 댓글

에러 기록

리액트 네이티브 앱 초기 생성 시 발생노드 버전 변경 후 해결

2022년 4월 15일
·
0개의 댓글
post-thumbnail

리액트 네이티브

expo

2022년 4월 11일
·
0개의 댓글

관계형 비관계형 차이

관계형 DB일반적으로 우리가 배워왔던 Mysql, Oracle, Mssql 같은 고전적인 데이터베이스를 관계형 데이터베이스라고 합니다.테이블, 행, 열을 가진 DB에 A데이터와 B데이터가 있다고 가정을 하면, A데이터에 B데이터의 위치를 저장하는 방식으로, 행과 열로

2022년 4월 6일
·
0개의 댓글

리액트 네이티브 설치

react-native로 앱을 개발할 때 자주 사용되는 네이티브 기능(위치 정보, 카메라 등)을 패키지로 묶어서 제공, 처음 시작은 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해, 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할

2022년 4월 5일
·
0개의 댓글
post-thumbnail

기본 개념

Express와 같은 서버 프레임 워크의 한 종류이다. 그러나 express는 쉽게 서버를 만들수는 있으나, 시스템 디자인 측면에서 지원하는 거의 없다.따라서 OOP, Dependency Injection, Singleton 등의 다양한 디자인 패턴이 적용되어 있고 그

2022년 2월 25일
·
0개의 댓글
post-thumbnail

프로토타입(Prototype)

자바스크립트에서 정말 헷갈리는 개념으로, 자바스크립트를 다루는데 있어서 굉장히 중요한 역할을 하기 때문에 반드시 이해하여야 한다.자바스크립트의 모든 객체는 자신의 "원형(Prototype)" 이 되는 객체를 가지며 이를 프로토타입이라고 한다. 보이지 않는 속성인 \[\

2022년 2월 24일
·
0개의 댓글
post-thumbnail

이벤트 루프 (Event loop)

자바스크립트는 단일 스레드(Single-threaded) 기반 언어 로, 자바스크립트 엔진이 단일 콜 스택을 갖는다. 이 말은 요청이 동기적으로 처리된다는 것을 의미한다. 그렇다면 비동기 요청은 어떻게 처리될 수 있을까? 그것은 바로 자바스크립트를 실행하는 환경인 브라

2022년 2월 24일
·
0개의 댓글
post-thumbnail

콜 스택(call stack)과 힙(Heap)

자바스크립트 엔진이 자바스크립트를 실행할 때 원시 타입 및 참조 타입을 저장하는 메모리 구조로 콜 스택과 힙을 가진다.콜 스택 : 원시타입 값 과 함수 호출의 실행 컨텍스트(Execution Context) 를 저장하는 곳이다.힙 : 객체, 배열, 함수와 같이 크기가

2022년 2월 24일
·
0개의 댓글
post-thumbnail

XSS와 CSRF

웹사이트 관리자가 아닌 사람이 웹사이트에 악성 스크립트를 삽입할 수 있는 취약점을 이용한 공격기법이다. 사용자로부터 받은 입력을 제대로 검증하지 않을 때 나타나며 사용자의 정보를 탈취하거나 비정상적인 기능을 실행할 수 있다.저장 XSS : 웹사이트에 취약점이 있는 웹

2022년 2월 23일
·
0개의 댓글