알림
안녕하세요.
이번 핸즈온랩 세미나는 웹 풀스택 개발 프레임워크인 Next.js의 React 프론트엔드 기술 기반으로
TypeScript와 Tailwind CSSFramework를 사용해 간단한 블로깅 웹사이트를 개발하는 핸즈온랩 무료 기술 세미나를
총 2회차로 나눠 진행 예정입니다.
리액트 컴포넌트 기초 학습과 주요 리액트 훅 그리고 ContextAPI 를 기반으로 한 전역정보관리 방법까지
리액트/Next.js, TypeScript와 Next.js API 라우팅(백엔드RESTful)을 기반으로 결과물 중심 빠르게 프론트엔드 개발을 함께
경험해보도록 하겠습니다.
TypeScript와 Tailwind CSSFramework를 사용해 간단한 블로깅 웹사이트를 개발하는 핸즈온랩 무료 기술 세미나를
총 2회차로 나눠 진행 예정입니다.
리액트 컴포넌트 기초 학습과 주요 리액트 훅 그리고 ContextAPI 를 기반으로 한 전역정보관리 방법까지
리액트/Next.js, TypeScript와 Next.js API 라우팅(백엔드RESTful)을 기반으로 결과물 중심 빠르게 프론트엔드 개발을 함께
경험해보도록 하겠습니다.
1) 행사 일정
-일시: 2024-09-29(일요일) 오후1시 ~ 오후6시(5시간) : 1회차
-진행방식: 온라인 화상진행
-참여자: 50명(선착순 등록)
-행사신청: 믹스드코드 이벤트 링크
2) 참여대상
-웹 프론트엔드 개발자,백엔드 개발자
-초보 개발자, 개발을 준비하시는분
-웹프론트엔드 개발에 관심있는 분들
-웹프론트엔드 개발에 관심있는 분들
-JavaScript에서 TypeScript 개발자로 변화를 꿈꾸는 사람들
3) 세부 행사 일정 및 내용
1회차 세션 : 2024-09-29(일요일) 오후1시 ~ 오후6시(5시간)
1회차 세션 : 2024-09-29(일요일) 오후1시 ~ 오후6시(5시간)
Session1) Next.js 프론트엔드 개발환경 준비하기 :1시간
-Node Framework 설치하기
-VSCode 개발툴 설치하기
-Next.js 프로젝트 만들기
-TypeScript 기초 학습 진행
Session2) 컴포넌트 기반 화면 구성하기 : 1시간
- 컴포넌트 기반 데이터 다루기 Props
- 컴포넌트 기반 데이터 다루기 Props
- 계층형 컴포넌트 구조에서의 데이터 다루기
- useState 훅 기반 컴포넌트 데이터 다루기
- Tailwind Utility Class 사용해보기(개념위주)
- Tailwind 기반 주요 화면(템플릿제공) 구성하기
- Tailwind Utility Class 사용해보기(개념위주)
- Tailwind 기반 주요 화면(템플릿제공) 구성하기
Session3) 레이아웃 구성 및 라우팅 다루기 : 1시간
- 컴포넌트 레이아웃 구성하기
- 컴포넌트 레이아웃 구성하기
- 파일시스템 기반 라우팅 다루기
- Tailwind 기반 주요 화면 구성하기
- Tailwind 기반 주요 화면 구성하기
Session4) 기초 Data Fetching : 1시간
- 블로깅 데이터 처리하기 : Fetch API 다루기
- 게시글 등록/목록/수정/삭제 처리 구현
- Next.js 샘플용 Backend RESTful API 구현하기
2회차 세션 : 10 월중 진행예정-5시간예정
Session5) 전역 데이터 기반 인증과 권한 구현하기 : 2시간
- 회원가입 기능 구현하기 : Fetch API 다루기
- 로그인 기능 구현하기
- ContextAPI 기반 전역상태 관리하기
Session6) Next.js Rendering기법 사용하기 : 2시간
- CSR(Client Side Rendering)
- SSR(Server Side Rendering)
- SSG(Static Site Generation)
- ISR(Incremental Static Regeneration)
Session7) 검색엔진 최적화하기(SEO) : 1시간
-검색엔진 최적화 소개
-SSR기반 검색엔진 최적화 적용 하기
- 블로깅 데이터 처리하기 : Fetch API 다루기
- 게시글 등록/목록/수정/삭제 처리 구현
- Next.js 샘플용 Backend RESTful API 구현하기
2회차 세션 : 10 월중 진행예정-5시간예정
Session5) 전역 데이터 기반 인증과 권한 구현하기 : 2시간
- 회원가입 기능 구현하기 : Fetch API 다루기
- 로그인 기능 구현하기
- ContextAPI 기반 전역상태 관리하기
Session6) Next.js Rendering기법 사용하기 : 2시간
- CSR(Client Side Rendering)
- SSR(Server Side Rendering)
- SSG(Static Site Generation)
- ISR(Incremental Static Regeneration)
Session7) 검색엔진 최적화하기(SEO) : 1시간
-검색엔진 최적화 소개
-SSR기반 검색엔진 최적화 적용 하기
4) 사전준비사항
- 개발용 노트북/데스크탑 준비 -필수
- 컴퓨터에 VSCode 개발툴 설치 -필수
- 컴퓨터에 Node Framework 설치-필수
5) 문의 및 연락처
-비영리 IT교육 단체 지니공공아카데미(https://jiny.academy)
-강사 : 강창훈 (NaverCloudMaster)
-연락처: eddy@msoftware.co.kr 010-2760-5246
행사 관련 문의는 행사 신청 페이지 댓글 또는 위 연락처로 문의주시면
친절히 안내해드리겠습니다.
감사합니다.
호스트 정보
신청자 목록
yooooj
최연우
진주
안단희
최지현
권예나
안상환
이진
천원중
양파쿵야
