profile
노력하는 성장형 프론트엔드 지망생

Post Css 기본사용법

기본적으로 PostCss는 리액트 프로젝트 생성일때 자동으로 설치된다.css 파일을 만들때.test.css 일경우test.module.css 이런식으로 파일이름에 모듈을 넣는다.적용시 방법.Button.js 컴포넌트 파일.임포트 해서 연결css 파일 내용.사용시 사용방

2022년 4월 1일
·
0개의 댓글
·

[React]Habit Tracker 리액트 훅을 사용한 제작법

드림코딩 엘리 리액트 Habit Tracker의 리액트 최신버전으로 훅을이용하여 제작 하는코드지만 구조를 잘못짜서 데이터를 받아오는게 꼬였지만 useEffect를 이용해서 제작하였다.app.jsapp.js 에서 훅을 사용하려했지만 app에서는 훅을 사용하지않는걸 권장한

2022년 3월 23일
·
0개의 댓글
·

Zustand 기본 사용방법 (리덕스보다 쉽다.)

기본 설치 방법.파일저장소 생성가져오기아무 컴포넌트에서나 사용가능저장소안에 두번째 저장소 만드는법.디버깅툴 사용법임포트 후에 create 를 devtools로 감싸주기

2022년 3월 18일
·
0개의 댓글
·

리액트 기초 / 터미널 명령어

리액트는 사용자정의 태그를 만드는 본질이다.(컴포넌트를 이야기하는것)npx create-react-app 프로젝트이름 .점 하나만 적을시 그폴더에 만듬.npm run build 배포용 파일로 변환 시킨다.npx serve -s build배포용 파일 index 파일을 서

2022년 3월 17일
·
0개의 댓글
·
post-thumbnail

react-redux 의 createAction, createReducer, createSlice 사용법

createAction(링크)공식문서 세부설명 자료(링크)좀더 자세한 다른분의 최신 설명 자료 링크(클릭)import { createAction } from '@reduxjs/toolkit'; 기존함수createAction을 이용한 변경된 코드액션 함수를 지우고 간결화

2022년 3월 13일
·
0개의 댓글
·

react-redux 로 ToDo List 만들기 (routes 사용

좀더 쉽게 그리고 코드를 최소로 쓰려고 노력했다 그리고 엄청 쉬운해결법을 두고 3일동안이나 못찾아서 스트레를 받았었지만 풀고나서 속시원한 작업이었다.

2022년 3월 11일
·
0개의 댓글
·