Home

2020
frontendReactNative

React-native 프로젝트 이름변경

시작하기기본 토대가 되는 프로젝트를 만들어 놓고, 프로젝트 생성시에 사용하고 싶을때 이름만 변경해야 하는데 그 과정이 복잡합니다. web 프로젝트와 다르게 react native에서는 많은 파일의 이름을 바꾸어주어야 하기 때문이죠.이러한 과정을 간단하게 해주는 패키지가 있습니다. 변경하기react-native-rename패키지를 설치합니다. 1npm ins

frontendReactNative

React native 절대경로 (absolute path) 설정하기

시작하기React native 공식 홈페이지에서 제시하는 absolute path가 적용 되지 않는 경우가 있습니다. React native 초기설정 포스트를 통해서 생성한경우 1npx react-native init ProjectName --template react-native-template-typescript 템플릿으로 생성된것에 대해서 absol

frontendReactNative

React navigation v5 설정하기

시작하기웹 React에서 사용하는 react-router-dom과 같이 react native에서 페이지네이션을 위해 react navigation을 사용하도록 하겠습니다. 설치하기React native 초기설정 포스트를 통해 프로젝트를 생성합니다. React Native 0.60이상에서 연결은 자동으로 되기때문에 이전버젼에 사용하던 react-native

frontendd3

D3로 pie chart 그리기

시작하기d3 bar차트 포스트에서 다루었던 데이터를 토대로 pie차트를 만들어보겠습니다. 기본설정123456789101112131415161718192021222324252627282930313233343536373839<!DOCTYPE html><html> <meta charset="utf-8" /> <head&g

frontendd3

D3로 bar chart 그리기

시작하기d3포스트에서 다루었던 기본을 토대로 bar차트를 만들어 보도록 하겠습니다. 축그리기처음 html파일을 생성하고, 다음과 cdn d3를 불러와줍니다. 12345678<!DOCTYPE html><html> <meta charset="utf-8" /> <head> <script src="https

frontendd3

D3 기본 알아보기

시작하기웹에서 차트를 그리기 위해서는 다양한 방법이있습니다. chartjs, vxchart 등 라이브러리가 많습니다. 그중에 기본이 되는 d3을 얕게 한번 알아보겠습니다. 선택기1document.querySelectorAll("pre, code"); 일반적으로 자바스크립트에서 엘리먼트다수를 선택할때 사용하는 방법입니다. 1d3.selectAll("pre,

backenddb

Docker를 이용해서 mysql 설치하기

시작하기docker hub에서 간편하게 mysql을 설치할 수 있습니다.Mysql docker hub 홈페이지기본적으로 docker가 설치 되어있어야합니다. 설치하기터미널에서 다음 명령어를 입력하여 이미지를 내려받습니다. 1docker pull mysql 빠르게 mysql 설치가 완료됩니다. 1docker run --name mysql -p 3306:33

Js / Tsjavascript

Deepcopy Shallowcopy 차이 알아보기

시작하기객체를 두번이상 사용할때 원하지 않았는데 원본의 객체가 수정되는 경우가 있습니다.자바스크립트 객체를 안전하게 복사하는 방법을 알아보겠습니다. 기본데이터 저장12345let a = "Javascript";let b = a; // b에 a를 할당b = "Typescript";console.log(b); // "Typescript"console.log(a

backendnode

Node 절대경로 설정하기

시작하기node와 typescript사용환경에서 절대경로 설정을 해보도록 하겠습니다.절대경로로 설정하는 방법은 두가지가 있습니다. 설정하기설정방법은 nodemon 으로 설정하는 방법과 ts-node-dev로 설정하는 방법이 있습니다. 공통적으로 tsconfig.json을 수정해줍니다. tsconfig.json12345{ //... "baseUr

etcetc

.gitignore 적용안되는 이슈 해결방법

시작하기gitignore을 사용하지 않고 파일을 업로드 했는데 모르고, node_modules 폴더도 같이 업로드 했을때.황급하게 .gitignore파일에 node_modules을 입력하고 올려도 적용이 안되는 이슈가 있습니다.git의 캐시 문제이기 때문에 캐시를 지워주고 다시 파일을 업로드 해주면 됩니다. 123git rm -r --cached .git