본문 바로가기

전체 글

(90)
RN 토이프로젝트 회고 Keep 오류가 발생했을 때 포기하지 않고 다함께 해결했다. 프로젝트 첫날 세밀하게 기획했다. 코딩 컨벤션 (Git, 포맷, 디렉토리)을 정하고 프로젝트를 시작했다. Problem 스타일드 컴포넌트 사용에 통일성이 부족했다. 컴포넌트화를 세밀하게 하지 못하고, 리팩토링할 시간이 부족했다. 코드리뷰에 충분한 시간을 할애하지 못했다. Try Git Issue를 활용해보자. 플레이 스토어 / 앱 스토어에 배포해보자. 느낀점 파이어베이스 회원 관련된걸 많이 다루어 봐서 좋았다.
프로그래머스 세균 증식 문제 설명 어떤 세균은 1시간에 두배만큼 증식한다고 합니다. 처음 세균의 마리수 n과 경과한 시간 t가 매개변수로 주어질 때 t시간 후 세균의 수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 10 1 ≤ t ≤ 15 입출력 예 n t result 2 10 2048 7 15 229,376 입출력 예 #1 처음엔 2마리, 1시간 후엔 4마리, 2시간 후엔 8마리, ..., 10시간 후엔 2048마리가 됩니다. 따라서 2048을 return합니다. 입출력 예 #2 처음엔 7마리, 1시간 후엔 14마리, 2시간 후엔 28마리, ..., 15시간 후엔 229376마리가 됩니다. 따라서 229,376을 return합니다. 나의 정답 const solution = (n, t) =>..
RN-이미지 변경 및 업로드 추가기능으로 프로필에서 프로필 사진을 추가 및 변경 하는 기능을 추가하려고 하였다. 리액트 네이티브는 이미지 업로드 기능이 있을까? 찾아 보니 expo에서 지원하는 imagePicker 라는게 있었음 https://docs.expo.dev/versions/latest/sdk/imagepicker/ ImagePicker docs.expo.dev 빠르게 읽어보고 설치 npx expo install expo-image-picker 임포트 해오고 import * as ImagePicker from 'expo-image-picker'; 내가 원하는건 카메라 촬영기능까지는 아니고 이미지 파일에 접근할 수 있는 권한만 얻으면 되기 떄문에 ImagePicker.useMediaLibraryPermissions() 요고 ..
최신순으로 나누기 당 프로젝트에서 불러오는 API 의 날짜는 "2023-02-23 00:00:00.0" 이렇게 되어있다. 메인화면에서 보여줘야할 것은 지금 진행중인 행사와 곧 진행할 행사로 나눠야 했는데 저렇게 되어있어선 판단하기가 어려웠다 그래서 나는 1. 위 날짜 데이터를 이쁘게 가공한다. 2. 가공한 데이터와 오늘날짜를 같은형태로 만든다. 3. 비교한다. let startDate = parseInt(data[0].STRTDATE.replaceAll('-', '').splice(0, 8)); const year = String(new Date().getFullYear()); const month = String(new Date().getMonth() + 1).padStart(2, 0); const day = Strin..
firebase 사용자 재인증 firebase auth 로 로그인, 회원가입 기능을 공식문서를 보면서 쉽게 구현했다. 그러나 비밀번호 변경 기능을 구현하려고 하는데 auth/requires-recent-login 이런 오류가 자꾸 뜨더라 문서를 다시한번 자세히 읽어보니 이런게 있었네.. 여기서 TODO(you) 는 내가 직접 credential 함수를 만들어야 한다는 거다. 일반적으로 회원탈퇴를 하거나 비밀번호 변경을 할때 비밀번호를 한번더 입력하는 과정을 거치는데 credential 이 그 역할을 하는것 나는 이메일 계정을 통한 로그인 기능을 만들었기에 const credential = EmailAuthProvider.credential(user.email, password); // 비밀번호 확인작업, 여권을 만든다고 생각하면됨 이..
React native 에서는 display:block 이 안된다. 1. 내가 구현하고 싶은 기능은 해당 버튼을 눌렀을때 hide 되어있던 컴포넌트가 show로 바뀌는 것이였다. 그래서 display: none 으로 했다가 -> block 으로 바꾸면 되겠네 라고 생각하고 display에 props 를 주어서 실행시켰더니 .. 이런 에러가 발생함... 내가 문법을 잘못썻나 해서 여러번 봤는데 문법상 틀린건 없었음 역시나 구글신에게 물어보니 react native에 적용가능한 style 에는 display 가 없다고함 https://webisfree.com/2019-08-14/react-native-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%88%A8%EA%B8%B0%EA%B8%B0-hide react native 컴포넌트 숨기기, hide ..
버튼색상 변경 토이 프로젝트 중에 한분이 나에게 물어보았다. 어떤 버튼을 눌렀을떄 그 버튼만 검은색이고 나머지는 회색으로 바꾸고 싶다고 useState만 쓰면 되는 간단한거 였는데 컴터를 너무 많이 해서 머리가 안돌아갔다 그분한테 자고 일어나서 내일 알려드린다고 했는데 그분이 나가자마자 아차 싶으면서 머리가 돌았다. 그냥 state값만 바꿔주면되는거... // src/App.js import React from "react"; import { useState } from "react"; const App = () => { const [all, setAll] = useState(true); const [공연, set공연] = useState(false); const [국악, set국악] = useState(false);..
React Native 프로젝트 시작 오늘부터 팀 프로젝트 시작이다. 내가 첫번째로 해야할 기능 구현 은 마이페이지 UI 제작이다. 피그마로 제작한 와이어 프레임 일단 컴포넌트 단위로 쪼개서 만들어야 한다. 그래서 프로필 먼저 시작함 시작하기 전에 파워포인트로 박스를 어떻게 나눌지 고민했다. 아마도 이건 나만 알아볼 수 있겠지? ㅋㅋㅋ 이렇게 쪼개놔야 CSS 하기가 편함 겹치는 부분은 props 를 주어서 효율을 높이려고 했다. const ProfileButtonText = styled.Text` color: ${(props) => props.color}; margin-right: 10px; `; 부분은 특별히 박스 구조를 만들 필요가 없을 정도로 간단해서 바로 진행했다. 그런데 요기는 스크롤뷰가 가능하게 해줘야 된다 + 나는 스크롤바가 보..