매일 배우며, 한 걸음씩 나아가기

HTML, CSS, React를 사용한 인터페이스 생성, Node.js, MongoDB를 사용한 백엔드 개발, 데이터베이스 관리 및 DevOps 도구를 사용한 배포 등 많은 다른 기술을 포함한 풀스택 웹 개발 교육.

Debian, Kali 및 기타 Linux 기반 시스템에서 Linux 환경을 사용자 정의하는 기술, 소프트웨어 구성, 시스템 설정 및 성능 및 보안 최적화를 포함합니다.

이 과정에서 TresJS를 사용하여 Vue 애플리케이션에 3D 환경을 통합하는 방법을 배웠고, 환경 설정, 기하학, 조명, 그림자 및 애니메이션 생성, 고급 텍스처 및 상호 작용 적용을 이해했습니다. 또한 웹용 3D 프로젝트의 최적화 및 성능에 대한 지식을 습득했습니다.

이 과정에서 TypeScript의 유틸리티 타입을 깊이 배웠고, Partial, Required, Omit, Pick, Readonly 및 기타 고급 타입과 같은 도구를 사용하여 더 유연하고 안전하며 유지 관리 가능한 코드를 작성하는 방법을 배웠습니다. 또한 Exclude, Extract, ReturnType, Parameters, NonNullable 및 Awaited와 같은 유틸리티로 작업하여 실제 프로젝트에서 타이핑을 최적화하기 위한 실용적인 사례에 적용했습니다.

이 과정에서 JavaScript(ES2023 및 ES2024)의 최신 기능을 배웠고, 배열, 객체 및 세트에 대한 새로운 메서드, 프로미스 처리 및 논리 연산자의 개선 사항을 포함했습니다. 또한 코드를 최적화하고 더 읽기 쉽게 만드는 기술을 습득하여 현대 프로젝트에 최신 언어 기능을 적용했습니다.

이 과정에서 CSS Grid를 사용하여 현대적이고 적응 가능한 웹 디자인을 만드는 것을 깊이 배웠고, 기초부터 고급 기술까지 이해를 강화했습니다. 단위, 제어 도구 및 정렬 속성을 탐구하여 구조화되고 반응형 레이아웃을 더 효율적으로 구축하기 위해 적용했습니다.

이 과정에서 HTML을 사용하여 명확하고 의미론적이며 접근 가능한 웹 페이지를 구조화하는 것을 깊이 배웠고, 태그, 속성 및 구조의 적절한 사용을 강화했습니다. 또한 의미론적 HTML, 접근성, 양식 및 SEO 모범 사례의 측면을 검토하여 더 고급 프로젝트에서 깨끗하고 일관된 구문을 적용했습니다.

이 과정에서 Tailwind CSS를 사용하여 현대적이고 빠르며 완전히 반응형인 인터페이스를 개발하는 것을 깊이 배웠고, 유틸리티 클래스 시스템, 프레임워크 구성 및 사용자 정의, Flexbox, Grid 및 적응형 레이아웃 사용에 대한 이해를 강화했습니다. 또한 최적화 모범 사례와 일관되고 효율적인 디자인으로 재사용 가능한 구성 요소를 만드는 것을 검토했습니다.

이 과정에서 Model Context Protocols (MCP)를 생성하고 통합하여 언어 모델을 API, 데이터베이스 및 외부 서비스에 연결하는 방법을 배웠고, Anthropic/Claude 생태계 내에서의 아키텍처와 목적을 이해했습니다. 또한 MCP 서버 구성, VSCode에서의 사용 및 Playwright를 사용한 테스트 자동화에 참여하여 LLM과 외부 시스템 간의 통신을 표준화하기 위한 모범 사례를 적용했습니다.

