profile
기록의 중요성

정규표현식(2)

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

7일 전
·
0개의 댓글

정규표현식(1)

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

7일 전
·
0개의 댓글
post-thumbnail

웹 개발 예상 면접 질문

바벨(Babel)은 트랜스파일러(transpiler)로, 모던 자바스크립트 코드를 구 표준을 준수하는 코드로 바꿔줍니다.ES2015문법은 에버그린 브라우저만 지원하는 기능이기 떄문에 구형 브라우저와는 호환이 안된다라는 단점이 있습니다. 아직도 윈도우7을 쓰는 컴퓨터가

2021년 4월 4일
·
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개의 댓글
post-thumbnail

docker를 이용한 react 앱 배포(무중단배포)

오늘은 docker를 이용하여 AWS EC2에 react앱을 배포해 보겠습니다. nginx 또한 사용할 예정입니다.(AWS EC2에 관해서는 따로 다루지 않을 예정) 시작하기전 docker의 간단한 명령어와 docker가 설치가 되어 있어야 합니다.(docker-com

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

FastAPI(2): MySQL CRUD

잘 안되서 고생을 좀 했다.(아직 해결은 못했지만.. 이해한 부분을 블로깅)코드스테이츠에서 토크세션을 진행했는데 "출판사가 OK하는 글쓰기" 를 주제 최현우 프로 에디터님이 주관하여 세션을 진행하셨다. 간단히 요약하고 블로깅을 시작해보겠습니다.단문으로 글쓰기글은 길어지

2020년 10월 22일
·
0개의 댓글
post-thumbnail

FastAPI 파이썬 웹 프레임 워크(1)

사진에서 번개, 이름에 들어가는 Fast 뭔가 빠른 느낌이 나네요.....FastAPI는 파이썬 3.6+ 으로 API서버를 구축하기 위한 모던하고, 빠른 웹 프레임 워크이다.Fast : 굉장히 빠른 퍼포먼스Fast to code : 대략 200에서 300%정도 개발하는

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

파이썬 TIL 2020_10_20

타입에 대한 파이썬의 유연함은일회성 스크립트나 소규모의 애플리케이션을 빠르게 개발 할때는 큰 장점으로 작용 하지만 애플리케이션이 규모가 커지게 되면 이러한 파이썬의 다이나믹함이 치명적인 버그로 이어질 확률이 높아지게 되며 애플리케이션 안정에 위험 요소가 되기도 합니다.

2020년 10월 20일
·
0개의 댓글
post-thumbnail

도커(6): nginx로 실습

Nginx는 웹서버이며 , 전에 장고프로젝트를 할때 한번 Nginx를 써 본적이 있는데 그때는 reverse-proxy 및 https 적용을 위해 사용하였다. (정적파일 등을 제공해주기도 한다.)순서 1번은 따로 작성 할 코드가 없으므로 skip을 하고 Dockerfi

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

도커(5) : react app으로 실습

오늘은 좀 더 복잡한 docker-compose.yml 파일을 작성 해보는 실습(?) 시간일단 간단하게 react-create-app을 이용하여 앱을 하나 만들어 보겠습니다.(오랜만에 react를 해서 기억이 잘...)간단한 react 코딩Dockerfile 작성doc

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

2020_10_20 TIL

일요일(10/18) OT를 시작으로 하여 입사를 하게 되었는데 토요일날 긴장을 하는 바람에 잠을 설치긴 했다.(참고로 오늘은 화요일 새벽이다. 조금 늦은감이 있긴 하지만 적어본다.)일단 회사분위기는 전부 존댓말을 사용해 서로 존중해주는 분위기 전에 어떤회사에 가고 싶냐

2020년 10월 19일
·
0개의 댓글
post-thumbnail

도커(4): docker Compose

docker Compose 설치 확인 mac, window 유저는 docker를 설치하였다면 기본적으로 설치가 되어 있음. 확인방법 리눅스는 따로 설치를 해줘야 됨

2020년 10월 19일
·
0개의 댓글