Tag: TIL

2020
0
DevelopTips

자연스럽게 노드 버전 변경하기

자연스럽게 Node Version 바꾸기 🍃 (feat. nvm)목차 개요 Step 1. nvm 설치 사전준비 Step 2. nvm 설치 Step 3. nvm 설치 확인 환경변수 설정 추가하기 환경변수 설정 적용하기 Step 4. nvm을 이용하여 Node.js 설치하기 명령어 Step 5. nvm을 이용해서 프로젝트에 버전 명시하기 St

0
DevelopProject

React Hooks + Mobx + TS

React Hooks + Mobx + TS - 슈퍼마켓 구현하기 -목차 시작 데코레이터 설정 X 프로젝트 초기화 및 폴더 구조 App & Store 수정 src/App.tsx src/useStore.ts Store 추가 src/counter.ts src/counter.ts CSS 추가하기 src/components/BasketIte

0
DevelopProject

React Hooks + Mobx 예제 - 슈퍼마켓 구현하기 -

React Hooks + Mobx 예제 - 슈퍼마켓 구현하기 -목차 소개 시작 데코레이터 설정 X 프로젝트 초기화 및 폴더 구조 카운터 만들기 new: src/stores/counter.js new: src/useStore.js edit: src/App.js new: src/components/Counter.jsx 슈퍼마켓 UI 구현하기

0
TILMobx

Mobx 실습

리액트에서 Mobx 예제 - 카운터 -목차 카운터 만들기 Class Component’s Mobx 1 Class Component’s Mobx 2 : @데코레이터를 이용 함수형태(Hooks)를 이용한 Mobx 문제점 Mobx 스토어 분리시키기 Class Component Hooks 공통 Context API를 이용 X 🙅‍♂️ Context API

0
TILMobx

Mobx 개념잡기

Mobx 개념 정리목차 Mobx 란? Redux VS Mobx 개념 정리 Observable / useObserver (Mobx ver 6.xxx 👆) Computed Value (연산된 값) Reactions (반응) Action (액션; 행동) useLocalStore (Mobx ver 6.xxx 👆) 리액트 없이 MobX 사용해보기 ob

0
DevelopProject

추가 시나리오

d.code 패션 피드 구현- 추가 시나리오 : 목록에서 ‘좋아요’ 기능 추가 및 프로퍼티 키 변경 해결하기 -목차 시나리오 : 목록에서 ‘좋아요’ 기능 추가 최적화 적용 일부 key 변경하기 시나리오 : FEED 데이터 중 sharedCount -> sCount로 변경될 경우 목록에서 ‘좋아요’ 기능 추가 + 최적화 기존에 FeedDet

0
DevelopProject

FeedDetail 완성

d.code 패션 피드 구현- FeedDetail 완성 -목차 FeedDetail 폴더 및 파일 스트럭쳐 구성하기 Styles.jsx index.jsx FeedDetailImg.jsx FeedDetailHeader.jsx FeedDetailContent.jsx FeedComment FeedCommentContent.jsx FeedDetail

0
DevelopProject

FeedList 일부 수정 및 FeedDetail 구현

d.code 패션 피드 구현- FeedList 일부 수정 및 FeedDetail 구현1 -목차 FeedList useEffect 수정 FeedList Link 태그 수정 HOC 작성 Detail 관련 Redux 추가하기 FeedDetailContainer 만들기 + 좋아요 로직 구성 Detail에서 사용할 Icon 추가하기 Detail에서 사용할 l

0
DevelopProject

패션사이트 피드 클론 -Header, Store 저장 테스트-

d.code 패션 피드 구현- header 꾸미기, Store에 feed 저장 테스트 하기 -목차 라이브러리 인스톨하기 전역적으로 사용할 Icons 파일 작성하기 Feed.jsx 에 Header 컴포넌트 추가하기 Header 폴더 및 파일 스트럭쳐 구성하기 Styles.jsx HeaderLogo.jsx MainMenu.jsx Member.js