profile
dog발자

성능개선

본인은 web 기반의 UI 에디터 솔루션을 담당하는 팀에 프론트엔드 개발자로 있습니다.(html, webGL 둘다 함)예전에 3D 관련해서 Vue에 Three.js Mesh가 속성으로 넘어가 reactive getter가 호출 되어 렌더링 프레임이 현저이 떨어져 이를

2020년 11월 20일
·
0개의 댓글

이벤트 루프

call stack \~~ event loop \~~ (web Api(setTimeout, Promise, requestAnimationFrame)) \~~ Task/ MicroTask / animationFrameschrome 기준 규칙(브라우저마다 상이함) http

2020년 11월 3일
·
0개의 댓글

스코프 체인, 프로토타입 체인

상황 b는 선언한 적이 없는데 에러 없이 잘만 출력 된다. 어떻게 된 일일까. 실행 컨텍스트(Execute Context, EC) 실행 컨텍스트는 간단하게 아래 세 가지로 구성 되어 있다. Variable Enviroment outer environm

2020년 11월 2일
·
0개의 댓글

FP(Functional Programming) - 모나드를 사용하는 것에 대한 생각(완)

제가 경험한 웹 프로그래밍은 아래 두 케이스 입니다.서버에서 데이터 받아와서 화면 구성하는 일반 web app그래픽 라이브러리를 사용한 특수한 web app한 케이스 씩 살펴 보겠습니다.react를 예로 들면, 도대체 redux-saga는 어떻게 redux에 보내는 a

2020년 10월 30일
·
0개의 댓글

FP(Functional Programming) - 함수

함수는 두 집합 사이의 관계를 설명하는 수학적 개념 입니다. 아래 내용은 알아두면 좋습니다. 뭔가 받아서 뭔가 뱉어낸다의 맥락에선 일맥 상통 합니다.그러나 수학에는 메모리가 없죠. 함수값은 함수값 입니다. 수학에서의 함수는 집합간의 관계를 설명하는 것이기 때문에 함수는

2020년 10월 30일
·
0개의 댓글

FP(Functional Programming) - 수학적 구조와 모나드

모나드에 대해서 "모나드는 endofunctor입니다" 하고 스리슬쩍 넘어갔었는데, 그 부분에 대해서 자세히 얘기해보려 합니다.수학적 대상은 우리가 수학적인 생각을 하면 마주치는 모든 것 입니다.수, 수열, 행렬, 집합, 점, 선, 삼각형, 군, 환, 체, 카테고리 등

2020년 10월 29일
·
0개의 댓글

monadologia.js 제작 후기

모나드에 대한 개념은 꽤 오래 전부터 알고 있었지만, 이렇게 하나하나 이해하며 구현한 적이 없었는데 이런 과정이 이해를 더해주는 것 같아 유익한 경험이었던 것 같다. js에는 이미 함수형 패러다임이 군데군데 녹아 있다. 꼭 monad라고 명칭 하지 않지만 monad의

2020년 10월 20일
·
0개의 댓글

FP(Functional Programming) - Task

우리는 이미 익숙한 비동기를 알고 있습니다. 바로 Promise죠return으로 연결되어 있는 모나드들의 mapping 함수는, 비동기 함수는 적용할 수 없습니다.사실 동기, 비동기는 어떻게 해도 같이 혼합 될 수가 없습니다. async await 키워드는 async가

2020년 10월 19일
·
0개의 댓글

FP(Functional Programming) - State

우리는 앞서 reader monad를 볼때 단순히 입력된 상태(config)를 읽어오기만 했는데요, state 모나드는 상태에 따라 다양한 액션을 할 수 있는 모나드 입니다. 상태를 입력 할수도 있고, 수정도 할 수 있고, 상태를 가져와 value를 바꿀수도 있습니다.

2020년 10월 19일
·
0개의 댓글

FP(Functional Programming) - Reader

map이나 chain은 사실 either나 mayber와 대동소이 하지만 ask라는 특이한 함수가 있습니다. 이 함수는 입력된 설정을 읽어와 다음 매핑된 함수의 파라미터로 넘길 수 있도록 하는 함수 입니다.runReader함수는 생성때 입력된 함수 입니다. env를 받

2020년 10월 19일
·
0개의 댓글

FP(Functional Programming) - either & maybe

