Programming/Node.js15 [Node.js] Webpack 기본 사용법 베하~! BTC 블랙아웃입니다!! Webpack은 현대적인 프론트엔드 프로젝트에서 모듈 번들링과 자원 관리를 위해 널리 사용되는 도구입니다. Webpack을 사용하면 여러 개의 자바스크립트 파일, CSS, 이미지 등의 리소스를 하나의 번들로 묶어서 웹 애플리케이션의 성능을 향상시킬 수 있습니다. 이제 Webpack의 기본적인 사용법에 대해 알아보겠습니다. 들어가기에 앞서 제가 테스트에 사용했던 버전을 참고하시길 바랍니다. 💡 - Version Info - 💡 vue : v2 vue/cli : v4.5.13 node : v18.15.0 npm : 9.5.0 webpack : ^4.0.0 webpack-cli : ^3.3.12 css-loader : ^3.5.3 style-loader : ^1.3.0 ter.. 2023. 7. 21. [Vue.js] Vue.js 환경 구성하기 베하~! BTC 요정을 맡고 있는 블랙아웃입니다!! 저희는 최근 간단한 프로젝트를 진행해보았는데요! 이때 사용했던 것이 바로 Vue 입니다. 많이들 들어보셨을텐데요. 오늘은 여러분들과 처음 만나는 게시글인 만큼, 이 Vue라는 것이 어떤 것이고, 왜 사용하는지, 어떻게 사용하는지에 대해 간단하게 알아보겠습니다! 0. Vue & React Vue.js와 react.js는 가장 인기 있는 프론트엔드 JS 도구입니다. Vue와 React의 가장 대표적인 차이점은, Vue는 프레임워크이고, React는 UI 라이브러리입니다. 라이브러리의 장점은 사용자가 라이브러리의 필요한 것을 부분적으로 가져다 사용할 수 있으며, 프레임워크는 부분적인 사용이 불가능하며 정해진 문법에 맞춰 작성해야 하지만 기본적으로 제공하는 기.. 2023. 5. 12. Template Method Hook Method Template Method를 이해하기 위해서는 먼저 Hook Method를 이해해야합니다. Hook Method의 개념은 abstract 키워드를 붙이면 상속 받은 클래스는 반드시 해당 메소드를 구현해야 하지만 abstract 키워드를 붙이지 않고 Hook Method로 만들면 반드시 구현할 필요가 없습니다. 상속 받은 클래스에서는 선택적으로 오버라이드 할 수 있습니다. abstract class Cat{ abstract public void meow(); public void sleep() { System.out.println("Zzz"); } } class BlackCat extends Cat { @Override public void meow() { // Me...ow? } .. 2022. 12. 19. Spring Boot Test JUnit 5로 테스트 JUnit 테스트 활성화 JUnit 5는 클래스가 JUnit 테스트와 통합할 수 있는 확장 인터페이스를 정의합니다. 테스트 클래스에 @ExtendWith 주석을 추가하고 로드할 어노테이션 클래스를 지정하여 어노테이션을 활성활 할 수 있습니다. Spring 테스트를 실행하기 위해서는 SpringExtension.class를 사용합니다. 그리고 Context 구성을 로그하고 테스트에서 사용할 Context 를 부트스트랩 하기 위해 @ContextConfiguration 어노테이션이 필요합니다. @ExtendWith(SpringExtension.class) @ContextConfiguration(classes = { ApplicationConfig.class }) @WebAppConfi.. 2022. 12. 19. [JAVA] SubnetUtils 자바에서 CIDR 주소체계에 대한 계산을 해주는 유틸 클래스가 있습니다. 해당 CIDR의 Start IP, End IP, Broadcast IP, Network IP, IP Including 등을 확인할 수 있습니다. package subnetutils; import org.apache.commons.net.util.SubnetUtils; public class SubnetTest { public static void main(String[] args) { SubnetUtils subnetUtils = new SubnetUtils("10.141.0.32/27"); subnetUtils.setInclusiveHostCount(true); //Network, Broadcast IP 포함 //Default 값.. 2022. 12. 6. Java Casting (형변환) 기본 변환과 참조 변수 캐스팅은 비슷해 보이지만 다른 개념입니다. 두 경우 모드, 한 유형을 다른 유형으로 전환하고 있습니다. 그러나 단순화된 방식으로 기분 변수에는 값이 포함되며 기본 변수의 변환은 값의 되돌릴수 없는 변경을 의미합니다. double myDouble = 1.1; int myInt = (int) myDouble; 위의 예에서 변환한 후 myInt 변수는 1 이고 이 변수에서 이전 값 1.1 을 복원할 수 없습니다 . 참조 변수는 위와 같은 반식으로 변환이 이뤄지지 않습니다. 참조 변수는 개체만 참조하지만 개체 자체는 포함하지 않습니다. 그리고 참조 변수를 캐스팅하면 참조하는 개체를 건드리지 않고 이 개체에 다른 방식으로 레이블을 지정하여 작업 기회를 확대하거나 축소할 수 있습니다. 참조는.. 2022. 11. 30. [디자인 패턴] Strategy Pattern 전략 패턴 행위를 클래스로 캡슐화해 동적으로 행위를 자유롭게 바꿀 수 있게 해주는 패턴 같은 문제를 해겨할는 여러 알고리즘이 클래스별로 캡슐화되어 있고 이들이 필요할 때 교체할 수 있도록 함으로써 동일한 문제를 다른 알고리즘으로 해결할 수 있게 하는 디자인 패턴 객체가 할 수 있는 행위들을 각 각의 전략으로 만들어 놓고 동적으로 행위의 수정이 필요한 경우 전략을 바꾼느 것만으로 행위의 수정이 가능하도록 만든 패턴 예시 public abstract class Device { private String name; public Device(String name) {this.name = name;} public Strng getName() {return this.name;} public abstract void.. 2022. 10. 25. 싱글톤 (Singleton) 패턴 싱글톤이란 클래스의 인스턴스가 단 하나만 생성되는 것을 보장하는 디자인 패턴이다. 그렇기 때문에 객체 인스턴스를 2개 이상 생성하지 못하도록 막아야 한다. public class SingletonService { private static final SingletonService instance = new SingletonService(); public static SingletonService getInstance() { return instance; } private SingletonService(){ } public void logic(){ System.out.println("싱글톤 객체 호출"); } } 해당 예시는 private 생성자로 외부에서 사용하지 못하도록 막았다. 객체 인스턴스가 필요하.. 2022. 10. 21. 이전 1 2 다음
