JS 깊은 복사와 얕은 복사: JS에서 객체 복사 방법과 차이점

요약 깊은 복사: 깊은 복사는 객체를 완전히 새로운 객체로 복사합니다. 즉, 객체의 속성들과 중첩된 객체까지 재귀적으로 복사됩니다. 복사된 객체와 원본 객체는 독립적인 개체가 되어 중첩된 객체를 수정해도 서로에게 영향을 주지 않습니다. 얕은 복사: 얕은 복사는 객체를 복사할 때, 객체의 속성들은 복사되지만 중첩된 객체는 참조로 복사됩니다. 복사된 객체와 원본 객체는 동일한 중첩된 객체를 참조하게 됩니다. 즉, 중첩된 객체를 수정하면 복사된 객체와 원본 객체 모두에 영향을 줍니다. 참조 복사: 참조 복사는 객체를 복사하는 대신, 원본 객체를 참조하는 방식입니다. 복사된 객체와 원본 객체는 동일한 객체를 참조하게 됩니다. 즉, 하나의 객체를 수정하면 다른 객체에도 영향을 줍니다. 깊은 복사 (Deep Cop..

• format_list_bulleted Front-End/JS
• · 2023. 7. 13.
• textsms

Vue.js ref 속성으로 요소와 컴포넌트에 쉽게 접근하기

ref 속성 ref 속성은 Vue 컴포넌트에서 DOM 요소나 자식 컴포넌트에 쉽게 접근하기 위한 핵심적인 기능입니다. ref 사용법 1) 요소 접근 출력 템플릿에서 요소에 `ref` 속성을 추가하여 해당요소를 참조할 수 있습니다. 위 예제 코드에서는 `Input`으로 지정하였습니다. 당연히 참조할 때 구분이 되어야하기 때문에 `ref` 속성에 지정하는 값은 유니크해야 합니다. `this.$refs`를 사용하여 `ref`로 지정한 요소에 접근(참조)할 수 있습니다. 위 예제는 `this.$refs.Input.value`으로 `ref="Input"`인 요소에 접근하여 value 속성 값을 가져와 console에 로그를 남기는 코드입니다. 속성은 단순히 값 뿐만이 아니라 이벤트도 실행할 수 있습니다. 아래 예..

• format_list_bulleted Front-End/Vue.js
• · 2023. 7. 12.
• textsms

Vue.js computed 속성에 파라미터 전달하기

Vue.js에서 `computed`속성을 사용하여 동적으로 계산된 속성을 이용 가능합니다. 이렇게 단순하고 간편하게 이용할 수 있지만 computed 속성을 파라미터를 전달받지 못하기 때문에 몇 가지 꼼수를 사용해야 합니다. 설명하기에 앞서 computed 속성에 직접적으로 파라미터를 전달하는 것이 지원되지 않는 이유 부터 간단하게 설명하겠습니다. `computed` 속성을 의존하는 데이터를 추적하여 해당 데이터가 변경될 될때 자동으로 계산이 됩니다. 이를 위해 `computed` 속성은 데이터 의존성을 명확하게 파악하여야 합니다. 하지만 파라미터를 통해 `computed` 속성에 외부 값이 전달되면 의존성 추적이 어려워 지고 값에 대한 일관성과 예측 가능성을 해칠 수 있기 때문입니다. 때문에 Vue.j..

• format_list_bulleted Front-End/Vue.js
• · 2023. 7. 10.
• textsms

Java Apache POI로 엑셀(Excel) 파일 조작하기

Apache POI Apache POI는 Microsoft Office 파일들을 읽고 쓸 수 있게 하는 라이브러리입니다. MS Word, MS PowerPoint, MS Excel를 조작할 수 있는데 이번 포스팅에서는 엑셀 파일을 Apache POI를 활용하여 자바 코드로 손쉽게 다룰 수 있는 방법을 알아보겠습니다. Apache POI 라이브러리 추가 gradle dependencies { implementation 'org.apache.poi:poi:4.1.2' implementation 'org.apache.poi:poi-ooxml:4.1.2' } maven org.apache.poi poi 4.1.2 org.apache.poi poi-ooxml 4.1.2 엑셀 파일 생성하기 빈 엑셀 파일을 생성하는..

• format_list_bulleted Java
• · 2023. 7. 6.
• textsms

Java 리플렉션(Reflection API): 동적 코드 조작과 메타프로그래밍을 위한 Refelction API

리플렉션(Reflection)이란? 자바 리플렉션은 프로그램 실행 중(런타임)에 클래스의 정보를 분석하고, 클래스의 필드, 메소드, 생성자 등에 접근하여 조작할 수 있는 능력을 제공합니다. 이는 컴파일 때는 알 수 없는 클래스를 동적으로 조작하고 활용할 수 있는 기능을 제공하며, 메타프로그래밍을 위한 핵심 개념입니다. 리플렉션을 활용하여 클래스의 메타데이터를 분석하고, 필드와 메서드를 동적으로 조작하거나 호출할 수 있습니다. 리플렉션 API로 클래스의 인스턴스를 생성하고, 필드 값을 읽거나 수정하고, 메서드를 호출하는 등의 작업을 수행할 수 있습니다. 이를 통해 프레임워크, 플러그인 시스템, 유연한 코드 구현 등을 가능하게 합니다. 리플렉션 API java.lang.Class: `getName()`: 클..

• format_list_bulleted Java
• · 2023. 7. 5.
• textsms

Java 어노테이션(@annotation)을 활용한 커스텀 메타데이터 만들기

Java 어노테이션이란 (@annotation) `Java 어노테이션`은 컴파일러, 런타임, 또는 다른 도구들에게 추가적인 정보를 제공하는 `메타데이터`입니다. `어노테이션`은 @ 기호를 사용하여 표시하며, 클래스, 메소드, 필드 등 다양한 요소에 적용할 수 있습니다. 실제로 Java 어노테이션은 다양한 분야에서 활용될 수 있습니다. 예를 들어, 우리가 가장 많이 접하는 @Override 어노테이션은 상위 클래스의 메소드를 재정의하고 있음을 나타내는데 사용됩니다. Spring Framework에서는 @Controller, @Service, @Autowired 등의 어노테이션을 사용하여 의존성 주입과 컴포넌트 스캔을 처리합니다. 또한 JUnit은 @Test, @Before, @After 등의 어노테이션을 ..

• format_list_bulleted Java
• · 2023. 7. 5.
• textsms