Seory Dev

2026.07.11 12:57

오프라인 환경(폐쇄망)에서 프로젝트 진행 시 npm은 온라인에서 패키지를 받아오는데, 인터넷이 안되는 환경에서는 패키지를 설치할 수 없다. node_modules 폴더를 가져올 수는 있지만 크기가 매우 크다. 이러한 문제를 해결하기 위한 방법들 중 하나인 yarn offline mirror를 소개한다. 1. 요약yarn을 이용하여 패키지를 설치한다.설치된 패키지들을 tar.gz으로 묶는다.tar.gz들을 오프라인 PC로 옮기고 yarn install 한다. 2. 외부망 작업1) yarn 설치 및 기존 패키지 삭제yarn을 설치하고, npm으로 설치해서 사용했던 패키지들을 삭제한다. // yarn 설치$ npm install yarn// node_modules 삭제$ rm -rf node_module..

오프라인 환경(폐쇄망) node, yarn 설치

Environment

2026.07.10 22:27

1. 요약인터넷이 되는 온라인 환경(외부망)에서 각 패키지의 tar.gz 파일을 다운로드하여 내부망으로 옮기면 된다. 2. Node 설치https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.nodejs.org 아키텍처와 환경을 선택하고 Standalone Binary(.gz) 버튼을 눌러 설치하고 해당 파일을 내부망으로 옮긴다. 3. Yarn 설치https://github.com/y..

네트워크 OSI 모델

Network

2025.07.27 22:29

1. OSI 모델네트워크 통신을 기능별로 나눈 계층 구조. 일반적으로 OSI 7 계층이라고 한다. 1) OSI 7계층 계층이름주요 역할예시1계층물리 계층실제 데이터를 전기 신호로 바꿔서 전송케이블, 허브, 전파, 리피터 등2계층데이터 링크 계층동일 네트워크 내 장비 간 연결, MAC 주소 기반 통신스위치, 브리지3계층네트워크 계층다른 네트워크 간 통신, IP 주소로 경로 설정 (라우팅)라우터, 게이트웨이, 서브넷4계층전송 계층데이터의 신뢰성/속도 보장, 포트 번호로 애플리케이션 구분TCP/UDP 통신,포트번호5계층세션 계층통신 세션의 생성/유지/종료, 상태 관리쿠키, 세션, 토큰6계층표현 계층데이터 형식 변환, 암호화/복호화, 압축, 인코딩JSON 인코딩, TLS 암호화7계층응용 계층사용자 또는 애플리..

[Flutter] ListView 'hasSize' 에러

Flutter

2024.12.13 13:26

1. 문제: 'hasSize' 에러 ListView.builder를 사용 중에 'hasSize' 에러가 발생하였다. 2. 원인 분석: 부모와 자식 위젯 간의 레이아웃 일반적으로 부모 위젯의 레이아웃이 완료되기 전에 자식 위젯 또는 동일한 위젯에서 크기 관련 속성을 접근하려 할 때 발생하는 에러입니다. 우선 제가 사용한 코드를 통해 알아보겠습니다. Column( children: [ ListView.builder( itemCount: teams.length, itemBuilder: (context, index) { final team = teams[index]; return ListTile( leading: Text(team.code), ..

[Flutter] ListView 사용 방법

Flutter

2024.12.13 02:29

1. ListView 리스트뷰는 가장 일반적으로 사용되는 스크롤 위젯입니다. 2. ListView 생성 방법 ListView 생성 방법에는 4가지가 있습니다. 기본 생성자, ListView.builder 생성자, ListView.separated 생성자, ListView.custom 생성자입니다. 그 중 가장 많이 사용되는 것은 ListView.builder 입니다. 1) 기본 생성자 기본 생성자 방식으로는 자식 위젯의 수가 적은 경우에 적합합니다. 왜냐하면 기본 생성자 방식은 실제로 보이는 것 뿐만 아니라 모든 자식을 생성하는 작업이 필요하기 때문입니다. 즉, 화면에 보이는 항목 뿐만 아니라 리스트에 포함된 모든 항목을 미리 렌더링하고 메모리에 올리기 때문에 많은 항목을 가진 리스트일수록 비효율적입..

Spring에서 민감한 정보 숨기는 방법

Spring

2024.12.09 20:43

GitHub에 코드를 올릴 때 민감한 정보는 올리지 않아야한다.보통 application.properties에 DB 정보나 API KEY를 넣고 gitignore를 이용해 GitHub에 올리지 않는다. 그래서 application.properties에 DB 정보를 넣고 root-context.xml에 변수로 넣었는데 404 에러가 발생했다.application.properties의 값들이 왜 바로 root-context.xml에 바로 적용되지 않을까? Spring에서는 application.properties 파일의 값을 직접적으로 XML에서 사용할 수 없다. Spring XML에서 프로퍼티 값을 로드하려면 해당 값을 property placeholder로 참조할 수 있도록 설정해야 한다.Property..

React 개발 환경 세팅

React

2024.08.18 22:23

1. Node.js 설치 LTS 버전을 설치합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. Visual Studio Code 설치 VS Code를 설치합니다. Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code edit..

Node.js / Express에서 DB 연동하기

Express

2024.07.28 18:43

🚀 개발 환경 💾 Visual Studio Code Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com 💾 MySQL Workbench MySQL :: Download MySQL WorkbenchSelect Operating System: Select..

Node.js / Express.js에서 Router 조작하기

Express

2024.07.28 16:25

🚀 개발 환경 💾 Visual Studio Code Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com 💾 Node.js Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime buil..

티스토리툴바