이 과정에서 Promise를 사용하여 JavaScript에서 비동기 작업을 하는 것을 깊이 배웠고, 구문, 체이닝 및 then, catch, finally를 사용한 오류 처리에 대한 이해를 강화했습니다. 또한 Promise.all 및 Promise.race와 같은 고급 메서드를 검토하고 async/await와의 결합으로 더 깨끗하고 효율적이며 유지 관리 가능한 코드를 작성했습니다.

이 과정에서 개발자의 관점에서 Figma를 깊이 배웠고, 인터페이스 디자인 및 프로젝트 조직의 기본 원칙을 이해했습니다. 구성 요소, 변수, 디자인 모드 및 프로토타이핑으로 작업하여 디자인 팀과의 협업을 개선했습니다. 또한 플러그인 및 DevMode를 통해 Figma를 개발 워크플로우에 통합하는 방법을 배워 디자인에서 코드로의 전환을 최적화했습니다.

이 과정에서 고도로 자율적인 코딩 어시스턴트인 Claude Code 사용을 깊이 배웠고, 복잡한 프로젝트를 효율적으로 작업하기 위한 베스트 프랙티스를 학습했습니다. Claude에게 명확한 컨텍스트를 제공하는 방법, 여러 인스턴스를 병렬로 조정하는 방법, MCP 서버와 GitHub를 통합하는 방법, 그리고 그 계획, 메모리 및 병렬 세션 기능을 적용하는 방법을 검토했습니다. 과정에는 RAG 챗봇, Jupyter에서의 데이터 분석, Figma로부터 비주얼 인터페이스 생성과 같은 실제 예제가 포함되어 Claude Code로 개발 워크플로우를 최적화, 리팩토링 및 자동화하는 방법을 보여주었습니다.

CSS 애니메이션을 처음부터 마스터하는 데 초점을 맞춘 과정으로, JavaScript 없이 전환, 효과 및 유동적인 움직임을 만드는 방법을 배웁니다. 키프레임 사용, 타이밍 제어, 최적화 및 스크롤 애니메이션을 포함하여 매력적이고 효율적인 시각적 결과를 얻습니다.

CSS를 배우기 위한 완벽한 과정으로, 좋은 관행과 실제 예제로 웹 페이지에 스타일을 지정하는 방법을 이해합니다. 언어의 기초부터 포지셔닝 및 Flexbox와 같은 고급 주제까지 다루며 현대적이고 잘 구조화된 디자인을 만듭니다.

WordPress로 완전한 웹사이트를 만들고 사용자 지정하는 방법을 배운 고급 과정으로, 설치 및 구성부터 사용자 지정 템플릿 및 플러그인 개발까지 다룹니다. Elementor 및 Gutenberg 사용, WooCommerce 통합, SEO 최적화 및 보안 및 성능 개선이 포함됩니다.

WordPress와 Elementor를 사용하여 전문적인 웹사이트를 만들고 디자인하는 방법을 배우는 교육 과정으로, 도메인 및 호스팅 설정부터 무료 및 PRO 버전의 고급 위젯과 기능 활용까지 다룹니다.

Angular 19와 TensorFlow.js를 사용하여 실시간 객체 감지 PWA를 개발하는 방법을 배운 실용 과정입니다. PWA 설정, 객체 감지를 위한 TensorFlow.js 통합, 실시간 이미지 캡처 및 처리, Web Workers 및 Lazy Loading을 통한 최적화, IndexedDB를 사용한 오프라인 저장소 및 모바일 기기 배포가 포함됩니다.

영어 면접 교육 과정으로, 나의 경력 구조화, 의사소통 및 발음 향상, AI, 문화 적합, 라이브 코딩 등 다양한 면접 유형을 자신 있게 수행하는 방법에 초점을 맞추며 THINK 방법론을 적용합니다.

이 과정에서 저는 GSAP를 깊이 있게 학습하며, 타임라인, 중첩 애니메이션, 플러그인 사용을 탐구하고 실제 웹사이트 기반 예제를 통해 복잡하고 조정된 동적 웹 애니메이션을 만드는 방법을 이해했습니다.