Front-end_dev
프로그래밍 관련 커뮤니티 같은데보면 “테트리스 정도는 4시간만에 짤수잇어야” 이런말들을 종종 볼 수 있습니다.4시간??? 허언증인지 진짜인지는 모르겠지만 아무리 경력있는 개발자라도 몇시간만에 짜라고하면 힘들수도있을것 같다라는게 저의 생각입니다.직접 구상한 첫 프로젝트에서 2000라인이넘는 대규모(저에게는)프로젝트를 진행하면서 중간중간에 참 꺠달은것들이 많습니다. 역시 백문불여일견이라고 보고이해하는것과 직접하면서이해하는것의 차이가 상당히 심하다는걸 깨닫게됬고 직접 짜면서 코드에서의 테크니컬적인부분은 물론이고, 생각지도못한 문법적인면에서도 깨달은부분이있습니다. 그리고 컴퓨터의 플레이(인공지능)을 구현해볼려고 구상은 해놨는데 시간이 많이 뺏길것같습니다… (여기서 인공지능이라함은 머신러닝(neural netwo..
배열 원소의 삽입,제거의 기본동작을 오버라이딩하는 예시를 한번 해봤습니다.프로젝트를 하다보면 엄청나게 복잡한 경우를 맛 볼수도 있습니다. 로직이 어렵다거나, 아니면 코드의테크니컬적인부분(이예제는 이경우에 가깝죠)에서 하고싶은 동작을 못 할때 이러한 기본동작을 오버라이딩하는게 매우 유용하게 쓰일수 있는 경우가 있을수있다고 생각합니다.이예제에 console.log대신에 로직을 넣어주면 완벽한 오버라이딩이되겠죠. 12345678910111213141516171819202122232425262728293031323334const customPush = new Proxy(Array.prototype.push,{ apply(target,thisArg,arg2) { target.call(thisArg,...arg2)..
말그대로 HTML5 캔버스 성능최적화 이슈에대해 쓴 글 입니다. 캔버스에서 그리기를 확정짓는 함수(stroke())를 특정 임의의 시간마다 호출하다가 Canvas자체 내부적인 최적화 시스템에 부딪히게되어 뜻대로 코드가 동작하지 않았습니다. [아에 통째로 예제를 하나 만들어서 설명] Main Issue : HTML5 Canvas 자체 내부에서 최적화시스템을 갖고있기 때문에 stroke()함수를 특정시간마다 n번 호출하면 바로바로 그려주지않고 맨마지막에 한꺼번에 그리는 문제. part 1. setTimeout 함수는 시간지연함수라고 보기엔 참 애매한포지션part 1-1. 직접 시간지연함수를 만들어보자part 2. 이 예제의 대한 기본적인 수학개념 part 3. HTML5 캔버스자체 내부적인 최적화시스템에 부..