leteu / 개발 블로그

프로그래밍/Javascript & TypeScript

[JS] ES6 백틱 ( ` )

백틱 모르는 사람들이 꽤 많은 거 같아 써본다. ※주의) 안 써본 사람들은 있어도 한 번만 써본 사람은 없다. 꼭 써보는걸 추천 #1 탬플릿 리터널 ES6부터 도입된 문자열이다. 백틱 ( ` ` )을 사용한다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문 developer.mozilla.org 위 문서를 기반으로 포스팅한 글이다. ..

프로그래밍/Flutter

[Flutter] API 불러오고 사용하기

Flutter는 화면을 위젯(Widget)으로 만든다. 포스팅 순서를 위젯을 먼저하고 API 사용을 올리려고 준비 중이었지만 Flutter 위젯 종류가 너무 많아서 포기했다. 그냥 API 호출하고 바로 뿌려보려고 한다. 다음에 flutter 많이 써보고 많이 쓰는 거 위주로 올려보려고 한다. #1 들어가기 앞서... API는 아래 주소로 접속하면 기본적인 예제를 볼 수 있다. 이 사이트에서 제공하는 API를 사용할 것이다. https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server..

프로그래밍/Vuejs

[Vuejs] 개발 환경 세팅

Node.js 설치부터 Vue 프로젝트 생성까지 빠르게 가보겠습니다. 2023.03.04 수정) node는 그냥 nvm 사용하시고 프로젝트는 vite써서 세팅하는게 더 좋습니다. #Node.js 설치 ##1 Node.js 웹사이트 접속 아래 링크를 눌러 node.js 사이트에 접속해 줍니다. https://nodejs.org/ko/zx Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ##2 Node.js LTS 설치 왼쪽꺼 LTS 적힌거 눌러서 다운로드 해주시면 됩니다. 계속 Next 눌러주면서 설치 진행해주시면 됩니다. Install 하시고 나면 설치가 잘 되었는지 확인해야합니다. ##3..