코스 개요

소개

  • 알파인 JS 개요
  • Alpine JS 지시문이란 무엇입니까?

시작하기

  • 현대 웹 디자인에서 Alpine JS의 역할 이해
  • Alpine JS 사용 방법 및 본격적인 웹 프레임워크 사용 시기 학습
  • 알파인 JS 설치
  • Alpine JS 프로그램 만들기

AlpineJ 사용

  • Alpine.data로 데이터 객체 재사용
  • 전역 데이터 저장소 선언: Alpine.store

Alpine JS 지시어

  • 웹사이트 데이터 선언: x-data
  • 토글 추가: x-show
  • x-on을 사용한 맞춤 이벤트 및 이벤트 수정자
  • 동적 HTML 속성 설정: x-bind
  • x-bind를 사용한 고급 속성 바인딩
  • 양식 요소에 데이터 바인딩: x-모델
  • 요소의 내용 설정: x-text 및 x-HTML

Alpine JS 구성 요소 초기화

  • 요소 초기화 시 코드 실행: x-init
  • 종속성 변경에 응답: x-효과
  • 키별 참조 요소: x-ref

문제 해결

요약 및 다음 단계

요건

  • 웹 프레임워크에 대한 기본 이해
  • 웹 디자인을 위한 기본 코딩 경험
  • Java스크립트 프로그래밍 경험

청중

  • 개발자
 14 시간

참가자 수


참가자당 가격

오픈 트레이닝 코스는 5명 이상의 참가자가 필요합니다.

회원 평가 (5)

Trainor는 실제로 많은 도움이 되는 더 많은 샘플을 제공합니다.

Romulo - Tribal Software Philippines, Inc.
코스 - Advanced TypeScript

기계 번역됨

The training has good content and easy to follow

David Phetole Leshabela - Vodacom SA
코스 - React with Next.js

Simplification of new complex techniques

Brian Zaranyika - Vodacom SA
코스 - React Native Expo

The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.

Lakshmipriya Sivakumar - Deque Systems Inc
코스 - Spring Boot, React, and Redux

The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.

Adrian Borrmann - CBC/Radio-Canada
코스 - Advanced Vue.js

예정된 코스

고급 Alpine JS

2025-11-17 10:00
14 시간
Seoul - Gran Seoul
₩ 5000000 (온라인)
₩ 10000000 (강의실)

고급 Alpine JS

2025-12-01 10:00
14 시간
Seoul Center 1
₩ 5000000 (온라인)
₩ 10000000 (강의실)

고급 Alpine JS

2025-12-15 10:00
14 시간
Jungang-Dong Center
₩ 5000000 (온라인)
₩ 10000000 (강의실)

고급 Alpine JS

2025-12-29 10:00
14 시간
Seoul - Gran Seoul
₩ 5000000 (온라인)
₩ 10000000 (강의실)

고급 Alpine JS

2026-01-12 10:00
14 시간
Seoul Center 1
₩ 5000000 (온라인)
₩ 10000000 (강의실)

고급 Alpine JS

2026-01-26 10:00
14 시간
Jungang-Dong Center
₩ 5000000 (온라인)
₩ 10000000 (강의실)

관련 코스

고급 TypeScript

7 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 TypeScript의 고급 기능을 사용하여 JavaScript 애플리케이션을 만들고 구축하려는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • TypeScript 및 Node.js 애플리케이션 개발을 시작하는 데 필요한 개발 환경을 설정합니다.
  • Typescript의 고급 기능을 활용하여 오류를 줄이고 깔끔하고 표현력이 풍부한 코드를 작성하세요.
  • TypeScript를 사용하여 Webpack을 구성하고 사용하여 복잡한 프런트 엔드 UI를 구축합니다.
  • 사용자 정의 데이터 유형(Union, Intersection, Tuple 유형 등)을 사용하여 기존 일반 유형을 확장합니다.
  • 오류 처리 및 응답 유효성 검사를 위한 비동기 코드 패턴 및 API를 구현합니다.
  • TypeScript 및 Node.js 애플리케이션을 프로덕션 환경(AWS EC2, Heroku 등)에 배포합니다.
더 읽기...

고급 Vue.js

14 시간

대한민국(온라인 또는 현장)에서 진행되는 이 강사 주도 라이브 교육은 더 간단하고 유연하며 유지 관리가 더 쉬운 고급 구성 요소를 만들고자 하는 Vue JS 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 유지 관리가 가능하고 탄력적인 VueJS 코드를 작성하세요.
  • 이식 가능하고 재사용 가능한 애플리케이션 로직을 작성하세요.
  • 불필요한 복잡성을 피하면서 맞춤형 구성 요소와 위젯을 만드세요.
더 읽기...

Next.js 14 고급 개발

21 시간