사실 뭐 거창한게 있는 것 같지만 별 것 없습니다... 상황에 맞춰서 값을 빼다가(flatten) 다시 넣어서 생성하면 그만이기 때문이죠.either에서 catch 호출을 하면, catch에 넣은 함수 리턴 값이 right에 다시 담기는걸 우리는 알고 있습니다. 그 값

2020년 10월 16일
·
0개의 댓글

FP(Functional Programming) - Writer

interface는 거의 대동소이 합니다.간단 합니다. map은 value를 주어진 함수를 통해 mapping 하구, logging은 값은 그대로 유지하고, 새로운 스트링을 생성하여 로그에 추가 합니다.로그를 확인 해보겠습니다 value도 바뀌어 있고, log도 잘 쌓

2020년 10월 15일
·
0개의 댓글

FP(Functional Programming) - Either

가능 하긴 합니다. 몇가지 방법을 생각 해 볼 수 있습니다.값을 그냥 다 넣는데, 내가 원하는 값만 mapping된 함수에서 분기처리 하여 로직 수행내가 원하는 값이 아니면 다 null처리이정도겠네요, 근데 조금 다른 상황을 생각해보면,, 지금 당장 생각 나는 것은 에

2020년 10월 13일
·
0개의 댓글

FP(Functional Programming) - Maybe

https://velog.io/@cfop/FPFunctional-Programming-monad전 글을 참고해 주세요!전 글에서 퍼왔습니다. 이를 어떻게 구현하는지 보도록 하겠습니다.인터페이스를 잘 봐주세요! 모나드 자체가 박스에 넣고, 빼고 계산하고 과정을

2020년 10월 12일
·
0개의 댓글

FP(Functional Programming) - monad

이렇게 하면 되는거 아닌가? 굳이 복잡하게아래와 같은 상황 이라면?이 코드를 풀어서 써보면 이렇다 "Number 세상에서 String 세상으로 data를 넘긴다. String 세상으로 넘어간 data는 String 세상에 있는 함수를 쓸 수 있다."그러나 이것도 약간의

2020년 10월 10일
·
0개의 댓글

예전 게임 학원 포트폴리오..

지금은 그냥 3D 지식이 좀 있는 잔재주 많은 사람이 되어버렸지만..예전에 게임 개발자가 되고 싶어서.. https://www.youtube.com/watch?v=9O80iRysojo이런걸 포폴로 만들었었습니다. C++도 공부하고, 메모리에 대해서 생각해보게

2020년 10월 9일
·
0개의 댓글
post-thumbnail

리액트로 뭔가 만들어보기

리액트 공부 할겸 이걸 만들어 보았습니다. 1개월 정도 퇴근하고 짬짬이 모듈 만들고, 저거 만들고 했습니다. https://chrome.google.com/webstore/detail/cubelopment/gdkaknnheikgofcdmhddpejegpgmhb

2020년 10월 9일
·
0개의 댓글

프론트엔드 프레임워크에 뭔가 붙이기

HTML, CSS로 구성하는 어플리케이션이면 프레임워크를 사용해도 상관 없지만,, canvas 라이브러리들..(three.js도 있겠고, paper.js 같은 것도 있습니다 이하 라이브러리라고 쓰겠습니다)과 프론트엔드 프레임워크를 사용하여 앱을 만들때는 어떻게 해야 하

2020년 10월 9일
·
0개의 댓글
post-thumbnail

모바일 디버깅

데스크탑에서 잘 나오는데모바일에서 이렇게 나온다 .. 이유를 모르겠다.. 그래도 찾아봐야지 .. 하는데 디버깅을 어케 하는지 모르겠더라, 키워드와 순서는 아래와 같다1\. 개발자 모드 전환(핸드폰) -> 찾아보세여2\. adb 설치 -> 찾아보세여 3\. 설치후 adb

2020년 9월 6일
·
1개의 댓글
post-thumbnail

컴파일러 흉내내기

ABC : HELLO를 { ABC : "HELLO" }로 만들고 싶다.ABC : HELLO를 "빈 객체에 ABC라는 키를 생성하고 value로 HELLO를 세팅해줘" 라는 간단한 프로그래밍 구문이라고 생각하면 지금 하는 작업이 컴파일러 흉내(?)는 낼 수 있다고 생각

2020년 9월 6일
·
0개의 댓글