user-thumbnail
@noyo0123
자바스크립트를 주언어로 개발을 배우고 있습니다. 서로 아는 것들을 공유해요~
SERIES

TIL

TIL - 19_09_18

2019년 9월 18일

4주 프로젝트 DAY2 목차 * koa 웹 서버 구축 * koa 웹 서버에서 어떻게 status를 리턴하지? * koa 웹 서버에서 어떻게 buffer를 리턴하지? * Buffer.from()? * Base64 왜 쓰는뎅? * Uint8Array 이런거 왜 쓰는거야? * multipart?? 이게 뭐야!! * HTTP multipart/form-data ...

TIL - 19.09.19

2019년 9월 19일

4주 프로젝트 DAY3 * typescript는 type을 다 지정해줘야해요. * HTTP GET 요청보낼때 특정정보도 같이 보내고 싶어요 어떻게 하죠? * fs.rename 사용법 * Blob? * fetch로 HTTP GET 요청 보낼때 파라미터를 쓰고싶어요. * jest! 기초 사용법은 알아야 될거 아냐 * 도커 설치 및 minio 설정 * 에러 ...

TIL - 19_09_17

2019년 9월 17일

4주 프로젝트 DAY1 1. Javascript SDK for AWS image.png 그림으로 설명해준대로면 Node.js에서 올린 서버는 AWS SDK 를 사용하면 S3와 연동할 수 있겠구나! 목차 * s3 put object * s3 get object * AWS SDK 이해하는 시간 * AWS SDK Usage and Getting Sta...

TIL - 19.09.20

2019년 9월 20일

4주 프로젝트 DAY4 * github 원격 저장소 branch 가져오기 * 어떻게 AWS-SDK for JavaScript 를 Minio 와 같이 사용할 것인가? * 이 프로젝트 전체 데이터 플로우가? * 클라이언트에서 서버로 응답받은 Response 어떻게 뜯어? * JavsScript Promise 즉시 실행함수 패턴 github 원격 저장소 ...

TIL - 19/09/21

2019년 9월 21일

