React : 리덕스로 todolist만들기

0. export default 와 export 차이점 (1) export default 1) 하나의 모듈에서 단 하나의 default 2) import 할때, {중괄호}없이 직접 지정 가능 3) 주요 또는 가장 중요한 기능이나 컴포넌트 보낼때 사용 * export default Home * import Home from './pages' (2) export 1) 하나의 모듈에서 여러개의 named export 가능 2) import할때 {중괄호}에 명시해야함 3) 여러 기능이나 컴포넌트를 하나의 모듈에서 보낼때 사용 * export const myFunction = ()=>{} * import {myFunction} from './pages' 1. 리덕스 설정 (3가지) (1) [Redux - Conf..

• format_list_bulleted React
• · 2023. 11. 25.
• textsms

#05 리액트를 사용한 팬레터 웹사이트 개발 : 상세화면 UI 구현 및 공통 컴포넌트 & 공통 함수 적용

#04 리액트를 사용한 팬레터 웹사이트 개발 ▼: 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 제한 방법▼ React#04 리액트를 사용한 팬레터 웹사이트 개발 : 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 #03 리액트를 사용한 팬레터 웹사이트 개발 ▼: DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기 ▼ #03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 홈화면 팬레터 클릭시 상세페이지로 이동 (useNavigate 사용) 상세화면 UI 구현 공통 컴포넌트 적용 + 조건부 스타일 공통 함수 적용 홈버튼 (Link ..

• format_list_bulleted React
• · 2023. 11. 20.
• textsms

#04 리액트를 사용한 팬레터 웹사이트 개발 : 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 제한 방법

#03 리액트를 사용한 팬레터 웹사이트 개발 ▼: DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기 ▼ #03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-compone zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 팬레터 입력창(AddForm) : 팬레터 등록 기능 구현 유효성 검사 : 닉네임과 내용 미입력시 등록되지 않도록 적용 최대 글자..

• format_list_bulleted React
• · 2023. 11. 20.
• textsms

#03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기

▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 ▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 개인프로젝트 (리액트 팬레 zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 홈 화면 UI: Dummy Data(fakeData.json)를 이용한 리스트 UI 구현 + 멤버별 팬레터 출력 (1) Dummy Data(fakeData.j..

• format_list_bulleted React
• · 2023. 11. 20.
• textsms

#02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component)

▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 ▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 프로젝트 셋업 깃허브 브랜치 생성 Router.jsx 설정 전역스타일링 ( GlobalStyle.jsx ) 설정 (1) 프로젝트 셋업 CRA boilerplate 로 프로젝트 생성 : zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 홈 화면 UI: 배너 및 헤더 파트 UI 구현 (1) 홈 화면 UI 구현 : 기본틀 import AddForm from 'components/AddForm'; import Header from..

• format_list_bulleted React
• · 2023. 11. 20.
• textsms

#01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정

개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 프로젝트 셋업 깃허브 브랜치 생성 Router.jsx 설정 전역스타일링 ( GlobalStyle.jsx ) 설정 (1) 프로젝트 셋업 CRA boilerplate 로 프로젝트 생성 : yarn create react-app practice React 안 쓰는 파일 삭제 : logo.svg / reportWeb / Setuptest / App.test.js / App.css [변경] App.jsx & index.jsx: React.StrictMood & reportWebvitals() 삭제 pages/ , components/ , shared/ , assets/ 폴더 작성 및 필요 컴포넌트 사전 작성 styled-components, react-r..

• format_list_bulleted React
• · 2023. 11. 20.
• textsms