기술 습관
-
보호되어 있는 글입니다.
[웹 풀 사이클 개발] 14-05 비밀번호 초기화 / 로그인과 전역상태 / 도서목록 페이지보호되어 있는 글입니다.
2024.05.31 -
보호되어 있는 글입니다.
[웹 풀 사이클 개발] 14-04 기본 컴포넌트 작성 / 라우트 작성 / 모델 정의 / api 통신과 데이터 레이어보호되어 있는 글입니다.
2024.05.30 -
CRA와 VITECRA초기 설정, 구성 자동화webpack, babel 사용하여 개발 서버 실행. 웹팩으로 build 시 코드를 컴파일, 압축해주는 역할도 수행Hot Module Reloading : 개발 시 개발 코드 수정할 경우 화면에 바로 반영되는 기술node.js환경변수 process.env.KEYVITE빠른 속도와 효율ESBuild(ESM)webpack 대신 rollup. 웹팩에 비해 속도가 크게 개선. 개발모드(HMR)에서 굉장히 빠른 속도를 보장. 모듈 단위로 빌드.차이점 : https://yoon-dumbo.tistory.com/entry/%EB%A1%A4%EC%97%85%EA%B3%BC-%EC%9B%B9%ED%8C%A9%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-r..
[웹 풀 사이클 개발] 14-03 book store app 리액트 생성 / 레이아웃 구성 / styled component / 테마 만들기 및 테마 스위처 context apiCRA와 VITECRA초기 설정, 구성 자동화webpack, babel 사용하여 개발 서버 실행. 웹팩으로 build 시 코드를 컴파일, 압축해주는 역할도 수행Hot Module Reloading : 개발 시 개발 코드 수정할 경우 화면에 바로 반영되는 기술node.js환경변수 process.env.KEYVITE빠른 속도와 효율ESBuild(ESM)webpack 대신 rollup. 웹팩에 비해 속도가 크게 개선. 개발모드(HMR)에서 굉장히 빠른 속도를 보장. 모듈 단위로 빌드.차이점 : https://yoon-dumbo.tistory.com/entry/%EB%A1%A4%EC%97%85%EA%B3%BC-%EC%9B%B9%ED%8C%A9%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-r..
2024.05.30 -
https://react-task-app-9a2f2.web.app/성공적으로 build 완료 트러블슈팅https://github.com/firebase/firebase-js-sdk/issues/7882 Firebase: Error (auth/argument-error) · Issue #7882 · firebase/firebase-js-sdkOperating System Windows 11 Browser Version Firefox Firebase SDK Version 10.6.0 Firebase SDK Product: Auth Describe your project's tooling I am using React (Vite) along with Nodejs at the backend. ...github...
[프로그래머스] 타입스크립트로 함께하는 웹 풀 사이클 개발 13-1https://react-task-app-9a2f2.web.app/성공적으로 build 완료 트러블슈팅https://github.com/firebase/firebase-js-sdk/issues/7882 Firebase: Error (auth/argument-error) · Issue #7882 · firebase/firebase-js-sdkOperating System Windows 11 Browser Version Firefox Firebase SDK Version 10.6.0 Firebase SDK Product: Auth Describe your project's tooling I am using React (Vite) along with Nodejs at the backend. ...github...
2024.05.22 -
BoardList 생성 / BoardList style 생성import React, { FC, useState } from "react";import { useTypedSelector } from "../../hooks/redux";import SideForm from "./SideForm/SideForm";import { FiPlusCircle } from "react-icons/fi";import { addButton, addSection, container, title } from "./BoardList.css";type TBoardListProps = { activeBoardId: string; setActiveBoardId: React.Dispatch>;};const BoardList: FC..
[프로그래머스] 타입스크립트로 함께하는 웹 풀 사이클 개발 12-4BoardList 생성 / BoardList style 생성import React, { FC, useState } from "react";import { useTypedSelector } from "../../hooks/redux";import SideForm from "./SideForm/SideForm";import { FiPlusCircle } from "react-icons/fi";import { addButton, addSection, container, title } from "./BoardList.css";type TBoardListProps = { activeBoardId: string; setActiveBoardId: React.Dispatch>;};const BoardList: FC..
2024.05.20 -
리덕스 Hooks 생성하기들어도 어려움.. 복습 필요SlicerModalSliceimport { createSlice } from "@reduxjs/toolkit";import { ITask } from "../../types";type TModalState = { boardId: string; listId: string; task: ITask;};const initialState: TModalState = { boardId: "board-0", listId: "list-0", task: { taskId: "task-0", taskName: "task 0", taskDescription: "task description", taskOwner: "hee", },};cons..
[프로그래머스] 타입스크립트로 함께하는 웹 풀 사이클 개발 12-2리덕스 Hooks 생성하기들어도 어려움.. 복습 필요SlicerModalSliceimport { createSlice } from "@reduxjs/toolkit";import { ITask } from "../../types";type TModalState = { boardId: string; listId: string; task: ITask;};const initialState: TModalState = { boardId: "board-0", listId: "list-0", task: { taskId: "task-0", taskName: "task 0", taskDescription: "task description", taskOwner: "hee", },};cons..
2024.05.17