Archives

AI로 인한 생산성 향상과 동시다발적인 업무 처리에 대한 고민을 담은 글입니다.

2017년에 썼던 글을 정리하면서, 기록의 중요성을 새삼 깨닫는 짧은 회고입니다.

Git rebase 작업 중 발생한 실수로 커밋이 사라졌을 때, Git reflog를 활용해 복구했던 경험을 다루며, 추가로 Git Reflog에 대해 알게된 점에 대해 간단히 정리합니다.

기술 블로그를 직접 만들고 SEO를 적용하면서 얻은 경험과 전략을 공유합니다. 메타태그, 구조화된 데이터, 이미지 최적화, 성능 개선 등 실제 검색 결과에 영향을 미치는 요소들에 적용한 이야기를 담았습니다.

브라우저가 GPU 가속을 사용하는 상황과 CSS 속성들을 알아보고, 웹 성능 최적화에 활용하는 방법을 정리합니다.

자바스크립트의 클로저(Closure)에 대해 알아보고, 스코프와 렉시컬 스코프 개념을 통해 클로저의 동작 원리를 이해합니다.

오픈소스 라이센스의 종류와 특징, 그리고 프로젝트에 적용하는 방법에 대해 정리하는 글입니다. MIT. Apache License 2.0, GPL, MPL 등 주요 라이센스를 다룹니다.

AI가 글을 써주는 시대에 블로거로서의 경험과 통찰을 공유합니다. AI를 활용한 글쓰기 실험과 그 결과, 그리고 앞으로의 방향성에 대해 이야기합니다.

온라인 강의 수강을 시작하면서 루틴의 중요성과 강의 선택 과정, 그리고 웹팩 강의 수강 계획을 공유합니다.

여러 프로젝트를 하나의 저장소에서 관리하는 모노레포(Monorepo) 아키텍처의 개념, 장단점, 그리고 도구와 구현 방법에 대해 알아봅니다.

코드 스플리팅의 개념과 필요성, 그리고 React와 Webpack에서의 구현 방법을 알아봅니다. 번들 크기 최적화를 통한 웹 성능 개선에 대해 다룹니다.

AI가 커뮤니티를 대체할 수 있을까? AI와 인간의 관계, 그리고 커뮤니티의 본질적인 가치에 대한 생각과 AI를 활용한 실험을 의식의 흐름에 따라 전개해 봅니다.

자바스크립트의 이벤트 루프와 렌더링 타이밍에 대해 자세히 알아봅니다. V8 엔진, 브라우저 API, 마이크로태스크, requestAnimationFrame 등의 키워드를 다룹니다.

AI를 활용하여 취업 준비를 하는 4가지 방법을 소개합니다. 가상 면접관, 맞춤형 봇, 기업 분석, 스케줄링 등 실제 취준 생활에 도움이 되는 AI 활용법을 정리했습니다.

CORS에 대한 기술면접 질문

Async와 Defer의 차이에 대한 기술면접 질문

http와 https의 차이에 대한 기술면접 질문

로컬스토리지, 세션스토리지, 쿠키의 차이에 대한 기술면접 대비

TDD의 도입이 어려웠던 개발자가 다시 테스트코드를 고민하면서, 신용카드 포맷팅 예시를 통해 테스트하기 좋은 코드의 특성과 TDD에 대한 생각을 공유합니다.

2024년에 작성한 코드를 주제별로 되돌아보고, 그 과정에서 AI를 어떻게 활용했는지를 이야기합니다.

나는 여러 차례 블로그를 만들고 운영한 경험이 있다. 그런데 이번에 새로운 블로그를 또 만들게 되었다. 기존 블로그를 운영하면서 느꼈던 한계점과 새로운 필요성을 정리하며, 이번 블로그 Flikary를 만든 이유를 돌아보고자 한다.

최근 애자일 기반 it기업에서 많이 활용되는 스쿼드, 챕터, 사일로 등 목적조직과 가능조직에서 사용되는 용어를 짚어보며 알아보고 정리합니다.

Github Actions를 활용하여 텍스트 파일을 기반으로 자동으로 이미지를 생성하는 방법에 대한 포스팅입니다.

테크버킷 블로그를 만들어, SEO를 최적화하고 애드센스를 통해 수익을 창출하게 된 이야기입니다. Google Slide 로 제공됩니다.

AI의 영향으로 사람의 글이 귀해진 시대에 대한 짧은 고찰입니다

