20210220 4일차 개발 환경 세팅 완료
·
BootCamp_Codestates/Final Project
Node version: 12.19.0 Set up React/Redux/Typescript : https://www.youtube.com/watch?v=WpvIihorarA 2. Set up Prettier/Eslint flamingotiger.github.io/javascript/eslint-setup/#2-2-eslint-config-airbnb-base-%EB%A1%9C-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 npm i -D eslint eslint-config-airbnb eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react e..
20210219 3일차 개발 환경세팅
·
BootCamp_Codestates/Final Project
Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻하고, 제어의 역전 개념이 적용된 대표적인 기술입니다. 소프트웨어에서의 프레임워크는 '소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합' 이라 할 수 있으며, 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야합니다. 객체 지향 개발을 하게 되면서 통합성, 일관성의 부족이 발생되는 문제를 해결할 방법중 하나라고 할 수 있습니다. 프레임워크의 특징 특정 개념들의 추상화를 제공하는 여러 클래스나 컴포넌트로 구성되어 있습니다. 추상적인 개념들이 문제를 해결하기 위해 같이 작업하는 방법을 정의합니다. 컴포넌트들은 재사용이 가능합니다. 높은 수준에서 패턴들을 조작화 할 수 있습니다. 프레임워크 예시: 자바스크..
20210218 2일차
·
BootCamp_Codestates/Final Project
오늘 한일 프로젝트 아이디어 선정 → 그림일기 팀장, 팀 이름, 프로젝트 이름 → 팀 이름: summer vacation 프로젝트 이름: RoyalDiary 프로젝트 기획 및 범위 설정 → 완료(wiki) 시스템 아키텍처 설계 → figma 완료 스키마 작성 -> 완료. 수정 및 보완 필요 API 작성 -> 완료. 수정 및 보완 필요 담당 파트 첫화면: 로그인 API, 로그아웃API, 회원가입이동, 소셜로그인 구현(모달창) => OAuth, 페이지 이동 시 CSS 효과 사이트 메뉴얼: 디자인 + GIF 일기쓰기1: 그림판 적용, 다그렸다버튼 누르면 multer API. 일기쓰기2: 깍두기 칸에 글쓰기 구현. 다썼다버튼 누르면 (이미지 url + 날짜 + 날씨 + 제목 + 기분 + 장소) 서버에 전송 AP..
20210217 TIL Final Project 1일
·
BootCamp_Codestates/Final Project
프로젝트 아이디어 공유 내가 제시한 아이디어 HealthAllTogether 건강 관련 앱 / 웹 목표: 더욱 건강한 나, 건강한 일상, 건강한 인생 취지: 한국엔 건강/식단/피트니스 관련 전문 매거진이 거의 없다. 있어도 사용하고 싶은 욕구가 생기지 않는다. 건강/운동/식단 의 종합적인 정보를 손쉽게 확인하고 참여할 수 있는 전문 사이트가 있으면 좋겠다. 기능: 식단/레시피 추천: 피트니스 운동법: 영상도 있으면 좋을 것. 건강트래킹: 식사일기, 건강일기 쓰기, 매일 목표/습관(걷기, 물마시기 등) 건강상식(매거진/뉴스기사): 식단/운동/동기부여/생활습관 관련 // 코로나 관련 상식 등. 걷기 랭킹(모바일 앱일 경우) 건강 상식 공유하기: 유저가 글을 쓸 수 있는 페이지. 댓글 가능. 요약 건강상식 제..