알림
안녕하세요.
이번 핸즈온랩 세미나는 웹 풀스택 개발 프레임워크인 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
최연우
안단희
최지현
권예나
안상환
이진
천원중
양파쿵야
s “sonice” w
권순길
민정일
김수진
김양우
eyesAus
sheldon
원유민
허성훈
링크프라이스개발팀
김동일
아침해
White Bong
지고
이수현
박현수
국현
배희진
김혜수
이경희
장준익
bbbb
정원준
김봉석
최기용
박찬웅
박태욱
Sunjin
배가영
최보람
Myongyop Lee
달라이즈
김승빈
Taesong Kim
moon
검은몽스
이혜경
노재성
