Next JS
강좌소개
Next JS 프레임워크 웹디자인 Part.2 Flex 레이아웃 마스터 1
- 과정소개
- Next.js 환경에서 Flexbox의 기본 개념과 활용법을 중심으로 웹 레이아웃 설계를 배우는 과정입니다. 다양한 실습 예제를 통해 정렬, 배치, 공간 분할 등의 핵심 개념을 익히며 반응형 UI의 기초를 탄탄히 다집니다.
- 학습목표
- Flexbox의 구조와 속성을 이해하고, Next.js 컴포넌트에 적용해 효율적인 페이지 레이아웃을 구성할 수 있도록 합니다. 실무에서 활용 가능한 기본 Flex 레이아웃 패턴을 익히는 것을 목표로 합니다.
- 교육대상
- Next.js를 활용한 웹디자인 기초를 배우고 싶은 입문자 CSS Flexbox를 실무형으로 익히려는 프론트엔드 개발자 반응형 웹 레이아웃 설계에 관심 있는 웹디자이너 / 퍼블리셔
- 선수 과정
- Next JS 프레임워크 입문
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
- 사용프로그램 Next.JS Framework 15 Version
Visual Studio CODE, Latest Chrome Browser
- 강좌 기본설명
-
- 1.14개의 VOD로 구성되었습니다.
- 2. 교안받기
즐겨찾기
수강증 / 수료증
커리큘럼
차시
제목
수강여부
1
Flex Item 에서 사용하는 속성들
2
Flex Item 에서 사용하는 속성들 - 실습1
3
Flex Item 에서 사용하는 속성들 - 실습2
4
축약 형태로 사용하기
5
Flex 사용하여 네비게이션 메뉴 만들기 - 실습1
6
Flex 사용하여 네비게이션 메뉴 만들기 - 실습2
7
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습1
8
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습2 - CSS 모듈 처리
9
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습3 - 모바일 디자인 시작
10
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습4 - 모바일 디자인 마무리
11
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습5 - 토글 처리
12
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습6 - 마무리 및 테스트
13
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습7 - 기타 작업
14
Flex 사용하여 반응형 네비게이션 메뉴 만들기 - 실습8 - 모바일 가로 메뉴 스크롤 마무리
연관강좌
등록된 상품이 없습니다.
※ 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7