반응형

Language/JavaScript 5

자바스크립트 고급스럽게 쓰기 Javascript Pro Tips

템플릿 리터럴(Template literals) 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔습니다. const horse = { name:'Psy', size: 'large', skills: ['jousting', 'racing'], age:7 } //'Bad String Code' let bio = horse.name + ' is a ' + horse.size + ' hose skilled in ' + horse.skills //'Good String Code' const {name, size, skills} = ho..

Language/JavaScript 2021.04.29

타입스크립트란? TypeScript

타입스크립트란? - 타입스트립트는 MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어입니다. - 자바스크립트의 superset => 자바스크립트를 포괄한다. (자바스크립트+타입) - 타입스크립트로 작성된 코드 -> 자바스크립트로 컴파일(이과정에서 타입을 체크 에러를 잡아낸다.) 장점 - 개발단계에서 버그를 좀 더 쉽게 발견할 수 있다. (실 사용자가 맞닥뜨리는 버그 중 15%를 사전에 예방할 수 있다고 발표) - 모든 데이터에 타입이 명시 되어 협업에 유리하다. - 리액트로 개발할 때 컴포넌트가 가진 state나 props등을 interface로 정의하여 컴포넌트의 기능을 유추하기 쉽다. - 자동완성 기능을 사용할 수 있다. 단점 - 러닝커브 - 레거시코드 교체비용이 비싸다. - 개발기간이 늘어난다.(단..

Language/JavaScript 2020.07.08

JS 파이썬처럼 이해하기

**자바스크립트에서는 배열이 파이썬의 리스트같은 것. '[]' 대괄호로 감싼다. function getName(name) { return name + '님'; } const result1 = getName('개발자'); const result2 = getName('디자이너'); const result3 = getName('기획자'); console.log(result1) console.log(result2) console.log(result3) def getname(name): return name+'님' result1 = getname('개발자') result2 = getname('디자이너') result3 = getname('기획자') result1 result2 result3 JS에서는 return..

Language/JavaScript 2020.06.24

Node.js 커닝페이퍼

const {Carts, Items, DiscountBooks} = require('../models'); > from .models import Carts, Items, Discount Books 같은 느낌 export.addCart = async (req, res, next) =>{ try{ 반복 장고에서 view 같은 느낌 request, response, next를 매개변수로 받고 있다. *참고* try_statements : 실행될 선언들 catch_statements_1, catch_statements_2try : 블록에서 예외가 발생했을 때 실행될 선언들 exception_var_1, exception_var_2catch : 항목과 관련된 예외 객체를 담기 위한 식별자 condition_1조..

Language/JavaScript 2020.06.24

JavaScript-파이썬처럼 이해하기.

뭐 대화형이고 클라인트사이드 등등 자바스크립트를 Node.js를 위해 배워본다. console.log("안녕하세요") >안녕하세요 >콘솔에 뜸,Print와 같구만 alert("안녕하세요") >각 브라우저에 맞는 알림창이 뜨고 내용이 안녕하세요임. //여기까지!! >주석처리는 이렇게 //이걸로 , 파이썬은 # /* 주석처리는 이렇게도 합니다. */ >파이썬에서는 """ """ 이거같은 것 변수 선언 var 변수명=변수; >이렇게 변수를 선언 가능함~ 변수명은 camelCase로 정할 것 cf. camelCase vs. snake_case 1) camelCase 카멜케이스란 낙타 등처럼 울퉁불퉁하다는 소리입니다. 단어가 새로 시작할 때부터 대문자로 쓰면 됩니다. example) firstSecond myPr..

Language/JavaScript 2020.06.22
반응형