꾸매코딩

결과 프로젝트 진행 중 발생한 문제 시뮬레이터 없이 Expo App으로 결과를 확인하는데 App 자체의 오류가 종종 발생했다. 오류 발생 시 어떤 부분에서 오류인지 자세히 알려주지 않는다. 웹(Web) 앱(App) 화면이 다르게 나오고, 안드로이드에서 이상 없던 화면이 Web에서는 오류가 발생한다 느낀 점 React-Native를 직접 사용해보면서 React와 많이 차이는 안난다고 느꼈다. 이론 수업보다는 확실히 직접 해보며 문제에 부딪히는일이 힘들지만 효과적임을 느꼈다. 회고 스스로에게 실망스러운 프로젝트였고 기간 약속 또한 지키지 못하였다. 가장 큰 원인은 내가 안일하게 진행을 했던것이고, 다른 원인은 이력서 작성 및 면접 준비, 백신 2차등의 상황이 있었다. 그래도 처음 앱(App)을 만들어보고 내..

결과물 https://loving-einstein-68589f.netlify.app/ React App loving-einstein-68589f.netlify.app 결과 슬라이더 포함하여 모든 페이지를 반응형으로 변경하였다. netlify를 사용하여 배포를 완료하였다. [ 상세 페이지 ] 회고 프로젝트를 계획하고 만드는 기간 중 이런저런 일들이 있었지만, 무사히 마무리한 것 같아서 다행이라고 생각한다. 프로젝트는 목표했던 기간보다 늦어졌다. 어디서 본 내용중에 프로젝트를 2일 안에 완료할 거 같으면 2~2.5배를 늘린 4~5일로 기간을 정하라는 글이 뒤늦게 생각났다. 그만큼 알지 못하는 오류와 변수들이 숨어있다는 뜻이라고 생각했었는데 직접 느껴본 것 같다. 저번 프로젝트를 마무리하고 회고 할 당시에도 ..

결과 [ 홈 / TV / 영화 / 검색 ] 페이지를 반응형으로 변경하였다. gh-pages를 활용하여 웹 사이트를 배포하였다. 계획 9월 26일까지 모든 페이지를 반응형으로 변경할 예정이다. gh-pages를 사용해본 경험이 있어서 우선 gh-pages로 비교하면서 진행하고 최종적으로 netlify를 사용하여 배포할 예정이다. 느낀 점 아직 세부 페이지는 변경하지 못하였는데 모니터로 보이는 화면은 괜찮아 보였는데, 스마트폰 화면으로 보니까 배치도 망가지고 글자도 겹치는 문제가 발생하였다. 미디어 쿼리와 css를 변경해가며 페이지를 수정하였다. '처음엔 막막하게 어떻게 변경하지?'라는 생각을 가지고 있었는데 역시 하면 된다는 걸 느꼈다. 페이지를 반응형으로 변경하는 과정이 계속 비교하면서 노가다하는 것이 ..

결과 검색 화면의 결과를 TV와 영화로 분리하였다. 검색 화면 결과를 infinite Scroll을 통해 결과를 계속 불러온다. iframe을 사용해서 불러온 유튜브 영상을 전체 화면이 가능하도록 변경해주었다. [ 예고편 영상 ] [ 검색 창 ] iframe 유튜브 영상 전체 화면 적용 유튜브 영상에서 공유 -> 퍼가기를 하면 코드로 복사가 가능하다. 하지만, 전체 화면으로 볼 수 없어서 검색해보았더니 allowfullscreen = 'true'가 아닌 allow='fullscreen'을 적용해주었더니 해결되었다.

결과 [ Timer 화면 ] 아래에 Send 버튼을 누르면 saveTime(00:00:01)과 text (send 누르면 보내기)가 DB에 저장된다. [ Contents 화면 ] [DB 저장 화면] 묶음의 전체 id값인 creatorId는 Contents에서 내가 올린 글을 삭제할때 쓸 용도이다. DB에 저장된 saveTime과 text값을 Contents 페이지에 불러와서 출력해주면 된다. 오류 [ DB에서 불러온 data의 구조 ] DB에서 불러온 내용이 아래와 같이 array 안에 object안에 array안에 object의 구조이기 때문에 Object의 key값으로 불러올 수 없는 문제가 있었다. -> array의 [0] 배열값을 주면 불러올 수는 있었지만, 글이 여러 개일 때 처리 문제를 생각해..

오류 DB에 있는 id값과 현재 로그인 중인 user의 id값을 비교하던 중, map을 사용하니 조건에 맞지 않는 값들은 undefined 로 출력이 되었다. undefined 상태로 DB에 넣으려 했더니 'FirebaseError: Function addDoc() called with invalid data. Unsupported field value: undefined' 오류가 나왔다. undefined를 없애기 위해 이런저런 시도를 하다가 filter를 통해 다시 돌려주었고 undefined를 지울 수 있었다. 아래 코드는 해결이 된 코드이다. useEffect(() => { dbService.collection("currentTime").onSnapshot(snapshot => { const co..