본문 바로가기

[Study] 개발 공부46

정처기 필기 3일 공부해서 합격하기 정보처리기사 필기 신청 일자를 놓쳐서 급하게 빈자리 신청일에 아무 날짜나 급히 잡아서 신청했지만 결과적으로 합격! 나는 전공자이지만 졸업 후 진로 변경하여 전공 지식이 거의 휘발됨 상태였지만 군데군데에서 5년 넘은 전공 지식이 빛이 발하는 곳이 있긴 해서 신기했다 공부는 일주일 전부터 맛보기로 했지만 실질적으로 공부한 건 3일 1. 일주일 전부터는 엘리스트랙에서 스터디 중 추천받은 흥달쌤 유튜브 보면서 어떤 문제가 나오는지 감만 잡고 있었다. 이 흥달쌤 기출문제풀이 재생목록 1회독만 해도 합격할 수 있다 진짜  2. 3일 전에는 과목 별 기출문제 20개 씩 풀이 후 정답과 상관 없이 모든 해설 들으면서 개념 다지기 3. 2일 전에는 과목 별 기출문제 20개 씩 풀이 후 오답 해설 들으면서 과목 별 개념 .. 2024. 5. 13.
VITE 환경에서의 Firebase 초기화와 .env 1. git 저장소에 프로젝트를 올리기 위해 루트 디렉토리에 .env 생성 후 firebase config 정보 환경 변수로 설정REACT_APP_FIREBASE_API_KEY=your_api_keyREACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domainREACT_APP_FIREBASE_PROJECT_ID=your_project_idREACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucketREACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_idREACT_APP_FIREBASE_APP_ID=your_app_idREACT_APP_FIREBASE_MEASUREMENT_ID=your_mea.. 2024. 5. 2.
Loading 상태와 컴포넌트 1. auth 및 fetch 데이터를 완전히 받아올 때까지, 즉 비동기 작업이 완료될 때까지 보여줄 로딩 화면이 필요하다.isLoading 상태 관리로딩이 완료되면 isLoading 상태를 false로 변경합니다.isLoading이 true인 경우(로딩 중 상태) 컴포넌트를 렌더링하여 로딩 화면을 보여준다function App() { const [isLoading, setIsLoading] = useState(true); const init = async () => { // firebase 로딩, 로딩이 끝나면 로딩 스테이트 변경 setIsLoading(false); }; useEffect(() => { init(); }, []); return ( .. 2024. 5. 2.
GlobalStyles 적용하기 1. default style 설정하기styled-reset 으로 기본 스타일 초기화box-sizing, 배경, 폰트 색상 정도 설정해주기폰트는 system-ui를 사용하면 사용자 운영체제 설정 폰트를 따른다import CreateAccount from "./routes/create-account";import { createGlobalStyle } from "styled-components";import reset from "styled-reset";const GlobalStyles = createGlobalStyle` ${reset}; * { box-sizing: border-box; } body { background-color: black; color: white; f.. 2024. 5. 1.

티스토리툴바