프로그래밍
-
간단한 모나드 설명과 예제프로그래밍/설계 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..
-
Letter - Enhanced 스킨 공개.[Ver. 2.0]프로그래밍/Web 2018. 10. 31. 06:30
* 여기는 Letter - Enhanced Ver. 2의 기능을 미리 볼 수 있는 페이지 입니다.* 이 페이지에서 보여주는 Letter - Enhanced 스킨은 개발 중인 관계로 미공개 기능이나 코드, 버그가 포함되어 있을 수도 있습니다. 맨붕.. 내가 만들어놨던 테스트 페이지가 실수로 싹 날라갔다.으아망ㄴㅁ리ㅓ;ㅣㅏ 플래시 때문에 자동저장도 안됐어! 너ᅟᅡᆷㄹ;ㅣᅟᅡᆫㅁ얼플래시는 나의 적ㄴㅁㅇ;ㅣ러ㅣ;ㅣ망ㄴㄹ댜ㅓ매; 0. 파일 첨부.Ver 2.0 깃허브에서도 확인할 수 있습니다. black7375/Letter-EnhancedTistory's Letter Skin + Font setting, Pretty Blockquote, Math & Code highlighting - black7375/Letter..
-
Letter - Enhanced 스킨 공개.[Ver 1.52]프로그래밍/Web 2018. 10. 23. 00:30
* 공지: Letter - Enhanced 버전 1.52를 공개합니다. * 공지: 새로운 버전이 나왔으므로 전 버전에 대한 지원은 끊깁니다.2018/10/31 - [IT] - Letter - Enhanced 스킨 공개.[Ver. 2.0] 개발 중인 스킨의 기능을 간단히 알고 싶다면, 2018/10/31 - [IT] - Letter - Enhanced Ver. 2 프리뷰. 를 참고하세요. 1. 제작 동기.티스토리에서 이번에 공개된 스킨 중 Letter 스킨이 마음에 들더라고요. 처음엔 Poster 스킨을 써보려고 했는데 굵기가 다른 이상한 메뉴버튼과 못생긴 사이드바의 콜라보로 포기.. 글 내부 배치도 Letter가 더 낫드란. 덕분에 슬슬 질려가던 #2에서 Letter로 스킨을 변경!! 그런데 일부 폰트,..
-
프로그래밍 폰트프로그래밍/기타 2018. 7. 8. 23:29
프로그래밍 폰트가 필요한 이유. 폰트의 용어[from 폰트 관련 용어] 프로그래밍 용도의 폰트가 필요한 이유는비슷하게 생긴 글자 구분고정폭기타 가독성 향상.나눔고딕, 굴림체과 비교해보자.(/font/로 되어 있는 것은 웹폰트가 없어서 PC에 깔려 있어야 보인다.) 참고로 ~체나 Mono가 들어간 것은 고정폭 폰트. 애초에 프로그래밍 폰트로 나온 것은 '체'나 'Mono'가 붙어있지 않지만, 굴림-굴림체 처럼 일종의 시리즈로 묶인 폰트는 '체'나 'Mono'가 붙는다. 리가추어(ligature) 폰트는 여러 글자를 하나로 묶어 표현 해준다. ( 여기서 확인 ) 난 햇갈려서 잘 안쓰긴 하지만. 아래 사이트를 보면 폰트 비교와 설치가 가능하다. https://black7375.tumblr.com/post/17..