profile
주니어 개발자입니다. 풀스택 유니콘이 되고싶어요. 2020.02 ~ 루센트블록 재직
post-thumbnail

[TypeScript] Advanced Types(고급 타입)

🙌안녕하세요🙌 요즘 타입스크립트 스터디를 진행하고있습니다. 일단 공식 도큐멘트를 한번 훑기로 했는데요, 제가 고급타입 부분을 맡게되어서 발표 준비 겸, 기록으로 남기기위해 포스팅합니다! 그럼 시작합니다!🚗💨 교차 타입(Intersection Types) 첫번째는 교차타입입니다! 다양한 타입을 하나로 결합해서 모든 기능을 갖춘 단일 타입을 얻...

2020년 1월 8일
·
2개의 댓글

[JavaScript] 📦Module(CommonJS-Nodejs, RequireJS-AMD, ESM, UMD)📦

🙌안녕하세요🙌 자바스크립트로 프론트, 백 모두 작성하다보면 모듈 사용 방식이 자주 헷갈리곤 하는데요, 사용법을 좀 더 알기 쉽게 머리속에 넣기위해 각각의 파트별로 정리해보려고 합니다. 이 글을 보시고 자바스크립트의 모듈 시스템에 대해 쉽게 이해가 되었으면 좋겠습니다! CommonJS CommonJS는 웹브라우저 밖의 JavaScript를 위한 모...

2020년 1월 3일
·
0개의 댓글

[Deploy] - 서버사이드 HTTPS 환경으로 배포하기(AWS).

이전에 진행했던 프로젝트중에 webcam을 사용하는 프로젝트가 있었습니다. MediaDevices.getUserMedia()라는 메소드를 사용했는데, 이 함수는 Secure 환경이 요구됩니다. 즉 웹이라면 https 환경이라고 생각하면 됩니다. 아래는 MDN에서 볼 수 있는 MediaDevices.getUserMedia() 함수의 지원 환경입니다. im...

2019년 12월 27일
·
3개의 댓글

무료도메인과 AWS Certificate Manager(ACM)를 이용해서 SSL 인증서 얻기

🙌안녕하세요🙌 배포를 진행하다보면, https 환경으로 배포해야할 일이 종종 있습니다. https로 배포하기위해서는 ssl 인증서가 필요합니다. 이번 글에서는 무료로 구할 수 있는 도메인을 이용하여 ssl 인증서를 얻는 방법에 대해 포스팅해보도록 하겠습니다. 무료 도메인 얻기 무료 도메인을 얻기 위해 저는 freenom이라는 사이트를 이용하였습...

2019년 12월 26일
·
0개의 댓글
post-thumbnail

ECMAScript 6(ES2015) Features

ECMAScript 6의 새로운 기능 정리 Arrow Function(화살표 함수) 전통적인 함수작성 방법 대신 축약해서 표현할 수 있습니다. 콜백 함수로 활용합니다.. 화살표 함수에서의 this는 감싸고 있는 코드의 lexical this와 같습니다.

2019년 12월 24일
·
0개의 댓글
post-thumbnail

[TypeScript] Interface

TypeScript의 핵심 원리 중 하나는 값이 가지는 형태에 초점을 맞추는 타입체킹을 한다는 것입니다. 이것은 "덕 타이핑(duck typing)" 또는 "구조적 서브타이핑(structural subtyping)"이라고도 합니다. 덕 타이핑 객체의 변수 및 메소드의 집합이 객체의 타입을 결정하는 것을 말한다. 클래스 상속이나 인터페이스 구현으로 타입을...

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

Linux shell에서 git prompt 추가하기 (git branch 보이기, git status에 따라 색상 변경)

사용하는 쉘에따라 vi ~/.쉘이름rc ex) bash shell vi ~/.bashrc 아래 코드 추가

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

2019/11/23 TIL

TypeScript Non-null assertion operator TypeScript의 타입체커에게 null이 될 수 없다고 알려주는 표현식.

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

2019/11/19 TIL

