[TIL] 내일배움캠프 React 과정 2022.12.19

Today I Learned React 심화 강의 수강 코딩애플에서 Promise 관련 강의 수강 React 심화 강의 global state에 db.json에서 가져온 데이터를 넣는 과정 // todosSlice.js const initialState = { todos: [], isLoading: false, error: null, }; initialState에 todos의 값은 빈 배열이다. // db.json { "todos": [ { "id": 1, "title": "리액트 정복", "content": "리액트랑 친해지기", "isDone": false }, { "id": 2, "title": "코딩 공부하기", "content": "성실하게! 열심히!", "isDone": true } ] } d..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 19.
• textsms

[TIL] 내일배움캠프 React 과정 2022.12.17

Today I Learned React 심화 강의 수강 vercel React 배포에 실패했던 이유 찾기 어제 이런 에러 메시지가 뜨면서 vercel배포에 실패했었는데 뭔가 실마리를 찾은 거 같다..! 내가 이렇게 REACT 폴더 안에 프로젝트를 여러 개 만들어 놓고 REACT 폴더에서 yarn으로 styled-components와 reacr-router-dom을 설치했었다. 그리고 git에 올릴 때는 TO-DO-LIST-REDUX 폴더만 올렸으니 설치된 것들이 반영되지 않은 거였다. 이걸 어떻게 확인할 수 있냐면 package.json 파일을 확인하면 된다. TO-DO-LIST-REDUX 밖에 있는, 그러니까 최상위 폴더 REACT 폴더의 package.json를 보면 react-router-dom이 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 12. 17.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.19

Today I Learned CSS BEM 표기법 Javascript로 하는 SPA 공부 CSS BEM(Block Element Modifier) 표기법 기본 구조 .header__navigation--navi-text { color: red; } 이름을 연결할 때는 block-name과 같이 하이픈 하나만 써서 연결한다. BLOCK 블록. block 재사용 가능하며 기능적으로 독립적인 페이지 컴포넌트. 한 페이지 안에 구현되는 요소들을 영역으로 구분 짓고 이에 따른 이름을 붙인다. 블록은 블록을 감쌀 수 있다. ex) header, container, menu, input, button Example ELEMENT 요소 .block__element 엘리먼트는 블럭을 구성하는 단위이다. 블록은 독립적인 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 19.
• textsms