본문 바로가기

분류 전체보기

 (341)
Naver FE News 2024-01) What Every Developer Should Know About GPU Computing: GPU의 작동원리와 배경지식 Naver FE News 원문 What Every Developer Should Know About GPU Computing A primer on GPU architecture and computing codeconfessions.substack.com 대부분의 개발자는 CPU 용 코드를 작성하면서 자랐기 때문에 CPU와 순차적 프로그래밍에 대해 잘 알고 있지만, GPU의 내부 작동 방식과 그 특별한 기능에 대해서는 잘 모르는 경우가 많다. 지난 10년 동안 GPU는 딥 러닝에 널리 사용되면서 그 중요성이 엄청나게 커졌다. 이 글은 GPU의 작동 원리에 대한 배경지식에 대해 소개한다. CPU vs GPU CPU와 GPU의 주요 차이점에 대해 소개한다. 첫번재 차이점, 설계 목표 CPU의 설계 목적은 순차..
Naver FE News 2024-01) It takes 23 mins to recover after an interruption: 작업 시 컨텍스트 전환의 장단점과 관리 전략 Naver FE News 2024-01 원문 It takes 23 mins to recover after an interruption It’s time to examine the good, the bad, and the very ugly elements of context switching. Even better, we’ll take a look at some strategies for managing it. addyo.substack.com 컨텍스트 전환은 생각 전환과 같다. 하지만 당신이 어떤 작업을 하다가 다른 작업을 할 때마다, 당신은 단지 또 다른 작업하는 행동을 취할 ㄷ뿐만 아니라 뇌의 주의와 집중력도 다시 구축하고 있다. 그래서 작업의 중단으로 인해서 인지적 부담이 꽤나 누적된다. 중단된 ..
Frontend Tool) Vite(비트)란 무엇인가 🔹 vite (veet) : 프랑스어로 “빠르다” 🔹 vue를 개발한 Evan You 🔹 다양한 프레임워크 지원 (Vue, React, TypeScript, VanilaJS 등) 🔹 실제 프로덕션 제품의 성능을 향상시키는 것이 아니라 개발 속도를 향상시키는데 도움을 주는 툴 1. 배경지식 vite의 동작방식과 어떤 역할을 하는지 알아보기 전에 필요한 배경지식들을 공부하고 정리했다. 번들링 컴포넌트로 모듈화된 소스코드를 브라우저에서 실행할 수 있는 하나의 파일로 묶어 연결해주는 작업 대표적인 번들링 툴: webpack, rollup, parcel HMR(Hot Module Replacement) 앱을 종료하지 않고 갱신된 파일만 교체하는 방식 코드에 변경이 발생하면 모든 파일을 다시 번들링하지 말고 갱신된..
UX) Modal & Nonmodal Dialogs: When (& When Not) to Use Them 이 글을 번역 및 정리한 글입니다. 모달을 언제 사용해야 하는지에 대한 글 Modal형 Dialog는 사용 흐름에 끼어들어 특정 작업을 요구한다. 따라서 특정 정보로 사용자의 주의를 끌어야 하는 경우 사용하는 것이 적절하다. Dialog와 Modal dialog (대화 상자) dialog는 두 사람 간의 대화를 의미한다. UI에서는 시스템과 사용자 간의 대화로 시스템이 필요한 정보를 사용자에게 입력 받는 등의 상호작용을 dialog라고 할 수 있다. mode 하나의 시스템에서 약간 다른 형태의 UI를 의미한다. 약간 다른 형태를 예를 들면 Caps lock이 켜져 있는 상태나 MS Word에 Track changes 모드가 켜진 상태가 있다. Modal Dialog Modal Dialog는 메인 콘텐츠를..
[조조래빗] 10살 소년의 눈으로 가볍게 보여준 무거운 시대 나치즘이 극에 달했던 2차 세계 대전 말 현실은 암흑과도 같았지만 10살 소년의 맑간 눈으로 본 세상은 루카에 나오는 여름방학같은 이탈리아와 다를바 없었다. 그럴 수 있도록 소년의 세계를 지켜준 어른들이 나오는 몇 장면들이 가장 인상적이었고 그 덕분에 여운이 짙게 남았다. 벽장 속에 숨은 유대인 소녀를 만나고 격변하는 세상으로부터 돌을 몇 번 맞고는 히틀러의 광팬이던 조조가 상상의 친구, 히틀러를 창 밖으로 뻥 차버렸다. 독일이 전쟁에서 패하고 유대인 소녀는 벽장 밖으로 나올 수 있었고 마침내 춤을 추며 영화가 끝난다.
[모네 인사이드] 2023.10.7 명동 그라운드 시소 내가 좋아하는 화가의 미디어 아트 전시회에 다녀왔다. 21년도쯤에 가족들이랑 제주도 여행을 가서 아르떼 뮤지엄에서 모네, 루느아르 등 인상파 화가들의 작품이 나올 때 너무 좋았던 기억이 있어서 이 전시회를 다녀왔다. 단순이 공간에 움직이는 그림을 크게 보여주고 그 곳을 돌아다니며 사진을 찍는 인스타용 전시회가 아닌 점이 마음에 들었다. 오히려 자유롭게 자리를 잡고 앉아 스크린을 영화처럼 감상하는 형식의 전시회였다. 나같은 늙은이 기력에 딱 맞는 전시회였다. 영상의 내용은 모네의 친구이자 아트 딜러로서 모네를 화가로 먹고 살게 해준 폴 뒤랑 뤼엘이 들려주는 모네의 삶이었다. 내용은 총 5개의 챕터로 구성되어 있었고 각각의 챕터는 모네의 인생에서 중요한 사건들을 중심의 ..
UX) 텍스트 가독성 Text Legibility 이번에 간단한 시스텝을 ionic + vue로 개발하고 있는데 기획도, 디자인도 제대로 없다. 난감하지만 오히려 내 마음대로 UI/UX를 만들 수 있어서 재미있는 업무인 것 같다. 시간이 좀 촉박하긴 하지만 기존보다 사용성을 좀 더 높이고 예쁘게 만들고 싶다는 욕심이 생겼다. 그래서 UX를 많이 생각하고 공부하고 있다. 기특해 이 글은 이 글을 공부하면서 번역/의역한 글이다. 텍스트 가독성 Text Legibility 색상은 가독성에 큰 영향을 미치는 요소이다. 가독성 표준 Legibility standards WCAG standards 모든 텍스트는 읽기 쉽고 접근성 표준에 부합해야 한다. WCAG(The Web Content Accessbility Guidelines 웹 콘텐츠 접근성 가이드라인) l..
디자인 패턴) Container/Presentational Pattern 이 글을 공부하면서 번역하고 정리한 글입니다. 애플리케이션 로직과 뷰를 분리하여 관심사 분리(separation of concerns)를 강제하는 패턴 웹 개발 디자인 패턴 분야에서 관심사(concern)이라는 용어는 소프트웨어 시스템 내에서 특정한 기능을 의미합니다. 예를 들어 사용자 인증 처리, 데이터 영속성, UI 컴포넌트 렌더링, 비즈니스 로직 관리 등과 같은 작업이 있습니다. 관심사를 별개의 모듈로 처리하면 코드의 조직화, 유지보수성, 재사용성이 높아지는 장점이 있습니다. 이를 관심사 분리(separation of concerns)라고 부릅니다. 관심사를 분리함으로써, 개발자는 시스템의 특정 측면에 집중할 수 있고 모듈화를 장려하게 되며, 관심사별로 독립적인 작업이 가능하여 협업이 용이해집니다...

티스토리툴바