profile
프로그래밍을 여행하는 히치하이커

[TIL] 리액트에 타입스크립트 더하기

타입스크립트는 무엇이고 왜 써야하는가? > TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 공식홈페이지에 나와있는 설명만큼 좋은게 있을까 ? 타입스크립트는 자바스크립트의 수퍼셋이다. 간단히 말하자면 자바스크립트를 포함하며, 자바스크립트보다 엄격한 문법(타입)...

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

[TIL] vi 에디터 간략한 활용

aws에 lightsail을 활용하기 라이트세일을 활용하면 aws에서 아주 쉽게 환경을 구축할 수 있다. node.js를 활용하다보니 아주 쉽게 환경을 구축할 수 있다보니 아주 만족하고 있다. 서론은 이쯤하고 활용하다 보면 .env에 파일을 만들어 직접 써야하는 경우가 생기는데 우분투다 보니 기본적으로 vi에디터를 사용해야한다. 멘붕이 와서 조금씩 정리해...

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

[TIL]pug에 구글 지도 삽입하기

API key 발급받기 예전과 다르게 구글 지도를 사용하려고 하면 API키를 발급받아야 한다. 발급받은 키는 요청 시에 추가해서 요청하면 됩니다. > 또 api키를 발급받기 위해선 카드 정보를 입력해야 한다는 것도 잊지 말자. 키 발급받으러 가기 이미 있다면 콘솔창을 들어가면 되고 없다면 "시작하기" 버튼을 통해서 시작하면 됩니다. pug에 스크립트 ...

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

[TIL] form 전송 시 enctype 확인하기

node.js에서 form 값 확인 기본적으로 node.js에서는 form을 통해 전송되는 값을 쉽게 확인할 수 있다. 위와 같이 작성되어 있다면 req.body에 form에서 전송된 값을 볼 수 있다. multer 사용 시 주의할 점 multer의 설명은 아래와 같다. > Multer는 파일 업로드를 위해 사용되는 multipart/form-da...

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

[TIL] 화살표 함수를 여러 엘리먼트에 적용시키기

자바스크립트에서 this의 역할 > this를 간단히 설명하면 호출한 자신을 가리킨다. 그래서 element가 this를 가진 함수를 호출하면 자신을 나타내게 된다. 위와 같이 세 개의 버튼이 있고, 버튼을 클릭하면 자신의 텍스트를 반환하는 이벤트를 만들어보자. 이 함수를 클릭이벤트에 연결시킨다면 각 버튼을 클릭할 때 마다 red, blue, green...

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

[개발자의 책읽기] 팩트풀니스

팩트풀니스(Factfulness)란 >사실충실성이라는 의미로 팩트에 근거해 세계를 바라보고 이해하는 습관을 설명하는 (작가가 지은)단어이다. 우리는 당연히 사실에 기반해서 세계를 바라봐야 한다고 생각한다. 그리고 단순히 생각하기에 이미 사실에 기반해서 세계를 바라보고 있다고도 생각할 수도 있다. 하지만 작가는 인간이란 본능적으로 세상을 오해하며 바라보고 ...

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

[TIL]css로 gradient 효과 주기

css에 gradient 넣기 > 내가 익숙한 기술에만 집착하면 더 성장할 수 없다고는 생각하지만 내가 생각지도 못한 디자인을 어떻게 생각을 할 수 있을까? 그런 의미에서 디자이너와 작업하는 것은 즐겁다. 요구하는 디자인에 사용할 기술에 대해서 가능한 지 불가능한 지 하나씩 찾다보면 이미지가 아니라 그냥 코드로도 만들 수 있는 거였구나 하는 깨달음을 얻을 ...

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

[TIL] html의 테이블 정리

테이블 태그 > 처음부터 끝까지 혼자 만드는 것을 목표로 삼기 때문에 html, css 등 많은 것들을 잘 다룰 수 있도록 노력은 하고 있지만 "이런 것들은 사용하지 않겠지.."하며 넘기는 것들이 있다. 테이블 태그도 사용할 일이 없을 줄 알았는데, 어드민 페이지를 만드는데 있어서 이 태그가 이렇게 중요할 줄이야.. 그래서 오늘은 테이블 태그를 다시 공부하...

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