대한민국(온라인 또는 현장)에서 진행되는 이 강사가 진행하는 라이브 교육은 Next.js 14의 발전을 탐색하고 커팅을 구축하기 위한 지식을 얻고자 하는 중급 및 고급 수준의 웹 개발자 및 기술 설계자를 대상으로 합니다. 엣지 웹 애플리케이션.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 복잡한 애플리케이션을 구축하기 위해 Next.js 14의 잠재력을 최대한 활용하세요.
  • 미들웨어, React 서버 구성요소, 엣지 기능 등 최신 기능을 활용하세요.
  • 성능, 확장성 및 SEO에 대한 모범 사례를 구현합니다.
  • Next.js 애플리케이션의 일반적인 문제를 효과적으로 해결하세요.
더 읽기...

Next.js 14 - 고급

 21 시간

대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 Next.js 14의 최신 기능을 마스터하고 성능을 최적화하며 최신 React 기술을 구현하려는 고급 개발자를 대상으로 합니다.

이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.

  • 고급 React 후크 및 동시 기능을 구현합니다.
  • Next.js 라우팅 전략을 효과적으로 이해하고 활용하세요.
  • 서버 구성요소, 서버 액션 및 하이브리드 렌더링 방식을 활용합니다.
  • 데이터 가져오기, 캐싱 및 증분적 정적 재생성을 최적화합니다.
  • Edge Functions 및 Edge Runtime과 함께 백엔드 솔루션으로 Next.js을 사용하세요.
  • React 컨텍스트, Redux 및 원자 상태 라이브러리를 사용하여 상태를 관리합니다.
  • 웹 코어 바이탈을 위해 애플리케이션 성능을 최적화합니다.
  • Next.js 애플리케이션을 효율적으로 테스트, 모니터링 및 배포합니다.
더 읽기...

인터랙티브 애플리케이션을 React, Redux 및 GraphQL로 구축하기

 28 시간

이 강사가 진행하는 대한민국 실시간 교육에서 참가자는 Flux 및 GraphQL을 사용하여 React 애플리케이션을 구축하는 방법을 배웁니다. 이 과정에서는 설치, 설정, 통합, 테스트, 배포 및 모범 사례를 다루며 참가자들에게 최첨단 툴킷을 사용하여 응용 프로그램에 복잡성과 "멋짐"을 추가하는 방법을 보여주는 일련의 샘플 응용 프로그램을 만드는 과정을 안내합니다. 기법.

React을 사용하여 애플리케이션을 개발하려면 일부 개발자에게 익숙한 것과는 다른 종류의 사고가 필요합니다. 특히 AngularJS 및 Bootstrap과 같은 다른 MVC 프레임워크의 사고방식에서 비롯된 경우 더욱 그렇습니다. 이 교육에서는 각 단계에서 사용되는 기술의 기본 사항을 다루므로 참가자는 기능적 애플리케이션을 구축할 수 있을 뿐만 아니라 특정 접근 방식이 사용되는 이유도 이해할 수 있습니다. 이는 미래에 자체 애플리케이션을 구축하기 위해 디자인과 원하는 결과에 대해 독립적이고 창의적으로 생각할 수 있는 토대를 마련합니다.

더 읽기...

리액트 네이티브 for iOS 및 Android

21 시간

강사가 진행하는 이 대한민국 실시간 교육에서 참가자는 Android 및 iOS용 모바일 애플리케이션을 직접 개발하면서 React Native의 원칙과 접근 방식을 배웁니다.

더 읽기...

React Native Expo

7 시간

강사가 진행하는 대한민국 라이브 교육에서 참가자들은 토론과 실습을 통해 React Native Expo 사용 방법을 배웁니다. 과정이 끝나면 참가자는 React Native Expo를 사용하여 자신만의 React 네이티브 애플리케이션을 만들고 배포할 수 있는 능력을 갖추게 됩니다.

더 읽기...

리액트 네이티브 포 웹

 21 시간

React Native는 모바일 앱을 개발하기 위한 오픈 소스, 크로스 플랫폼 개발 프레임워크입니다. 페이스북에서 개발한 이 프레임워크는 Android와 iOS에서 앱에 대한 네이티브 같은 사용자 경험을 제공할 수 있게 합니다. React Native for Web은 React Native의 플랫폼 독립적인 구성 요소와 API를 웹 앱 개발에 활용할 수 있게 합니다.

React Native는 JavaScript와 React (또는 React.js 또는 ReactJS) 라이브러리를 기반으로 일관된 개발자 경험을 제공하며, 모든 플랫폼에서 개발자 효율성을 극대화하여 빠르게 개발할 수 있도록 지원합니다 - 한 번 배우면 어디서든 작성할 수 있습니다.

이 강사 주도형 실습 수업에서 참가자들은 React Native for Web의 기본 원리를 학습하게 됩니다.

수업 종료 시 참가자들은 다음과 같은 능력을 갖게 됩니다:

  • React Native 개발 도구를 설치 및 설정하는 방법
  • React Native for Web의 기본 원리를 이해하는 방법
  • React Native for Web을 사용하여 iOS, Android, 웹에 호환되는 애플리케이션을 구축, 테스트, 배포, 문제 해결하는 방법

대상

  • 웹 개발자
  • 모바일 애플리케이션 개발자