4주 프로젝트 DAY 5 * tslint type warning * vscode extension live share * tslint + prettier 연동하기 * eslint? * prettier? tslint type warning 처리하기 Use an interface instead of a type literal. (interfac...

TIL - 19/09/23

2019년 9월 23일

4주 프로젝트 DAY6 * vscode에서 tasks.json이 뭐하는 친구죠? * 자바스크립트에 왠 build? * webpack 정리할때 사용할 레퍼런스 모음 vscode에서 tasks.json이 뭐하는 친구죠? 출처 :poiemaweb cmd + shift + p ( 명령 파레트 ) - Tasks 입력 - Configure Default Bu...

TIL - 19/09/24

2019년 9월 24일

4주 프로젝트 DAY 7 * Exploring Async/Await Functions in JavaScript * generic? * 추상 클래스와 인터페이스? * promise.all? Exploring Async/Await Functions in JavaScript https://alligator.io/js/async-functions/ 내...

TIL - 19/09/25

2019년 9월 25일

4주 프로젝트 DAY 8 * koa router를 클래스로 빼달라? * http.createServer? koa router를 fileApiRouter클래스로 빼달라? 왜? router 내부에서 사용하는 메서드들이 강한 결합으로 연결되어있는데, fileApiRouter는 IStorageService 인터페이스의 구현체이고 모든 IStorageServi...

TIL - 19/09/26

2019년 9월 26일

4주 프로젝트 DAY 9 * jest 테스트 시작할때 koa app을 붙이고 싶다. * jest 테스트에서 koa app을 붙였다. 다만 더 알아봐야한다. * Nodejs 내부 구조, 동작 원리가 궁금했다! * jest 테스트를 할때 각 테스트 할때마다 서버 올리고 테스트 끝나면 내리고 싶어요. jest 테스트 시작할때 koa app을 붙이고 싶다....

TIL - 19/09/28

2019년 9월 28일

4주 프로젝트 DAY 11 * JSON.stringify(), JSON.Parse() 왜 쓸까요? * koa app을 serverless로 마이그레이션 하자! JSON.stringify(), JSON.Parse() 왜 쓸까요? 왜 쓰는지는 아직 못 찾았음. Request https://developer.mozilla.org/ko/docs/Web/A...

TIL - 19/09/30

2019년 9월 30일

4주 프로젝트 DAY 12 * koa로 local에서 서버를 돌렸는데...serverless하게 해달라? * Serverless 프레임워크로 서버리스 애플리케이션 생성 및 배포하기 * AWS IAM? * IAM에서 Access key 와 Security Key * curl 맨날 나오는데 이거 구체적으로 뭐지? * 그렇다면 구체적으로 어떻게 serverle...

TIL - 19/10/01

2019년 10월 1일

4주 프로젝트 DAY 13 * es6 map, set * koa 앱을 serverless framework를 통해 serverless 아키텍쳐로 마이그레이션하자. * serverless offline을 jest로 테스트해봅시다.(http get,post) * serverless framework를 사용할때 로컬일때 배포할때 환경세팅을 다르게 해야겠죠? ...

TIL - 19/10/02

2019년 10월 2일

4주 프로젝트 DAY 14 * koa post 라우터에서 params읽기 * http Header에서 Content-Type Accept 뭘 의미하는걸까? * serverless-offline으로 테스트가 동작한다! - 이제 배포를 해봅시다. koa post 라우터에서 body읽기 현재 상황 요청을 받는 라우터 image.png ht...

TIL - 19/10/03

2019년 10월 3일

4주 프로젝트 DAY 15 * AWS IAM 사용자 계정 키 발급받기 ( SDK나, serverless 이용시 ) * serverless framework로 koa 앱 배포하기 AWS IAM 사용자 계정 키 발급받기 ( SDK나, serverless 이용시 ) aws https://aws.amazon.com/ko/ 로그인 후 - 콘솔에 로그인...

TIL - 19/10/04

2019년 10월 4일

4주 프로젝트 DAY 15 * node.js STREAM * 자바스크립트 정렬 node.js STREAM node.js STREAM 레퍼런스 : 김정환 블로그 자바스크립트 정렬 자바스크립트 레퍼런스 :MDN Array.prototype.sort()...

TIL - 19/10/05

2019년 10월 5일

4주 프로젝트 AWS S3에서 Glacier로 자동 백업 출처 : bluese05.tistory.com 위 레퍼런스는 aws console 즉 AWS에서 제공하는 GUI 를 사용해서 AWS S3 - Glacier로 백업한다. 나는 프로그래밍 방법을 통해 코드로 위 작업을 수행해야한다. 프로그래밍을 하기 전에 일단은 구체적으로 어떻게 백업하는지는 알아...

TIL - 19/10/07

2019년 10월 7일

4주 프로젝트 DAY 17 * serverless aws * dotenv 사용법 serverless aws 이제 aws-sdk를 이용해서 s3에 파일을 업로드 다운로드 리스트를 받아오는 작업을 수행하였다. 이제 serverless framework를 통해 koa앱을 배포해보자. 이미 테스트 배포는 이전에 해놨기 때문에.. serverless ...

TIL - 19/10/08

2019년 10월 8일

4주 프로젝트 DAY 18 * s3 standard 객체를 s3 deep archive 스토리지 클래스로 변경하기 * 수명 주기로 스토리지 클래스를 이전한다면 설정은 어떻게 해요? * s3 glacier 스토리지 클래스는 바로 데이터를 다운로드 할 수 없다면서요..복원은 어떻게 해요? * s3 glacier of s3 storage class 와 s3 g...

자바스크립트 엔진에 대한 오개념과, Inline cache

2019년 10월 28일

image.png * 자바스크립트 엔진의 인터프리터 / 컴파일러 파이프라인 * 인라인 캐시 inline cache 자바스크립트 엔진의 인터프리터 / 컴파일러 파이프라인 즉 자바스크립트 엔진이 어떻게 자바스크립트 코드를 수행하는지 그 과정을 아주 얕게 살펴보겠습니다. 서버 코드를 타입스크립트로 구현하려고 구글링하다가 새로운 사실을 알게 되었습니다....

AWS RDS 사용하기

2019년 11월 1일

오늘은 RDS로 MySQL 서버를 사용해볼 겁니다. 프리티어로요. 환경 : macOS Mojave 10.14 https://aws.amazon.com/ko/ 에 접속해서 콘솔에 로그인으로 갑니다. image.png 로그인작업이 필요합니다. 로그인이 성공하면 AWS Management Console 화면이 뜹니다. image.png 여기서 RDS 찾...

HomeBrew 사용법

2019년 11월 15일

HomeBrew 설치 출처

MYSQL 설치 및 사용자 권한 설정

2019년 11월 15일

설치전 brew가 설치 되어있어야 합니다. [HomeBrew사용법] (https://velog.io/@noyo0123/HomeBrew-%EC%82%AC%EC%9A%A9%EB%B2%95) mysql 설치 터미널을 켜시고 다음 명령어를 입력합니다.

MYSQL 데이터베이스 생성 및 테이블 사용하기

2019년 11월 15일

데이터베이스 생성하기 이 외에도 컬럼 순서 바꾸기, 디폴트 값 변경, 컬럼 추가하기 등등 레퍼런스

리액트 Responsive nav bar 구현

2019년 11월 20일

소스 코드 : https://github.com/leaveittogod0123/ReactLab/tree/master/ResponsiveNavBar create-react-app을 사용하셔도 되고 또는 웹팩을 통해서 프로젝트 설정을 다 하신 상황을 가정합니다. 웹팩을 통해 프로젝트 설정 eslint, prettier설정 css를 수정하는데 바로바...