o5sy / react-blog

코딩애플 리액트 강의

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

리액트 블로그

리액트 기본 개념을 학습하기 위한 블로그 형태의 프로젝트 (코딩애플🍎 강의 수강)
글 목록을 주요 state로 갖으며, 읽기, 쓰기를 할 수 있다.

기능

  1. 게시글 작성(값 입력 후 저장 버튼 클릭 -> 목록에 추가)
  2. 게시글 보기(각 게시물 제목 클릭 -> 모달창 표시)
  3. 좋아요(각 게시물별 👍 버튼 클릭 시 카운트 증가)

학습한 개념

  1. JSX로 데이터 바인딩 하는 법
  2. 상태 변화에 따라 렌더링 해야되는 데이터는 변수가 아닌 state로 선언
  3. state 변경은 useState()[1]로 할 것(함수형 컴포넌트에 해당)
  4. JSX 내부에서 반복문, 조건문 사용하는 법
  5. 자식 컴포넌트에 state를 전달하는 props
  6. 클래스형 컴포넌트 사용법

실행

yarn start

About

코딩애플 리액트 강의


Languages

Language:JavaScript 45.8%Language:CSS 22.7%Language:SCSS 21.0%Language:HTML 10.6%