수업 형식

  • 강의와 토론, 연습 문제, 그리고 실습 위주로 구성됩니다

참고

  • 이 수업의 맞춤형 교육을 요청하려면, 교육을 안내하기 위해 문의하세요
더 읽기...

React와 Next.js

14 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 Next.js를 사용하여 React 애플리케이션을 만들려는 웹 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • Next.js에서 서버 측 웹 애플리케이션과 정적 사이트를 개발하세요.
  • MongoDB으로 데이터를 처리하고 저장합니다.
  • AuthO 인증으로 웹 애플리케이션을 보호합니다.
더 읽기...

React, Redux 및 TypeScript

 21 시간

React는 JavaScript와 HTML을 사용하여 단일 페이지 애플리케이션을 만들기 위해 널리 사용되는 라이브러리입니다. Facebook, Instagram, Netflix, New York Times와 같은 회사에서 사용하고 있습니다.

이 강좌는 React와 같은 다른 라이브러리(Angular, Vue.js 포함) 및 기술(Redux, React-Router 포함)의 기초를 소개하며, React의 특정 사항을 강조합니다. 또한 React와 함께 일반적으로 사용되는 기술에 대해 다루겠습니다.

이 강좌를 마친 후, 참가자들은 React를 사용하여 다양한 복잡도의 애플리케이션을 작성할 수 있으며, 이를 통해 최상의 결과를 얻을 수 있습니다.

더 읽기...

Spring Boot, React, and Redux

 14 시간

대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Spring Boot, React, and Redux을 사용하여 기능적인 프런트엔드 및 백엔드 웹 애플리케이션을 구축하려는 웹 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • React와 Redux를 사용하여 프런트엔드 애플리케이션을 구축하세요.
  • Spring Boot을 사용하여 RESTful API를 만듭니다.
  • Spring 보안과 JWT 웹 토큰을 사용하여 웹 서비스를 보호하세요.
더 읽기...

타입스크립트

 7 시간

대한민국에서 진행되는 이 강사 주도 라이브 교육에서는 TypeScript의 주요 기능을 소개하고 참가자에게 실제 JavaScript 애플리케이션 구축 과정을 안내합니다.

더 읽기...

JavaScript와 TypeScript 그리고 풀스택 개발

35 시간

JavaScript은 웹, 모바일 및 데스크톱 개발에서 널리 사용되는 동적 고수준 프로그래밍 언어입니다. 현대 프레임워크와 TypeScript의 부상으로 인해 JavaScript은 현대 도구와 관행을 사용하여 풀스택 애플리케이션 개발의 중요한 기반이 되었습니다.

이 강사는 초급 개발자부터 중급 개발자까지 JavaScript, TypeScript 및 풀스택 개발을 마스터하고자 하는 분들을 대상으로 하는 오프라인 또는 온라인 라이브 강의입니다.

이 강의를 통해 참가자는 다음을 할 수 있습니다:

  • 정확하고 현대적인 JavaScript 및 TypeScript 코드를 작성합니다.
  • React를 사용하여 상호작용하는 프론트엔드 애플리케이션을 개발합니다.
  • Node.js 및 Express를 사용하여 확장 가능한 백엔드 API를 개발합니다.
  • Electron을 사용하여 데스크톱 애플리케이션을 생성합니다.
  • 풀스택 애플리케이션을 테스트, 문서화 및 배포합니다.

강의 형식

  • 대화형 강의 및 토론
  • 수많은 연습과 실습
  • 라이브 랩 환경에서 직접 구현

강의 맞춤화 옵션

  • 이 강의의 맞춤형 교육을 요청하려면, 연락 주세요.
더 읽기...

Vue.js

21 시간

강사가 진행하는 이 라이브 교육(온라인 또는 현장)에서 참가자는 Vue JS의 점진적으로 채택 가능한 아키텍처를 활용하여 복잡한 단일 페이지 애플리케이션(SPA)을 구축하는 방법을 배웁니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • 조건부로 데이터를 처리하고 렌더링하는 웹앱을 구축하세요.
  • 사용자 이벤트에 효율적으로 반응하는 대화형 웹 앱을 디자인합니다.
  • 모듈식이며 재사용 가능한 코드를 작성하세요.
  • 완전한 단일 페이지 애플리케이션으로 보기를 점진적으로 진행합니다.
  • VueJS를 기존 웹페이지에 통합합니다.
  • Vue의 생태계를 사용하여 프레임워크의 기능을 확장하세요.
더 읽기...

Vuetify.js

14 시간

대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Vuetify.js을 사용하여 단일 페이지 애플리케이션을 위한 아름다운 인터페이스를 구축하려는 개발자를 대상으로 합니다.

이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.

  • Vuetify.js을 설치하고 구성합니다.
  • 머티리얼 디자인의 원리를 이해하세요.
  • Vue.js 및 Vuetify.js을 사용하여 고급 UI가 포함된 단일 페이지 애플리케이션을 만듭니다.
더 읽기...

관련 카테고리

JavaScript
JavaScript