profile
Web Developer
post-thumbnail

AWS - S3 (Nodejs)

AWS의 S3의 개념을 간단하게 정리했고 Nodejs를 이용해 버킷 생성, 업로드, 다운로드를 구현했다.

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

AWS - EC2

AWS의 EC2의 개념을 정리했다.

2022년 7월 27일
·
0개의 댓글
·

FTP 서버 간 파일 이동(node.js)

basic-ftp 라이브러리를 이용해 FTP 서버 간 파일 이동을 구현한다.

2022년 7월 13일
·
0개의 댓글
·

Redux : react의 데이터 전달

📌들어가기 전에 React에서의 컴포넌트 간 데이터 전달은 기본적으로 단일방향으로 이루어지고 state와 props를 이용해 양방향 데이터 전달을 구현할 수는 있다. 하지만, 컴포넌트가 많아지고 구조가 복잡해질때 데이터 전달을 하려면 여러 컴포넌트를 거치는 경우도 있

2022년 7월 4일
·
0개의 댓글
·

Typescript 기초(5) - Font

먼저, 구글 폰트에 접속해서 원하는 폰트를 찾자.구글 폰트폰트를 select하고 import 하자.import 할 때에는 정의해둔 GlobalStyle에 추가하면 된다.GlobalStyle 컴포넌트 내에 설정할 폰트를 작성한다.body의 폰트를 Source Sans P

2022년 6월 21일
·
0개의 댓글
·

Typescript 기초 (4) - Reset CSS

프로젝트를 시작하기 전 style 초기화를 하면 편하다.Reset CSS라고 불리는 파일의 내용을 가져오면 된다.Reset CSSReset 파일의 내용(혹은 전체 도큐먼트에 적용할 기본값, 폰트 등)을 전체 도큐먼트에 적용시키려면 Reset 파일을 설치하는것도 되지만,

2022년 6월 21일
·
0개의 댓글
·

Typescript 기초 (3) - Theme

styled-components 테마와 Typescript를 연결해야 한다.첫번째로 모듈을 설치해야 한다.모듈 설치하는 방법다음으로 src 폴더에 styled.d.ts 라는 파일명을 가진 파일을 생성한다. 이 파일은 우리가 이전에 설치해 놓은 파일들을 overwrite

2022년 6월 20일
·
0개의 댓글
·

Typescript 기초 (2) - State, Forms

useState Hook으로 준 초기값 1을 통해 counter가 number 타입으로 변경된다number 타입으로 지정되어 있기 때문에 string 타입으로 counter를 지정하면 에러가 발생한다.초기값을 준 값에 따라 type이 지정되고, type은 변경되지 않게

2022년 6월 20일
·
0개의 댓글
·

Typescript 기초 (1) - Type 정의

Circle 컴포넌트에서 bgColor props를 전송하고 있다.bgColor props를 받은 Circle이다. 받은 bgColor에서 object의 type을 명시하지 않아 오류가 난다.따라서, interface를 통해 받은 props의 type을 정의해주고 전달

2022년 6월 18일
·
0개의 댓글
·

Typescript 시작하기

터미널에서 create-react-app 을 통해 react 프로젝트를 만드는데 Typescript를 함께 구성하기$ code 프로젝트명styled-components를 import하면 에러가 난다. 아래와 같은 명령어로 모듈을 설치 해야함.@types는 아주 큰 깃헙

2022년 6월 18일
·
0개의 댓글
·

마크다운 작성법

velog 포스트 작성 시 markdown으로 작성해야 한다. 따라서 markdown 사용법을 알아보려 한다. 📚기본 문법 📌제목 작성 h1부터 h6으로 제목을 표현할 수 있다.

2022년 6월 17일
·
0개의 댓글
·