프론트엔드 스쿨 6기

이전에 수강했던 국비지원 강의에 만족하지 못하고수료 후 독학을 하면서 눈앞이 캄캄해질 때 찾은 멋쟁이 사자처럼 프론트엔드 스쿨 6기배움을 통해 성장해 나가길 바라며앞으로 4개월간 매일 회고록을 남기도록 하겠습니다.🫡

문서의 골격 확인하고 HTML 작성하기

Git과 CLI 명령어 학습

웹표준과 웹접근성 & 원격 저장소 clone과 branch 생성과 병합

HTML 기본 구조 학습

HTML 기본 구조 학습 2

HTML 기본 구조 3 & CSS 기본 문법 및 다양한 속성 학습

CSS 다양한 속성 학습 2

CSS 다양한 속성 학습 3 & Box model과 float

CSS 다양한 속성 학습 4 & Position

CSS 다양한 속성 학습 5 & Flex box

CSS 다양한 속성 학습 6 & animation 속성 & git degit

네이버 로그인 페이지 구현

CSS 다양한 속성 학습 7 & Grid box

CSS 다양한 속성 학습 8 & 반응형 비디오, sprite 이미지

CSS 다양한 속성 학습 9 & 말줄임 표시하기

Sass 설치 및 사용

Sass를 활용한 반응형 웹 페이지 제작

Sass를 활용한 반응형 웹 페이지 제작 2

tailwindcss 설정하고 사용하기

타잉 (티빙 클론) HTML/CSS 프로젝트 6/23 ~ 28

자바스크립트 기초

유닉스 쉘 명령어 & BOM

자바스크립트 연결 & Formatting Linting & npm npx

자바스크립트 변수와 상수 & use strict & 오래된 var & 데이터 타입

자바스크립트 타입 변환 & 연산자

자바스크립트 조건문과 반복문

자바스크립트 함수

자바스크립트 this & 객체

자바스크립트 가비지 컬렉션 & 프로토타입

React 함수형 프로그래밍

React 객체 지향 프로그래밍 & 함수형 프로그래밍 & 웹 컴포넌트 (커스텀 이벤트)

React 컴포넌트 만들기

React 조건부 렌더링 & 리스트 렌더링

React 순환 후 렌더링 & 이벤트 핸들링

React Pure function & Local Mutation & Side Effect & useState

React 데이터 타입 별 상태 관리 방법

React 스냅샷 & useEffect (데이터 가져오기)

React Custom hook을 사용한 재사용 훅 & React router

React Router 동적 라우팅(Dynamic Routing) & CRUD

React PocketBase CRUD & Form State & PocketBase 인증

React 컴포넌트 간 상태 공유 및 DOM 접근/조작 & PocketBase 인증과 파일 업로드

React useRef 컴포넌트 간 상태 공유 및 DOM 접근/조작 & 명령형 애니메이션 라이브러리(GSAP) & 선언형 애니메이션 라이브러리(Framer Motion) & react-hot-toast

React 컴포넌트 속성(props) 검사 & useStorage 커스텀 훅 인증 유지 (Persist Authentication) & 파일 업로드