설정4

• 

  #vite #webpack #console.log #플러그인 #설정 #npm #번들링 웹 경량화를 사용하기 위한 vite나 webpack을 사용할때 불필요한 정보를 미출력하기 위해서 Bundling을 할때 console.log를 삭제하는 plugin을 소개할려고 합니다.  🦖Vite plugin(vite-plugin-remove-console)* 각 패키지 관리도구별 설치 방법 # npm npm install vite-plugin-remove-console -D# yarn yarn add vite-plugin-remove-console -D# pnpm pnpm add vite-plugin-remove-console -D👉 Npm - Node Package Manaber : Node.js의 기본 패키지 관리도구로 가장 널리 사용됨👉 yarn - FaceBook에서 개발한 패키지 관리도.. 💚04_HTML5 & Javascript & CSS/05_Front Tip(vite, 번들링, spa ) 2024. 12. 3.

• 

  #서버이중화 #DMZ #설정 #참고사항 서버이중화를 진행 할때 기본 적인 구성 상태 및 참고 자료 서버이중화시 참고사항 망분리 진행 방화벽 정책 설정 방안 01. 용어정리 DMZ(Demilitarized Zone) 구간 - 외부영역에 서비스를 제공할때 내부 자원을 보호하기 위해 내부망, 외부망 사이에서 접근 제어를 하는 방식이다. 내부 자원에 대한 접근을 불가하기 위한 방법 02. 외부방화벽정책 외부방화벽 정책 외부방화벽은 외부 솔루션 기준 포트 및 IP기준으로 설정을 진행 하도록 구성한다 03. 내부방화벽정책 - 내부방화벽 정책 내부방화벽은 웹서버1,2번으로 접근하는 내역에 대해서만 허가한다. (Ex. Oracle(1521, 1522), Mysql(3306), Ms-sql(1433,1434) (Ex. 백업포트 21,20022 파일(139,3.. 💛03_Server & OS 2023. 11. 7.

• 

  #Maven(메이븐) #pom.xml #scope #설정 Spring 프레임 워크 기반의 프로젝트를 진행 해보면 Maven을 많이 접해봤을것이다. maven을 통해서 라이브러리들을 자동으로 다운받아 사용한다가 제일 간결한 대답일 것이다. Maven을 사전적으로 찾아보면 Apache Mavent은 자바용 프로젝트 관리도구로 Apache Ant의 대안으로 만들어졌다. Apache License로 배포되는 오픈 소스 소프트웨어이다. 이렇게 표현하고 있다. 한마디로 pom.xml 문서에 dependency를 통해 의존관계를 정의해 놓으면 네트워크 라이브러를 통해 자동으로 다운이된다. Maven사이트 : https://mvnrepository.com/artifact/org.springframework.boot/spring-boot/2.7.12 🧨Maven 사용시 장점 .. ❤️01_Java/01_Spring & Boot 2023. 5. 31.

• 

  #앱 #하이브리드앱 #IOS #Android #숫자키패드 #설정 #input #type #숫자 #네이티브앱 #웹앱 #하이브리드앱 input에 대한 설명 전에 앱에 대한 내용을 알고 넘어가야 할것 같다. 앱에는 크게 네이티브앱, 웹앱, 하이브리앱 이라고 카테고리를 지어 구분할수 있다. 하나씩 차근차근히 알아보자 먼저 네이티브앱 ( Native App ) 네이티브앱이란 각 OS(안드로이드, IOS)의 특정 플랫폼에 맞춰 개발되는 앱으로 각 OS가 제공하는 기본기능을 사용할수 있다. 대표적으로 카메라, 마이크, GPS등에 대한 접근 권한을 요구하여 사용할수 있다. 이는 앱에 대한 자유도가 높아지지만 개발에 대한 시간 비용이 높고 시장성이 낮은 한계가 있다. 네이티브 앱에 대한 장접으로는 1. 각 OS에 맞춰 최적하 방식으로 구현을 하기 때문에 앱에 대한 속도가 빠르고 안정적이다. 2. 높은 사양의 그래픽 디자인 구현이 가능하다. 3. .. 💚04_HTML5 & Javascript & CSS/99_공통 2023. 3. 15.