오늘 한일 App.tsx Route 분기(페이지 기준) pages tsx 형식으로 변경: ReactElement(return ) 를 사용하기 위함.(Typescript 검사를 통과한다.) signin page 개발 signin components 개발 느낀점 typescript 와 CSS 가 익숙하지 않아 속도가 붙지 않았다. CSS/Styled-component 를 연습하기위해 메인 페이지(로그인페이지)를 최대한 자세히 구현하려고 노력했다. 어느정도 감이 잡히는 것 같긴 한데, 더 분발해야겠다.

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..

Framework(프레임워크) 프레임워크는 뼈대나 기반구조를 뜻하고, 제어의 역전 개념이 적용된 대표적인 기술입니다. 소프트웨어에서의 프레임워크는 '소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합' 이라 할 수 있으며, 완성된 어플리케이션이 아닌 프로그래머가 완성시키는 작업을 해야합니다. 객체 지향 개발을 하게 되면서 통합성, 일관성의 부족이 발생되는 문제를 해결할 방법중 하나라고 할 수 있습니다. 프레임워크의 특징 특정 개념들의 추상화를 제공하는 여러 클래스나 컴포넌트로 구성되어 있습니다. 추상적인 개념들이 문제를 해결하기 위해 같이 작업하는 방법을 정의합니다. 컴포넌트들은 재사용이 가능합니다. 높은 수준에서 패턴들을 조작화 할 수 있습니다. 프레임워크 예시: 자바스크..

오늘 한일 프로젝트 아이디어 선정 → 그림일기 팀장, 팀 이름, 프로젝트 이름 → 팀 이름: summer vacation 프로젝트 이름: RoyalDiary 프로젝트 기획 및 범위 설정 → 완료(wiki) 시스템 아키텍처 설계 → figma 완료 스키마 작성 -> 완료. 수정 및 보완 필요 API 작성 -> 완료. 수정 및 보완 필요 담당 파트 첫화면: 로그인 API, 로그아웃API, 회원가입이동, 소셜로그인 구현(모달창) => OAuth, 페이지 이동 시 CSS 효과 사이트 메뉴얼: 디자인 + GIF 일기쓰기1: 그림판 적용, 다그렸다버튼 누르면 multer API. 일기쓰기2: 깍두기 칸에 글쓰기 구현. 다썼다버튼 누르면 (이미지 url + 날짜 + 날씨 + 제목 + 기분 + 장소) 서버에 전송 AP..

프로젝트 아이디어 공유 내가 제시한 아이디어 HealthAllTogether 건강 관련 앱 / 웹 목표: 더욱 건강한 나, 건강한 일상, 건강한 인생 취지: 한국엔 건강/식단/피트니스 관련 전문 매거진이 거의 없다. 있어도 사용하고 싶은 욕구가 생기지 않는다. 건강/운동/식단 의 종합적인 정보를 손쉽게 확인하고 참여할 수 있는 전문 사이트가 있으면 좋겠다. 기능: 식단/레시피 추천: 피트니스 운동법: 영상도 있으면 좋을 것. 건강트래킹: 식사일기, 건강일기 쓰기, 매일 목표/습관(걷기, 물마시기 등) 건강상식(매거진/뉴스기사): 식단/운동/동기부여/생활습관 관련 // 코로나 관련 상식 등. 걷기 랭킹(모바일 앱일 경우) 건강 상식 공유하기: 유저가 글을 쓸 수 있는 페이지. 댓글 가능. 요약 건강상식 제..

퍼블릭 설정 S3에 업로드 된 객체를 어디서든 접근 가능하게 하려면 퍼블릭 액세스를 설정 해야 함 S3 버킷 설정 s3 버킷 정책 설정 버킷 정책이란 사용자가 s3 버킷에 액세스 할 수 있는 옵션중 하나이며 json 문법을 사용하여 버킷에 대한 액세스를 제어 한다. select type of policy: 정책 타입 effect: 버킷에 대한 명령을 허용할 것인지 거부 할 것인지에 대한 옵션 pricipal: 특정 사용자에 대해 권한을 제어하고 싶다면 입력한다. (전체: *, 특정 사용자: arn:aws:iam:AWS-accound-ID:user/IAMID) AWS Service: Step 1에서 정책 타입 선택시 자동 지정 되는 서비스 Actions: 버킷에 대해 어떤 작업을 허용할 것인지 선택하는 옵..