본문 바로가기

전체 글

 (334)
reduce함수를 이용한 전체 합 구하기 let numbers = [1,2,3,4,5] let total = numbers.reduce(function(acc,cur){ return acc + cur }); console.log(total);//15 let total = [{qunt: 1}, {qunt: 2}, {qunt: 1}].reduce( (acc, cur) => acc + cur.quntity , 0 ) console.log(total) // 결과값: 4 let max = [1, 2, 3, 4, 5].reduce( ( max, cur ) => Math.max( max, cur ) ); console.log(max) // 결과값: 5 reduce 함수는 네개의 인수를 사용한다. Accumulator(누적값) Current Value(배열의..
죽기 전에 꼭 봐야 할 실화바탕, 성공 주제 ,자기개발 영화 100선(계속 정리중,뇌피셜 바탕 간단한 리뷰) 1.패치아담스 로빈윌리엄스의 유작중 하나, 개인적으로 로빈윌리엄스의 인생 일부를 각색한 영화라고도 보여진다. 로빈윌리엄스 특유의 코믹한 연기를 잘 녹여내어 사람들을 행복하게 해주는 영화다. 2.행복을 찾아서 윌스미스 주연의 자기계발 영화 대표작, 아들과 함께 출현해 화재, 아들을 지키기 위해 실업자 신세가 된 주인공이 직업을 얻게 되는 과정을 그린 실화 바탕의 영화로 정말 열심히 살아야 겠구나를 깨닫게 하는 영화이다. 말 그대로 행복을 찾기 위해 필사적으로 노력하는 영화. 3.머니볼 브래드 피트 주연의 실화 영화, 메이저리그 만년 최하위 구단을 의지력 있는 감독이 구해내는 영화, 이 또한 실화 바탕이며, 평화로움 보다는 투지와 의지를 보여주는 영화이다. 자신을 객관적으로 돌아보고 싶을때 추천하는 영화! ..
04 array.map() let numbers = [1,2,3,4,5]; let newNumbers = numbers.map(n=>n*2); console.log(newNumbers); //2,4,6,8,10 map 메서드로 출력하기 arr.map(callback(currentValue[, index[, array]])[, thisArg]) developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map
03 observer pattern(상태관리패턴) Increment class NumberModel{ constructor(){ this.number =0; this.color = 'red'; this.observers = []; } increment(){ const colors = ['orange','red','green','blue']; this.number++; this.color = colors[Math.floor(Math.random()*colors.length)]; this.notifyObservers(); } addObserver(o){ this.observers.push(o); }; notifyObservers(){ for(let o of this.observers){ o.update(this); //초기화함수? } } } class Hi..
02 input type="file" + addEventListener codepen.io/fangmin/pen/wvgZwMP frontent js02 ... codepen.io frontent js02 ... codepen.io input 속성의 file을 활용하여 클릭시 파일을 저장할수 있는 폼 만들기
01 prototype 메서드를 활용해 익명함수 만들어 실행하기. prototype의 활용 정리 codepen.io/fangmin/pen/wvgZwMP let f = 140; Number.prototype.toCelcius = function(){ return(this-32)*5/9 }; alert(f.toCelcius()); developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes
파리에서 도시락을 파는 여자 -켈리최 한달동안 미라클 모닝(5시 기상)을 실천하면서 많은 것들이 바뀌고 있다. 지금도 이렇게 아침에 글을 쓸 수 있다는 게 기적이다. 내가 변화해 가는 모습에 감사하며 이러한 습관을 공유하게 해준 유튜버 김유진 변호사님께 감사드린다 :) 유진 변호사님 말씀에 따르면 생각없이 일어나는게 가장 쉬운 방법이며, 일찍 일어나는 것이 일찍 자는 습관을 만들어 낸다는 것도 이젠 동의할 수 있다. 일찍 일어나면 새로운 시작을 항상 힘차게 맞이하는 기분이 든다. (조만간 김유진 변호사님의 책도 읽어봐야할 듯하다. 유튜브 만으로도 많은 영감과 기운을 얻었는데 책은 어떠하랴,.) 새벽 5시에 일어나면 10분간 세수,스트레칭, 마실 티 만들기, 팥주머니 보온을 순식간에 해낸다. 이런 방식으로 10분단위로 알람을 맞춰 놓고 5시 ..
웹브라우저 호환성 및 웹표준을 위한 js 라이브러리 1.모더나이저 모더나이저: 모든 웹 화면상에서 동일한 내용을 출력하게 해줌 사용방법 : 모더나이저 사이트에서 다운로드 > 검색창에서 원하는 효과 검색후 상단 polifill나 css 로 view 하여 코드 확인하고, 본인 html 에 모더나이저 js cdn 설치후 오른쪽 상단처럼 no-js 로 작성하면 호환되지 않는 브라우저에서 보이지 않게 효과를 넣어준다.

티스토리툴바