profile
기록의 중요성

react-native(2)

스타일링 하는 방법

2021년 10월 20일
·
0개의 댓글

React-Native (1)

1. 프로젝트 생성 맨뒤쪽은 프로젝트명을 명시하면됨 2. 시뮬레이터 실행 2-1 IOS 시뮬레이터 실행 하나의 터미널에서 하단 명령어 실행 또 다른 하나의 터미널에서 하단 명령어 실행 실행 시 pod install 에러나면 cd ios 이동 후 pod insta

2021년 10월 20일
·
0개의 댓글

바벨

크로스브라우징사용하는 말이 달라서 바벨탑이 실패하듯이 브라우저마다 사용하는 언어가 달라서 프론트엔드 코드는 일관적이지 못할 때가 많다. 스펙과 브라우저가 개선되고 있지만, 여전히 인터넷 익스플로러는 프라미스를 이해하지 못한다. 크로스브라우징의 혼란을 해결해 줄 수 있는

2021년 10월 13일
·
0개의 댓글

WEBPACK Loader

웹팩에서의 로더의 역할웹팩은 모든 파일을 모듈로 바라본다. 자바스크립트로 만든 모듈 뿐만 아니라 스타일시트, 이미지 폰트까지도 전부 모듈로 보기 때문에 import 구문을 사용하면 자바스크립트 코드 안으로 가져올 수 있다.이것이 가능한 이유는 웹팩의 로더 덕분이다.

2021년 10월 13일
·
0개의 댓글

NPM 버전

version: 17(Major).0(Minor).1(Patch)틸트(~)는 마이너 버전이 명시되어 있으면 패치버전이 변경한다. 예를 들어 ~1.2.3표기는 1.2.3부터 1.3.0미만 까지 포함한다. 마이너 버전이 없으면 마이너 버전을 갱신한다. ~0 표기는 0.0.

2021년 10월 13일
·
0개의 댓글
post-thumbnail

AWS CodeBuild로 ECR로 이미지 업로드

깃헙에 프로젝트가 하나 올라가있어야함(DockerFile도 같이 올라가야함)sample: 샘플ECR 레포지토리가 생성이 되어 있어야한다.AWS Concsole에 로그인상단 검색창에 IAM 검색사이드바에서 정책 클릭 후 정책생성 클릭JSON 탭으로 이동해당 내용 입력정책

2021년 7월 24일
·
0개의 댓글
post-thumbnail

react-native java.lang.NoClassDefFoundError 해결방법

리액트 네이티브에서 안드로이드 애뮬레이터를 실행했을때 java.lang.NoClassDefFoundError 해결방법자바 gradle 버젼을 수정하는 정상적으로 안드로이드 애뮬레이터가 동작을 하는걸 확인gradle-wrapper.properties에서 distribut

2021년 7월 11일
·
0개의 댓글

nextJS-reduxSaga-Typescript boilerplate(storybook 포함)

https://github.com/wmc15156/nextjs_storybook_skeleton_typescript

2021년 5월 15일
·
0개의 댓글

SQL 조건문

1. 조건식1 조건식2 조건식3

2021년 4월 29일
·
0개의 댓글

정규표현식(2)

정규표현식에서 다루는 메소드를 알아보겠습니다. 출처: https://heropy.blog/2018/10/28/regexp/ 위의 표에서 주로 사용되는 메소드 몇개만 한번 알보겠습니다. 여기서 주의점은 문자열행에서 정규식이 먼저 나오는지 문자열이 먼저 나오는지를 확인

2021년 4월 15일
·
0개의 댓글

정규표현식(1)

정규 표현식은 뭔가 특수문자를 사용하여 가독성도 떨어지고 거부감이 든다. 하지만 코딩을 하면서 꼭 필요하다고 느낀다. 정의 문자열을 검색하고 대체하는 데 사용 가능한 일종의 형식 언어(패턴)입니다. 자바스크립트에 국한된 것이 아니고 여러언어에서도 많이 사용됩니다..

2021년 4월 15일
·
0개의 댓글

EC2 node ~ nginx ~ https 설정

해당 아래코드를 그냥 복붙하면 됨.docker 환경에서 server를 돌릴예정이므로 docker를 사용하지 않으면 docker설치는 안해도 된다.나중에 복붙용도로 작성vim으로 nginx로 접근시에는 sudo명령으로 접속설정이후에 nginx 시작https://

2021년 2월 17일
·
0개의 댓글

css 정리(1)

html에 있는 모든 요소들은 박스로 이루어짐content(width, height), padding, border, margin으로 이루어짐padding, margin 설정 시 팁 top, right, bottom, left 시계방향box-sizing의 default

2020년 12월 24일
·
0개의 댓글

immer를 사용하여 불변성 유지하기

불변성이란 기존의 값을 그대로 유지하면서 새로운 값을 추가하는 것으로객체가 생성된 이후 그 상태를 변경할 수 없는 디자인 패턴을 의미한다.예제로 연습아래 그림에서 빨간색으로 테두리 쳐진값을 불변성을 유지하며서 값을 추가를 해보자..🤯이러면 기존에 선언한 state변수

2020년 12월 21일
·
0개의 댓글

Typescript tsconfig.json

보통 프로젝트 최상단위치에 위치함이 파일을 토대로 js파일로 컴파일이 된다.typescript 컴파일러에 대한 옵션은 compilerOptions에 설정하면된다.commonJs 방식으로 모듈을 export 한다면 import 할때는 import \* as 변수명 fro

2020년 12월 15일
·
0개의 댓글
post-thumbnail

Redis로 Cache data 다루기2

추가적으로 더 설치할 package가 있으면 더 설치하면 된다.(예를들어 nodemon이라던지 등등)node-fetch를 이용하여 서버에게 요청을 보낼예정redis-server가 실행이 되어져 있는 상태(저는 docker를 이용하여 docker 환경에서 redis가

2020년 12월 14일
·
0개의 댓글
post-thumbnail

Redis로 Cache data 다루기

실습환경은 도커환경에서 redis를 띄어져 있는 상태라고 가정하에 실습을 진행합니다.docker가 설치가 되어 있다는 가정하에 아래 스크립트를 터미널에 입력하면 됩니다. 혹시나 docker가 설치되어 있지 않다면 redis 공식홈페이지 에서 다운로드 하면 됩니다.😀메

2020년 12월 14일
·
0개의 댓글

React 여러개의 Input을 사용할때 팁

이전부터 리액트를 사용했지만, 오늘 깨달은 것

2020년 12월 7일
·
0개의 댓글
post-thumbnail

파이썬TIL(package, Module)

모듈이란 각종 변수, 함수, 클래스를 담고 있는 파일 모듈은 다른 파이썬 프로그램에서 불러와 사용할 수 있게끔 만든 파이썬 파일패키지는 여러 모듈을 묶은 것(특수기능이 필요할때 패키지를 불러오면됨)파이썬을 설치할 때 다양한 모듈과 패키지가 기본으로 설치 됨만약 기본 모

2020년 11월 15일
·
0개의 댓글

docker-hub에 도커 이미지 푸쉬

push 도중 에러 발생시 확인해야 될 사항tag 할때 docker 아이디가 올바른지, 오타확인, docker login상태 확인 .... 등등

2020년 11월 12일
·
0개의 댓글