기술 습관
-
도커란?어플리케이션을 패키징할 수 있는 툴컨테이너 안에 어플리케이션과 시스템 환경변수, 관련한 디펜던시들을 패키징하여 어떤 환경에서든 동일한 환경으로 어플리케이션을 구동할 수 있도록 함.일명 제 피씨에서는 잘되는데요 를 말할 일이 없게끔 동일 환경구성VM이랑 뭐가 다른가?VM: 한 운영체제에서 동일한 어플리케이션을 각각의 고립된 다른 환경에서 구동하기 위해서는 VM을 이용해 구동해야 했다. 즉 한개의 운영체제 안에서 각각의 다른 OS 환경 구축이 가능.각각 다른 OS 환경을 가지므로 굉장히 무거운 단점. 어플리케이션 실행까지 느림VM에서 경량화 된 컨셉이 컨테이너컨테이너가 구동되기 위해서는 컨테이너 엔진이 필요하며 컨테이너 엔진이 호스트 os에 접근해 필요한 일을 처리해준다. = 컨테이너 자체는 굉장히 ..
Docker 개념 (w.드림코딩)도커란?어플리케이션을 패키징할 수 있는 툴컨테이너 안에 어플리케이션과 시스템 환경변수, 관련한 디펜던시들을 패키징하여 어떤 환경에서든 동일한 환경으로 어플리케이션을 구동할 수 있도록 함.일명 제 피씨에서는 잘되는데요 를 말할 일이 없게끔 동일 환경구성VM이랑 뭐가 다른가?VM: 한 운영체제에서 동일한 어플리케이션을 각각의 고립된 다른 환경에서 구동하기 위해서는 VM을 이용해 구동해야 했다. 즉 한개의 운영체제 안에서 각각의 다른 OS 환경 구축이 가능.각각 다른 OS 환경을 가지므로 굉장히 무거운 단점. 어플리케이션 실행까지 느림VM에서 경량화 된 컨셉이 컨테이너컨테이너가 구동되기 위해서는 컨테이너 엔진이 필요하며 컨테이너 엔진이 호스트 os에 접근해 필요한 일을 처리해준다. = 컨테이너 자체는 굉장히 ..
2025.07.02 -
보호되어 있는 글입니다.
[웹 풀 사이클 개발] 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