전체 글
-
객체지향 시스템과 패러다임 그리고 철학프로그래밍/설계 2021. 12. 14. 00:31
자바스크립트는 왜 프로토타입을 선택했을까 라는 글을 읽고 떠오르는 내용들을 덧붙이거나 정리 해보았습니다. 원글과는 접근법이 좀 다르며, 기획이 아닌 급하게 쓴 글이라 의식의 흐름 사이에서 표류합니다 ㅠㅠㅠ 빠른요약 클래스와 프로토타입의 가장 커다란 차이는 객체 생성 방식 [클래스 -> 인스턴스 vs 객체 -> 복사된 객체]. 가장 큰 공통점은 객체지향이며, 프로그램을 객체라는 단위로 나누고 상호작용하게 하는 것. 객체지향의 핵심인 캡슐화를 잘하기 위한 가장 간단한 방법은 추상화를 잘 하는 것. 추상화는 데이터 위주의 성질(고전적 OOP), 형태(타입), 상태(데이터 주도 설계)와 관계 중심인 시간(절차지향), 행동(함수형), 정의(논리형), 상황(도메인 주도 설계, AOP) 등으로 나누어 생각할 수 있음..
-
Lepton 2.0 정보 및 이후계획IT/UX 2021. 7. 1. 00:50
지난 3주간 여러가지 피드백을 받으며 진행했다. 2.0 정보 1. 컨텍스트 메뉴 아이콘 가장 공을 들인 것은 컨텍스트 메뉴의 아이콘들!! 패널에 아이콘들을 꽉 채운것의 연장선상의 작업이었다. 다만 패널과 다르게 컨텍스트 메뉴는 플랫폼마다 생김새가 다르고, 종류가 너무 많아서 애좀 먹었다. 아마 100개는 넘을듯.. 맥은 Native, None Native 둘 다 대응했어야 해서 좀 귀찮았다. 맥이 고장나 있는 상태이기 때문에 원래라면 테스트가 불가했겠지만 Docker OSX 덕에 가능했다. KVM과 Docker OSX 개발자들 감사합니다. 부족한 아이콘들은 Fluent UI System Icons로 때웠다. 고퀄 아이콘들을 MIT 라이센스로 풀다니 고맙다. 근데 마소가 윈도 컨텍스트 메뉴 좀 고쳐주면 좋..
-
러스트 찍먹 후 느낀점?프로그래밍/Rust 2021. 6. 13. 00:36
면책사항) 튜토리얼을 끝낸 후 첫인상일 뿐이므로, 정확하지 않을수도 있다. 귀여운 >.< Ferris 좋았던 점. 1. 툴체인!! 누구도 부정할 수 없다. Cargo, rustup, Rustfmt, Clippy, Rust Analyzer등의 공식툴!! 빌드 툴부터 생각해보자. 네이티브 계열에서 생각나는건 Make!! 어느정도 규모가 있는 프로젝트는 크로스 플랫폼 대응이나 각종 설정을 적용하기 위해 Meta Make 시스템을 사용하는게 일반적이다. 대표적인게 GNU Autotools(Autoconf, Automake, Libtools). [Introduction to GNU Autotools, The Basics of Autotools] M4와 Make 두개의 작은 언어를 더 알아야만 한다..ㅋㅋㅋ 나중에..
-
Lepton - 얼마나 파이어폭스 UX를 개선할 수 있을까?IT/UX 2021. 5. 25. 09:15
앞으로 Lepton이라 불릴 파이어폭스의 UX를 개선하는 플젝을 진행 중이다. https://github.com/black7375/Firefox-UI-Fix black7375/Firefox-UI-Fix 🦊 I respect proton UI and aim to fix it. Contribute to black7375/Firefox-UI-Fix development by creating an account on GitHub. github.com 0. 계기 이 작업을 하게된 계기는 브라우저 업뎃(디벨로퍼 버전을 사용 중) 후 갑자기 엄청난 변화에 깜짝 놀랐기 때문이다. 대략 이렇게? 확실히 훨씬 이뻐졌다 💖💖💖💖 정말 깔끔하고, 군더더기가 적다. 사용하는데 불편한 점이 없다면 그냥 쓰려고 했다. 흠.. 그런..
-
[스압/데이터주의] 웹 최적화 방식 모음 - 5. 빌드프로그래밍/Web 2021. 3. 5. 12:32
[스압/데이터주의] 웹 최적화 방식 모음 - 0. 전반적 원칙과 원리 [스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드 [스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링 [스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭 [스압/데이터주의] 웹 최적화 방식 모음 - 4. 로드 후 [스압/데이터주의] 웹 최적화 방식 모음 - 5. 빌드(현재) 5. 빌드 빌드 성능 최적화를 앞서, 우리가 사용하고 있는 툴들의 종류가 무엇이 있는지 생각해보자. 로컬에서 자바스크립트 코드 자체를 실행하기 위한 Node.js 패키지 설치와 의존성 관리를 위한 NPM 모노레포 관리를 위한 Lerna 자바스크립트를 정적..
-
[스압/데이터주의] 웹 최적화 방식 모음 - 4. 로드 후프로그래밍/Web 2021. 2. 14. 18:25
[스압/데이터주의] 웹 최적화 방식 모음 - 0. 전반적 원칙과 원리 [스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드 [스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링 [스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭 [스압/데이터주의] 웹 최적화 방식 모음 - 4. 로드 후(현재) [스압/데이터주의] 웹 최적화 방식 모음 - 5. 빌드 4. 로드 후 동일한 페이지, 다른 페이지 4.1 요청줄이기 다른 페이지로 넘어갈 때 요청량을 줄일 수 있는 여러 기법들이 존재한다. [Offline First] 4.1.1 클라이언트 저장소들 비교와 활용 개요 로드 후, 브라우저에 정보를 저장하는 것은 ..
-
[스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭프로그래밍/Web 2021. 2. 14. 18:25
[스압/데이터주의] 웹 최적화 방식 모음 - 0. 전반적 원칙과 원리 [스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드 [스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링 [스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭(현재) [스압/데이터주의] 웹 최적화 방식 모음 - 4. 로드 후 [스압/데이터주의] 웹 최적화 방식 모음 - 5. 빌드 3.3 UX 트릭 객관적인 성능이 올라가는 것이 아니라 사용자가 빠르다고 느낄 수 있게 만드는 트릭들. UX는 글로만 설명하기 힘든 부분이 많기 때문에 가급적 GIF나 사진자료 통해 직관적으로 이해할 수 있도록 힘을 썼다. 초반에 나오는 것들은 많이들 접..
-
[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링프로그래밍/Web 2021. 2. 14. 18:25
[스압/데이터주의] 웹 최적화 방식 모음 - 0. 전반적 원칙과 원리 [스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드 [스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링(현재) [스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭 [스압/데이터주의] 웹 최적화 방식 모음 - 4. 로드 후 [스압/데이터주의] 웹 최적화 방식 모음 - 5. 빌드 3. Layout 및 렌더링 Layout 발생 빈도 최소화 및 비용 최소화와 CPU 처리 효율화, UX 트릭으로 나뉜다. 레이아웃에 영향을 미치는 것들에 대한 정리는 What forces layout/reflow란 글이 잘 설명해준다. 3.1 발생 빈도 ..