Next JS
강좌소개
Next JS 프레임워크 웹디자인 Part.1 App Router 레이아웃(CSS)
- 과정소개
- Next.js의 App Router 기반 웹디자인 실습 과정으로, 최신 프론트엔드 트렌드에 맞춰 페이지 구조와 레이아웃 설계, CSS 모듈을 통한 스타일링을 학습합니다. 실무 예제를 통해 반응형 UI 구현 능력을 향상시키는 과정입니다.
- 학습목표
- Next.js App Router의 구조와 동작 원리를 이해하고, 효율적인 페이지 설계와 CSS 레이아웃 구성 능력을 습득합니다. 실제 프로젝트 수준의 디자인 구현을 목표로 실습 중심 학습을 진행합니다.
- 교육대상
- 웹디자인 또는 프론트엔드 개발에 관심 있는 입문자 React 혹은 Next.js를 활용한 프로젝트를 준비하는 학습자 실무형 반응형 웹디자인 역량을 강화하고자 하는 디자이너 / 개발자
- 선수 과정
- Next JS 프레임워크 입문
- 참고사항
- - 수강 기간 중 언제든지 반복 수강이 가능합니다.
- - 수강 여부 : 해당 차시의 80%를 수강하면 (회색) 배경으로 표시됩니다.
- - 수강 신청 완료 후 수강할 수 있습니다.
- - 즐겨찾기 한 강좌는 MY Class에서 확인할 수 있습니다.
- 사용프로그램 Next.JS Framework 15 Version
Visual Studio CODE, Latest Chrome Browser
- 강좌 기본설명
-
- 1.11개의 VOD로 구성되었습니다.
- 2. 교안받기
즐겨찾기
수강증 / 수료증
커리큘럼
차시
제목
수강여부
1
앱 라우터 레이아웃 만들기1
2
앱 라우터 레이아웃 만들기2
3
앱 라우터 레이아웃 만들기3 - 투명 경로
4
라우트 그룹(Route Groups) 사용 시 얻는 이점
5
CSS 모듈 만들기
6
CSS 레이아웃 flex(1) - 개념
7
CSS 레이아웃 flex(2) - direction 방향
8
CSS 레이아웃 flex(3) - item 정렬 justify-content
9
CSS 레이아웃 flex(4) - item 정렬 align-items
10
CSS 레이아웃 flex(5) - align-content
11
CSS 레이아웃 flex(6) - Flex Container 관련 알아야 하는 속성들
연관강좌
등록된 상품이 없습니다.
※ 강좌 관련 문의입니다. 질문은 1:1문의 게시판에 남겨주세요.
1 / 7