Front-End27 [JavaScript] Objects, Arrays, Array-Like objects 1.Objects [TEST] var basicObj = {}; //an empty object -> {} is a shortcut for "new Object()" basicObj.surprise = 'cake'; basicObj['surprise'] // returns "cake" new Object( ); 구문 대신에 { } 을 사용하는 것을 "Object Literal" 구문 이라고 한다. [TEST] var fancyObj = { favoriteFood : 'pizza', add : function(a, b) { return a + b; } }; fancyObj.add(2,3); // returns 5 fancyObj['add'](2,3); // returns 5 javascript의 모든 것은.. 2019. 3. 28. [JavaScript] 함수형 프로그래밍 참고사이트 : https://www.inflearn.com/course/%ED%95%A8%EC%88%98%ED%98%95-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D/ DOCTYPE html> Bootstrap Example TEST DATA ID NAME AGE 1 Monkey D.Luffy 19 2 Roronoa Zoro 21 3 Nami 20 4 Usopp 19 5 Sanji 21 6 TonyTony Chopper 17 7 Nico Robin 30 8 Franky 36 9 Brook 90 var members = [ { id : 1, name : 'Monkey D.Luffy', age : 19 } , { id : 2, name : 'Roronoa Zoro', a.. 2019. 3. 27. [JavaScript] 현재시간 Timestamp 얻는 방법 Timestamp 값은 현재 시간을 milliseconds 단위로 변환하여 보여준다. 값을 비교하는 경우 매우 유용하게 사용할 수 있다. Date.now( ) 방법이 새로운 객체를 만들지 않기 때문에 약간 더 낫다고 할 수 있다. Timestamp in Milliseconds var timeStampInMs = window.performance && window.performance.now && window.performance.timing && window.performance.timing.navigationStart ? window.performance.now() + window.performance.timing.navigationStart : Date.now(); console.log(timeSta.. 2019. 1. 17. [CSS] flex 1. order : flex 항목의 순서를 지정합니다. DOCTYPE html>.flex-container { display: flex; align-items: stretch; background-color: #f1f1f1;} .flex-container>div { background-color: DodgerBlue; color: white; width: 100px; margin: 10px; text-align: center; line-height: 75px; font-size: 30px;}The order Property Use the order property to sort the flex items as you like: 1 2 3 4 2. flex-grow : flex 항목이 다른 flex 항목에.. 2018. 12. 12. 이전 1 2 3 4 5 6 7 다음
