프론트엔드/워다타 프로젝트 (4) 썸네일형 리스트형 [워다타 프로젝트] 4. 컴포넌트 흐름 구성하기 - Analyze, WordBook, WordList [사용 프로그램] draw.io www.diagrams.net/ Diagram Software and Flowchart Maker Security-first diagramming for teams. Bring your storage to our online tool, or go max privacy with the desktop app. No login or registration required. www.diagrams.net [내용] 1. Analyze, WordBook, WordList 단어장 분석 신청 화면(Analyze)과 단어장 목록 화면(WordBook)에서 각각 단어 목록 화면(WordList)으로 넘어가는 부분의 로직 drive.google.com/file/d/1OSeeAZGCRGCdw2.. [워다타 프로젝트] 3. 홈화면 만들기 보호되어 있는 글입니다. [워다타 프로젝트] 2. 프로젝트 설계 [비고] 수정중 1. 레이아웃 종류 이름 컴포넌트명 비고 화면구성 헤더 Header 바디 Body 푸터 Footer 컬러 배경 Background 페이지별 동적 렌더링 2. 화면 종류 이름 컴포넌트명 인덱스 url 비고 application 홈페이지 Main 1 /main 영역 6행 1 문서 분석 단어장 연구소 Analyze 2 /w_analyze 2 단어 리스트 WordList 3 /w_list?name=[단어장] 3 내 단어장 목록 WordBook 4 /w_books(?category=[카테고리]) 4 단어장 공유 순위 WordShare 5 /w_share 5 quiz 퀴즈 선택 QuizSelect 11 /wq_select 6 카드 뒤집기 QuizFlip 12 /wq_flip 7 카드 뒤집기 결과 Q.. [워다타 프로젝트] 1. 프로젝트 세팅 package.json eslint rule 부분 추가 필요 [참고] airbnb 스타일 가이드 airbnb/javascript JavaScript Style Guide. Contribute to airbnb/javascript development by creating an account on GitHub. github.com ESLint & Prettier, Airbnb Style Guide로 설정하기 ESLint & Prettier, Airbnb Style Guide로 설정하기 코드의 가독성을 높혀주고 에러나 컨벤션에 관한 경고 해주는 유명한 툴이 있는데바로 ESLint와 Prettier입니다. 매번 멘토님의 블로그를 보고 설치하고 설정하고 사용하던 ESLint와 Prettier를 가장 유 velo.. 이전 1 다음
