WEB programming13 # 5. Arrow Function은 무엇인가? 함수의 선언과 표현 (with 드림코딩) 2021. 7. 23. #3~4 let vs const, primitve vs object & operator, if, for loop(with 드림코딩) #3 let vs const let 은 mutable하기 때문에 read/write가 가능하지만 const는 다른 값으로 초기화가 안되기 때문에 read만 가능하다. primitve type vs object type primitive type은 값 자체가 메모리에 바로 저장한다. 하지만 object는 값이 커서 메모리에 한번에 올라 갈 수 없어서 object가 가리키는 곳에는 ref가 있다. ref는 실제로 object를 가리키고 있는 곳이고 그림을 보면 이해가 쉬울 것이다. 위 그림을 보면 const로 선언되어 있는 것이 보이는데 ref만 잠겨있는 것으로 통해 ref는 바꿀 수 없지만 name, age는 바꿀 수 있다. #4 여기서부터는 코드를 읽으면서 정리하겠다. 2021. 7. 23. #1~2 console.log('Hello World'); & 데이터타입, data types, let vs var, hoisting (with 드림코딩) #1 console 창에 'Hello World'를 출력하기 main.js 를 만들어서 console.log('Hello World'); 를 치면 아래 사진처럼 출력한다. script aysnc vs defer 결론: defer을 써라 'use strict'; es5에 추가되었고 Js는 유연하기 때문에 그만큼 위험하다. 그래서 'use strict';를 써줌으로써 위험을 막는다. #2 1) variable 변수를 만들 때는 let을 사용한다. ex) let name = 'kim'; 'kim'이란 변수의 값을 name이란 이름에 할당한 것이다. 값은 다시 할당할 수 있다. 2) Block scope { let name = 'kim' console.log(name); name = 'hello'; consol.. 2021. 7. 21. css에 도움이 되는 사이트, 게임(flex, selector, grid) 1. FLEXBOX FROGGY https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com flex를 직관적으로 공부할 수 있어서 처음 flex를 배워서 어떻게 써먹나 걱정할 땐 이 게임을 해보는 걸로! 2. Flexbox Defense http://www.flexboxdefense.com/ Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.fle.. 2021. 7. 16. 이전 1 2 3 4 다음 728x90
