프로그래밍
-
React + RxJS Todo App (with 오버엔지니어링?)프로그래밍/Web 2020. 5. 3. 09:01
처음에는 React에 RxJS를 섞어보는 것을 목표로 하는 플젝이었는데 재미로 이것저것 넣다보니 산으로 갔다ㅋㅋ 아직 만드는 중이지만 벌써 5월이 되서 일단 소개해본다. 회사 지원해야뎌.. https://github.com/black7375/React-RxJS-Todo black7375/React-RxJS-Todo Contribute to black7375/React-RxJS-Todo development by creating an account on GitHub. github.com 목표는 성능 코드의 간결함 나중에 다른 플젝에서도 우려먹을 디자인 컨셉 반응형 | 유동적 디자인 시간나면 PWA, Web Component까지도 도입 등등 각종 개념 증명용 또는 오버엔지니어링 수행 우선 생긴건 대충 이런식..
-
[스압/데이터주의] 웹 최적화 방식 모음프로그래밍/Web 2020. 3. 17. 15:56
웹으로 전향한지 얼마 안됐는데 그동안 경험상 전반적 구조 파악에는 퍼포먼스 개선하는게 짱짱이라 적게되었습니다. 이 문서는 완전히 완성된 상태가 아니라 시간이 나면 업데이트 중. 혹시 이외에도 재미있는 팁을 아시는 분이 있다면 댓글로 알려주세요. 모바일이나 기타 프로그래밍/전공 경험과 지식을 살려봤습니다. 제 블로그 글들을 보면 알겠지만 상당히 장문으로 이루어져 있지만.. 이건 역대급으로 심하게 길다보니 머릿글을 ㅎㅎ 조금 과장해서 책 한권;; 블로그 스킨을 React 기반으로 클린룸 구현해볼까 생각 중이라 더 열심히 하고 있습니다. 타입스크립트, PWA, 웹컴포넌트 등 파워풀한 것을 모두 넣어서 가볍고 빠르고 생산성까지 잡으며 아름답게 만드는 것이 목표 ㅎㅎ 0. 전반적 원칙과 원리 이 긴 글을 읽기 귀..
-
자바스크립트와 함수형 프로그래밍.프로그래밍/Web 2020. 3. 7. 22:36
React Native에서 사용하는 React는 함수형 프로그래밍의 철학을 받아들여 만들어졌습니다. React를 처음 접하는 이들을 위한 문서에서도 함수형 프로그래밍의 특징중 하나라는 불변성을 강조하고 있을 정도 입니다. 자습서: React 시작하기 - React 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 따라서 React Native로 프로그래밍을 하기 위해서는 함수형 프로그래밍에 대해 알아두는 것이 좋습니다. 함수형 프로그래밍이란 패러다임은 람다대수에 기반하여 만들어졌고, 람다대수와 가장 가까운 프로그래밍 언어는 Lisp입니다. 따라서 함수형 프로그래밍 개념은 Lisp 계열로 이해하는 ..
-
간단한 모나드 설명과 예제프로그래밍/설계 2020. 2. 11. 13:57
리엑트 네이티브 스터디 때문에 시작한 글이었는데 생각보다 길어져서 분리하게 되었다. 자바스크립트 관련 코드는 해당 스터디쪽 문서에 올릴 예정. 역시 모나드를 이해할때는 Haskell이 가장 효율적이므로 Haskell로 된 코드를 사용해보자. 자바스크립트로도 설명할 수 있지만(모나드 섹션 하단의 링크 참조) 이해하기에 코드가 깔끔하진 않다. 하스켈의 간단한 입출력 예제다. main = do putStrLn "Input: " x >= 타입 생성자 M 타입 생성자는 C++의 templete 와 유사하여 다른 타입을 인자로 받는다. 완전히 같진 않지만 아래와 같이 대응된다고 생각하면 된다. -- Haskell myFunc :: Int -> Int data MyData t = MyData t -- 형태: * ->..
-
내 맘대로 프로그램 설계 7. - 함수형 프로그래밍.프로그래밍/설계 2019. 5. 21. 17:07
내 맘대로 하는 프로그램 설계 시리즈. Chapter1 - 간단한 데이터 처리(4섹션) 2017/12/27 - [프로그래밍/설계] - 내 맘대로 프로그램 설계 1. - 이유와 준비. 2018/01/11 - [프로그래밍/설계] - 내 맘대로 프로그램 설계 2. - 데이터 타입. 2018/01/16 - [프로그래밍/설계] - 내 맘대로 프로그램 설계 3. - 함수와 변수. 2018/05/29 - [프로그래밍/설계] - 내 맘대로 프로그램 설계 4. - 고정 크기 데이터. 2017/06/30 - [프로그래밍/설계] - 프로그래밍과 추상화에 대하여.[부록] Chapter2 - 임의의 데이터 처리 2018/06/10 - [프로그래밍/설계] - 내 맘대로 프로그램 설계 5. - 리스트와 재귀. 2019/05/20 ..
-
웹브라우저 확장기능 개발.프로그래밍/Web 2018. 12. 31. 06:56
요렇게 스토어 등록했습니다.Readable Font - Get this Extension for 🦊 Firefox (ko)Download Readable Font for Firefox. 가독성 좋은 글씨를 보여줍니다. Readable Font가독성 좋은 글씨를 보여줍니다. Readable Font - 웨일 스토어가독성 좋은 글씨를 보여줍니다. 웹브라우저 폰트 관련 확장기능을 만들었는데, 그 과정을 공유해서 아이디어는 있는데 개발을 어떻게 해야할지 우왕좌왕 싶은 분들에게 일종의 가이드(?)를 해주려 합니다. * 확장기능은 부기기능, 확장앱, Addon, Extension 등으로도 부릅니다. 처음 만들어봤는데 생각보다 쉬워요^^ 단, 제가 하는 강좌는 HTML, CSS, Javascript 강좌가 아니고 저..
-
Billboard.js 기초 사용법.프로그래밍/Web 2018. 11. 7. 09:18
2018/10/31 - [IT] - Letter - Enhanced Ver. 2 프리뷰. 에서 약속했던대로 Billboard.js라는 차트 기초 사용법을 알아봅시다. 예제 및 기초 사용법. 제가 예제로 써놨던 것은 Billboard.js의 홈페이지에 나오는 예제였습니다. 코드로 보여주면, 였습니다. class vs id? 지금까지 형식을 써왔기 때문에 id가 나와서 어떤 차이인가 간략히 설명하면 페이지 내부에서 사용 가능 횟수. ex) 2번 사용한 경우. 내용들 내용들 class: 여러번.id: 한번 만.복수 적용. ex) 2개를 복수 적용한 경우. 내용들 내용들 class: 가능.id: 불가능.표현법.class: .class이름.id: #id이름. 차트를 여러번 쓰거나 티스토리의 기본기능들이 대부분 c..
-
iframely가 아닌 Embedly를 택한 이유.프로그래밍/Web 2018. 11. 6. 03:59
원래 텀블러에 올릴만한 글이나,텀블러 스킨은 일부 스크립트를 불러오기가 힘든 관계로 티스토리에 적습니다. 사실 코드 복사 & 붙여넣기엔 iframely가 Embedly보다 좋지만, 만들어지는 코드 형태가 복잡해서 API를 사용하면 모를까 일반 사용자들이 코드를 짜기엔 적합하지 않다. 예를 들어 글쓰다 날려먹었단 제 블로그 일기를 Embedly와 iframely를 차례로 나열하면, 플래시는 나의 적.플래시는 나의 적.플래시 활성 안했다고 임시저장한게 없어서 다 날라갔다. 플래시에 에러맞고 불구덩이 쳐박힌 내 기분을 니들이 알아? https://www.youtube.com/watch?v=D3ZFtSoWtRc 그건 그렇고 임시저장해놓은 글들이 많았구나.. 나중에 차근차근 풀어야겠다. https://black7..