React Native Reanimated의 기본 개념과 예제를 소개합니다. React Native Reanimated를 처음 사용하는 사람들을 위한 가이드입니다. React Reanimated는 React Native에서 고성능 애니메이션과 인터랙션을 구현하기 위한 라이브러리입니다. React Native Reanimated를 비롯하여 애니매이션 구현을 다루는 자료가 풍부하지 않기에 이 가이드를 작성하였습니다.

리액트와 Next.js에서 "hydrate"는 서버에서 렌더링된 HTML 마크업에 기반하여 클라이언트 측에서 자바스크립트 이벤트와 상태를 연결하는 과정을 말합니다. 이를 통해 초기 로딩 시 클라이언트에서 즉시 상호작용이 가능하고, 이후에는 일반적인 리액트 애플리케이션처럼 동작할 수 있습니다. 'next.js 프로젝트를 다루다 보면 'hydration failed because the initial ui does not match what was rendered on the server'와 같은 에러를 발견하게 됩니다. 이와 관련하여 react와 next.js에서 hydrate의 개념에 대해 좀 더 자세한 정리를 합니다.

OpenAI API를 사용시 한국어 문장을 사용하면 더 많은 비용이 나오게 됩니다. 이와 관련하여 토큰의 개념, 영어와 한글의 토큰 수 비교, Tokenizer에 대한 내용을 정리하였습니다.

맥에서 Github 인증을 위해 Personal Access Token을 발급받고 osx-keycahin에 추가하는 방법을 설명합니다.

대학교 마지막 학기를 마무리하며 남기는 회고 글입니다.

머신 러닝 교과서 with 파이썬, 사이킷런, 텐서플로(위키북스)를 읽은 뒤 진행하는 책 리뷰입니다.

삼성점자의 소프트웨어 역량 테스트 후기를 응시하고 나서 쓰는 후기 및 체크리스트입니다.

Processing을 사용하여 오디오에 반응하는 AudioVisual 영상을 만든 과정을 공유합니다.

Processing을 활용하여 음악에 반응하는 3D 큐브 시각화를 구현한 작업입니다. 음악의 주파수와 진폭에 따라 큐브의 형태와 색상이 실시간으로 변화합니다.

Processing을 활용한 2D 그리드 상의 인터랙티브 파티클 시스템 구현

Processing을 활용한 재귀적 패턴의 Generative Art 생성 프로젝트

Processing을 활용한 재귀적 패턴의 아크 드로잉 작업

Processing을 활용한 재귀적 분할 패턴 구현 연습

재귀적 코드를 활용한 패턴 제작 작업

마케팅에 대해 알아가는 중에, 스스로의 정체성에 대한 고민을 담은 일기입니다.

Processing의 Perlin Noise 함수를 활용하여 자연스러운 움직임과 패턴을 가진 그래픽 작품을 만드는 방법을 소개합니다. 1차원 Perlin Noise를 통해 다양한 시각적 효과를 구현하는 과정을 설명합니다.

Kinect 센서와 Processing, VDMX를 활용하여 실시간 인터랙티브 그림자 효과를 구현한 작품입니다. 사용자의 움직임을 추적하여 다양한 시각적 변주를 만들어내는 인터랙티브 작품을 소개합니다.

Processing을 사용하여 랜덤하게 사각형을 생성하고 이를 통해 독특한 시각적 패턴을 만드는 방법을 소개합니다. 랜덤 함수를 활용한 창의적인 패턴 생성 과정과 결과물을 설명합니다.

Openframeworks에서 Kinect와 Crea를 활용한 인터랙티브 작업

Capacitive sensor인 mpr121과, MIDI신호를 이용해서 터치 센서를 설계하려고 할때, 필요한 지식들을 몇 가지 정리해보았습니다.

ofxFlowTools에서 shader를 이용한 색상 조작 방법에 대해 설명합니다.

openCV의 optical fluid를 openframeworks에서 활용할 수 있는 애드온인 ofxFlowTools의 테스트 과정과 한계점을 정리한 글입니다.

생각을 더 자주, 더 가볍게 기록하기 위한 다짐

Kinect 센서를 활용하여 실시간으로 사람의 실루엣을 추적하고 시각화하는 예제를 테스트합니다.

아두이노를 이용하여 MIDI 신호를 출력하는 방법에 대해 알아봅니다.