테이블 태그 > 처음부터 끝까지 혼자 만드는 것을 목표로 삼기 때문에 html, css 등 많은 것들을 잘 다룰 수 있도록 노력은 하고 있지만 "이런 것들은 사용하지 않겠지.."하며 넘기는 것들이 있다. 테이블 태그도 사용할 일이 없을 줄 알았는데, 어드민 페이지를 만드는데 있어서 이 태그가 이렇게 중요할 줄이야.. 그래서 오늘은 테이블 태그를 다시 공부하...
css에 gradient 넣기 > 내가 익숙한 기술에만 집착하면 더 성장할 수 없다고는 생각하지만 내가 생각지도 못한 디자인을 어떻게 생각을 할 수 있을까? 그런 의미에서 디자이너와 작업하는 것은 즐겁다. 요구하는 디자인에 사용할 기술에 대해서 가능한 지 불가능한 지 하나씩 찾다보면 이미지가 아니라 그냥 코드로도 만들 수 있는 거였구나 하는 깨달음을 얻을 ...
자바스크립트에서 this의 역할 > this를 간단히 설명하면 호출한 자신을 가리킨다. 그래서 element가 this를 가진 함수를 호출하면 자신을 나타내게 된다. 위와 같이 세 개의 버튼이 있고, 버튼을 클릭하면 자신의 텍스트를 반환하는 이벤트를 만들어보자. 이 함수를 클릭이벤트에 연결시킨다면 각 버튼을 클릭할 때 마다 red, blue, green...
node.js에서 form 값 확인 기본적으로 node.js에서는 form을 통해 전송되는 값을 쉽게 확인할 수 있다. 위와 같이 작성되어 있다면 req.body에 form에서 전송된 값을 볼 수 있다. multer 사용 시 주의할 점 multer의 설명은 아래와 같다. > Multer는 파일 업로드를 위해 사용되는 multipart/form-da...
API key 발급받기 예전과 다르게 구글 지도를 사용하려고 하면 API키를 발급받아야 한다. 발급받은 키는 요청 시에 추가해서 요청하면 됩니다. > 또 api키를 발급받기 위해선 카드 정보를 입력해야 한다는 것도 잊지 말자. 키 발급받으러 가기 이미 있다면 콘솔창을 들어가면 되고 없다면 "시작하기" 버튼을 통해서 시작하면 됩니다. pug에 스크립트 ...
aws에 lightsail을 활용하기 라이트세일을 활용하면 aws에서 아주 쉽게 환경을 구축할 수 있다. node.js를 활용하다보니 아주 쉽게 환경을 구축할 수 있다보니 아주 만족하고 있다. 서론은 이쯤하고 활용하다 보면 .env에 파일을 만들어 직접 써야하는 경우가 생기는데 우분투다 보니 기본적으로 vi에디터를 사용해야한다. 멘붕이 와서 조금씩 정리해...
타입스크립트는 무엇이고 왜 써야하는가? > TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. 공식홈페이지에 나와있는 설명만큼 좋은게 있을까 ? 타입스크립트는 자바스크립트의 수퍼셋이다. 간단히 말하자면 자바스크립트를 포함하며, 자바스크립트보다 엄격한 문법(타입)...