도리쓰에러쓰

Firebase Login 1️⃣ yarn으로 firebase 설치 yarn add firebase 2️⃣ firebase.ts 파일을 생성하여 아래와 같이 작성 import { initializeApp } from 'firebase/app' import { getAuth } from 'firebase/auth' const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSend..

6월이 시작됐다.. 그리고 나의 개인 과제도 시작됐다.. 일요일까지 할 수 있을까 모르겠지만 하면 어떻게든 되겠지.. 근데 모의 면접 준비는 언제 .. ? 😥😥😥😥 오늘은 파이어베이스 공부도 할겸 디자인을 열심히 해봤다.. 열심히 해도 지적은.. 받겠지..? 지적 받아도 다음에 더 잘하면 되지 ! 💡 함수형 컴포넌트라 부르지 말고 함수 컴포넌트라고 부르자 !

1️⃣ netlify 에러 Module not found: Error: Can't resolve './routes.module.scss' in '/opt/build/repo/src/routes' 모듈을 찾을 수 없다는 에러가 났다.. 사실 firebase 연동을 위해 로그인 화면 레이아웃만 구축하고 netlify에 올렸던 건데.. 좀 당황스러웠다 😱 알고보니 git은 파일명 대소문자를 변경하면 인식하지 못한다고 한다.. (Route에서 route로 파일명을 변경했는데 수정되지 않았다.) 그래서 아래 코드처럼 터미널에 작성하고 git을 다시 올려주면 파일명이 변경된 것을 확인할 수 있었다! git config core.ignorecase false git rm -r --cached . git add . g..

아름다움의 근원은 총 3가지 ! 1. 글꼴 2. 색상 3. 정렬 1️⃣ 글꼴은 대부분 Spoqa로 세팅되어 있으니 무리가 없다. 2️⃣ #000000 같은 야만적인 색상 쓰지 말기 3️⃣ input 옆에 button이 있을 때 input과 button의 높이 통일, border-radius 통일, 그림자 사용할 경우 가능한 한 연하게 사용, input의 내부 패딩은 가로만 주고 세로는 주지 않는다(padding: 0 16px), 글씨 위 아래 정렬은 line-height나 height를 이용한다, input 내부 글씨 크기는 무조건 16px 이상으로 잡는다. (16px 미만이면 사파리에서 화면 줌이 일어난다) 💡 input은 좌우 패딩이 상하 패딩보다 커야한다.

1️⃣ Apple Color (애플 뿐만 아니라 여러 기업이 자신의 사이트에 컬러를 기재한다.) Color - Visual Design - iOS - Human Interface Guidelines - Apple Developer Color Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response to user actions, and help people visualize data. Look to the system’s color scheme for guidance when picking app accent co developer.appl..

오늘은 KB 헬스케어 기업 과제를 배포하고 모아데이타 과제를 시작하는 날이다. 내가 맡은 부분은 '회원 상세 정보' 부분인데 사실 9명이서 이 작은 프로젝트를 나누기가 쉽지 않았고.. 나눈 결과가 이거다.. 그래서 난.. '회원 정보'에서 [버튼]을 클릭하면 '회원 상세 정보'에 해당하는 회원의 정보를 뿌려주기만 하면 된다.. 금방 다 만들긴 했는데 화면이 많이 허전하다.. 그래서 지금 뭘 넣으면 좋을까 고민중이다.. 회원 이미지라도 넣을까 ❓

오늘은 KB 헬스케어 기업 과제에서 내가 맡은 부분인 '맞춤 건강관리' 부분을 각자 코드리뷰하고 합쳤다. 나는 타입이든, 함수든 tsx파일 안에서 만든 후에 다른 파일로 옮겼는데.. 그 습관을 고쳐야겠다.. 코드가 중구난방.. 그냥 처음부터 다른 파일 안에서 만들고 import해오면 되는데 왜그럴까.. 그리고 규재님이 멘토님이 가르쳐주셨던 기가 막힌 코드를 적용하셨다.. (최고..) export const symbolIcon = { resBMI: , resBloodPressure: , resTotalCholesterol: , smkQty: , resFastingBloodSuger: , drnkQty: , exerciQty: , resGFR: , }[tag]; 사실 '맞춤 건강관리' 부분은 데이터를 map..

1️⃣ eslintrc.json에 아래와 같이 설정하면 CRLF / LF 변경할 필요 X "prettier/prettier": [ "error", { "endOfLine": "auto" } ] 2️⃣ colors, position 등에 내용을 추가하여 적용하면 에러나는 부분이 있었는데 아래와 같이 src 앞에 있었던 /를 제거하면 해결 @use 'src/styles/mixins/position'; 오늘은 KB헬스케어 기업과제 시작 날이다. '맞춤 건강관리' 부분을 3명이서 하다 보니까 나누기가 애매해서 일단 내일까지 각자 만들어보기로 했다! 다음주까지 과제 3개.. 할 수 있을까? 힘들어도 해야지 뭐..