S3 배포 사이트 링크: 헬스를 할 때 점진적 과부하를 측정하기 위한 앱으로, 랜딩 페이지에서 오늘 할 운동을 정하고, main 페이지로 넘어갈 수 있다. 메인 페이지로 넘어가면 오늘 할 운동 각각에 start 버튼이 있는데, 이 버튼을 누르면 시작 시간과 함께 1s
: 오늘의 운동 기록을 점진적 과부하 사이트로 기록하고 캡쳐해봤다 ㅎㅎ일단 메인 페이지의 로직을 구현했음. 저번에 만든 랜딩페이지에서 운동을 선택하면 메인페이지로 그 선택한 운동들을 가져와서 useEffect()로 componentDidMount와 같은 효과를 내서 첫
record 페이지를 만들어서 그날의 운동이 끝나면 기록을 보여주는 표 페이지를 만들었음이 때, 시맨틱 태그에 유의하면서 만들어봤음(오늘 해당 내용을 공부했으므로 ㅎㅎ) => 코드 확인 가능 링크랜딩페이지 -> 메인 페이지 -> 레코드 페이지로 가는 로직을 그림으로 보
records page를 만들어서 기록을 저장하여 일단위로 볼 수 있게 했다. 인스타그램처럼 스크롤 내리면서 볼 수 있도록했다.하지만 '로컬 스토리지'에 저장하는 방식의 한계를 지닌 기능이다.지금 테스팅을 해보고 반드시 디비를 파야한다. 나중에 양이 많아지면 한계가 있
: 리액트 네이티브를 연습해보기 위해서 날씨앱을 만들어보려하는데, xcode, java 등을 통해 컴파일 과정을 거치지 '않고' 간단하게 만들어보기 위해서 expo-go를 이용해서 만들어보고자 한다.위의 그림으로 설명해보면 우리(개발자)는 javascript, html
저번 블로깅 복습 : 저번 블로깅에서 했지만, ios, android도 하나의 운영체제(OS)이다. 이 때, 모바일 디바이스에서 유저가 인터랙션을 발생시키면 OS가 이를 감지하여 이에 대한 처리를 해주도록 하는데(컴퓨터에서도 I/O가 발생하면 이에 대한 처리를 해주니까
: expo를 통해 간이 배포(?) 해보는게 아니라 실제로 앱 스토어에 배포해보자. 또 expo를 거칠 것인데, 일단 build를 해보자. 이 때 build도 ios는 mac os를 거치는 식으로 해야하는데, expo를 거치면 expo 서버에서 빌드가 일어나기 때문에
: 이전 블로깅까지 먼저, 내가 그냥 할 수 있었던 프론트엔드를 React로 만들어봤고, 로컬 스토리지를 이용해서 어떤식으로 데이터가 보일지를 구현해봤다. 그럼 이제 실제로 데이터베이스, 백엔드 로직을 작성하고, 마지막으로 했던 React Native + web vie
현재 상황 : 대대적인 리뉴얼중? 랜딩 페이지 UI를 바꿨고, Firebase를 통해 로그인 및 회원가입(로그아웃, 비밀번호 변경 등의 기능)을 구현했다.추가할 사항 및 아이디어 :물을 몇 L 마셨는지를 컨트롤하기 쉽게 하루 목표 물L 량을 적고 마실때마다 체크를 해주
: 점진적 과부하 사이트(앱)가 완전히 리모델링 됐고, 현재 운동 기록 부분 기능까지 완성을 한 상태인데, 그간 생겼던 이슈에 대해서 간단히 짚고 넘어가고자 한다.1) 위에 그림에 보이는 finish 버튼은 내가 'GlowBtn'으로 명명한 컴포넌트인데, :before
: 오늘은 계획대로 파이어베이스에 collection, document 및 필드값 등을 만들고, 거기에 운동 기록을 저장, 조회, 수정하는 로직을 만들었다. 사실 NOSQL 구조의 DB를 처음 써보는데, 애초에 데이터를 배열 혹은 객체로 저장할 수 있다는 점이 굉장히
: 일단 이제야 이걸 마무리하러 돌아왔다는 내 자신에게 반성의 시간을 잠시 갖고,, 는 과거는 빠르게 잊고 !records에 있는 workout을 수정할 수 있도록 하기check Records 아래에 가장 최근 기록을 출력하도록 하기달력 input을 넣어서 달력을 통해
기기마다 UI가 다르다 같은 UI를 제공하는 방향으로 코드 수정서버에서 받은 record를 수정할 수 있도록 해야함(이게 1순위 기능)infinite scroll로 전체 보는 기능도 있으면 좋을듯(후순위)회원가입을 할 때 이메일 인증 기능을 넣던지 & 소셜 로그인 기능
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
최종 마무리 사항env 파일에 firebase config 파일 넣기핸드폰 기종별 반응형 UI 완성error 처리React Native 플젝 만들고, web view 심기배포
: 일단 아직도 완성이 안됐나?! 라고 내 스스로에 대한 반성으로 시작한다. 하지만, 새해 목표와 같이 매번 실패를 해도 끝에 가서는 완성만 하면 되는거다. 이번엔 5월 7일까지 끝내보자 라는 원대한(?) 계획을 갖고 시작해보자.recoil 로 리팩토링 완료nestJS
맨 상단에는 기존에 썼던 GlowHeader 컴포넌트를 재활용해서 Profile(title 부분) 페이지임을 표시한다.하단에는 본래 위와 같이 디자인을 했지만, email -> id로 바뀌고, height & weight 정보는 초기 버전에서는 추가하지 않을 예정이므로
위의 형식으로 Users 테이블을 만들 예정이다. nestJS, MySQL, typeORM을 사용해서 만들 예정이며 이번 주말에는 Users 테이블의 마이그레이션 및 로컬에서 react <-> nestJS 테스팅까지 완료가 목표이다(이 과정에서 인증 등의 구현도
회원가입 관련 컨트롤러, 서비스(프로바이더) 정의 : 컨트롤러: 프로바이더그리고 실제로 프론트에서 이를 호출했다.호출을 할 때는 axios 모듈을 사용했다. 로컬끼리의 통신이었지만, 일단 정상적으로 작동하고, 데이터를 주고 받을 수 있다. 중간에 cors 관련 문제가
목표 : FE에서 api로 아이디, 비밀번호, 닉네임 정보를 POST하면(이 때, 보안과 관련된 처리도 해야한다) BE에서는 이 정보를 받아서 ORM을 통해 데이터베이스(MySQL)에 저장한다. 이 때, 유효성 검사를 반드시 하고 진행을 해야하고, 만약 유효성 검사 단
위와 같이 profile page ui를 완성했다. 하단부에 메뉴 부분이 좀 어색하긴 하지만(이건 디자인을 아직 확정을 못지어서 미완성!). 프로필 페이지의 ui는 완성했다. 위와 같이 모달도 잘 뜨는걸 확인했고, gif를 따지 못했는데 회원 탈퇴 버튼에 확인버튼을 누
오랜만에 프로젝트 관련 포스팅을 하는데 현재 진척 상황은사실상 핵심적인 기능은 다 완성이 된 상태이다.백엔드는 nestJS로 관련 api를 다만들었고(JWT TOKEN을 이용한 로그인 및 인증 포함)프론트는 React, Recoil 조합으로 UI를 다 완성했다.하지만
여태까지 꾸준히 toy project에 대한 포스팅을 했으면 더 좋았을 것 같은데 그러지는 못했다. 하지만, 매일매일은 아니었지만 계속해서 toy project를 진행했고, 처음 목표했던 앱을 완성할 수 있었다. 그렇게 aws s3, lightsail, cloudfro