Tag: coding

2020
0
TILTypeScript

React에서 TypeScript 사용하기

React에서 TypeScript 사용하기목차 JavaScript의 단점 JS 편집기의 자동완성의 불편함 함수 파라미터 타입 체킹을 안해줌 리덕스를 사용할 때 불편함 리액트 컴포넌트 쓸 떄 어떤 props를 넣어야하는지 에디터에서 알 방법이 없다. TypeScript를 써야 하는 이유 JavaScript의 단점 JS 편집기의 자동완성의 불편

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

0
DevelopProject

패션사이트 피드 클론 -셋팅-

d.code 패션 피드 구현- 초기 셋팅 하기 -목차 프로젝트 생성 라이브러리 인스톨하기 nvm 설정파일 생성하기 package.json 설정 추가하기 prettier 설정파일 생성하기 라우터 설정하기 pages 폴더 만들고 컴포넌트 설정하기 Redux 셋팅하기 상위 컴포넌트에 Provider 셋팅 하기 redux 모듈 작성하기 create 함수 작

0
DevelopProject

SkyPrinter-CreateSession

CreateSession 및 URL PATH 영역 유효성 검사를 통과시 티켓 데이터를 가져오기 위한 세션 생성 SkyPrinter 바로가기 목차 Session의 필요성 Session 생성 및 티켓 발급 로직 항공권 검색 버튼 클릭 URL 변경 -> URL의 파라미터와 쿼리데이터를 이용해 Redux Store 초기화 -> di

0
DevelopProject

SkyPrinter-ProgressBar

프로그레스 바 - 검색 진행 상황 알림 session의 상태를 UI로 표시 SkyPrinter 바로가기 목차 ProgressBar 구현 로직 ProgressBar 퍼블리싱 ProgressBar 구현 로직프로그레스바는 poll한 데이터에 담겨져있는 Agent객체에 UpdatesComplete가 전부 됬는지를 판단합니다. (Poll 자체가 아닌

0
DevelopProject

SkyPrinter-FilterArea

Filter 영역 SkyPrinter Ticket Result Filter Area SkyPrinter 바로가기 목차 Filter 폴더 구조 Filter API 알아보기 - Poll Session Result - Filter 방식 파악하기 Redux Module 파악하기 session module 오리지널 데이터 스토어 UI용 데이터 스토어