자바스크립트를 이용해서 페이지 비우기 document.write(''); 문서전체 태그를 날림으로써 빈페이지로 만들 수 있다. 자바스크립트를 이용해서 새 창, 혹은 새 탭 열기 `window.open(url, name, specs, replace)' - url: URL 주소를 특정한다. URL이 특정되지 않으면 빈 창이 열린다. - nam...

2019년 11월 19일
·
0개의 댓글

HTTP header

HTTP 헤더 헤더? 저장 되거나 전송되는 데이터 블록의 맨 앞에 위치한 데이터를 가리킵니다. 특정 프로토콜의 헤더의 내용은 특정 프로토콜의 기능을 제공하기 위한 정보를 담고있습니다. 헤더의 뒤에 이어지는 데이터는 페이로드 혹은 바디로 불립니다. HTTP 헤더의 역할 HTTP 헤더는 클라이언트와 서버가 요청 또는 응답으로 부가적인 정보를 전송할 수 있도...

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

2019/11/06 TIL

쿠키 설정 안됨 Problem Client에서 Server로 http request를 날렸을 때, Server측에서 쿠키를 설정해주었지만, Client측에 쿠키가 설정이 안되어있음. Cause Client에서 http request를 할 때(fetch, axios) 쿠키를 주고 받으려면 옵션이 필요함. solution 브라우저에서 쿠키 ...

2019년 11월 6일
·
0개의 댓글

2019/11/05 TIL

JSON.parse syntax >JSON.parse(text[, reviver]) JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성한다. reviver 함수를 인수로 전달할 경우, 결과를 반환하기 전에 변형할 수 있다. 예제 reviver 함수를 포함한 예제 iterator 객체 내의 후행 쉼표 사용불가 JS...

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

2019/09/05 TIL from tistory

ubuntu 18.04에 mysql 설치하기 env : aws ec2 설치 mysql v14 설치됨 (2019년 9월 기준) 보안 설정 실행 mysql 8 설치하고 싶을 때 설치 sudo dpkg -i mysql-apt-config0.8.13-1all.deb 를 입력하면 GUI창이 뜰 것. tistory5.png 설치할 것 설정해주고 OK,...

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

2019/09/04 TIL - from tistory

async / await 기본 문법 origin은 remote repository의 이름에 따라 바꿔준다 feature/TEST-860은 remote repository에서 지우고싶은 branch의 이름에 따라 바꿔준다 원격지(remote)의 branch update / 존재하는 브랜치들을 업데이트해줌(소스말고 이름들) git remote u...

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

왜 개발자??

어렸을 때 부터 컴퓨터와는 친했지만, 원래 개발자가 되고 싶은것은 아니었다. 영화에서 해킹등을 할 때 보여주는 아주 전형적인 검은 화면, 그 화면을 본 후 나는 해커가 되고싶었다. cracking.gif 한번 쯤은 봤던 그 화면. 컴퓨터가 재미있어요. 단순히 저 화면 때문만은 아니었다. 애초에 게임에 꽤 시간을 소비하기도 했고, 평소에도 웹서핑,...

2019년 10월 30일
·
0개의 댓글
post-thumbnail

Jest / testing-library / puppeteer 을 이용한 React Component 테스트 with TypeScript

최근에 Creative Storage라는 프로젝트를 진행하였습니다. TDD를 도입하여 프로세스를 진행하기로 하였었고, Frontend에서 React를 사용하였기 때문에, React Component를 테스트 해야할 필요가 생겼습니다. 그래서 환경 구성을 시도해보았는데 쉽지 않...

2019년 10월 24일
·
2개의 댓글
post-thumbnail

2019/10/06 TIL

check key in object with Jest

2019년 10월 6일
·
0개의 댓글
post-thumbnail

2019/10/04 TIL

Dependency injection (의존성 주입) 출처 의존성 주입 패턴의 장점 재사용성 테스트 용이 코드 단순화 종속성 감소 가독성 증가 결합도 감소 유연성 증가 확장성 증가 의존관계를 설정하거나 없애거나 줄일 수 있음 의존성이란? A Class의 내부에서 B Class를 변수로 사용하면 A Class는 B Class에게 의존하게 된다. 즉 B ...

2019년 10월 4일
·
0개의 댓글

2019/09/30 TIL

File 객체와 Blob 객체 Javascript에서 Blob(Binary Large Object)는 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용할 수 있다. 데이터의 크기(Byte) 및 MIME 타입을 알아내거나, 데이터의 송수신을 위한 작은 Blob 객체로 나누는 등의 작업에 사용한다. File 객체도 name과 lastModif...

2019년 9월 30일
·
0개의 댓글

2019/09/27 TIL

regeneratorruntime is not defined env: typescript, chrome change commit name already committed git squash merge (actually rebase interactive) 헤드포함 과거 3개의 커밋을 interactive하게 수정할 수 있다

2019년 9월 27일
·
0개의 댓글