🚀 템플릿 refs란? Props와 Event가 존재하지만, 자식 요소에 JavaScript를 이용해 직접 접근해야 할 때가 있는데, 이 때 `ref` 속성을 이용해 참조(Reference) ID를 자식 컴포넌트나, HTML 요소에 부여함으로 직접 접근하게 해 주는 것이에요. 위와 같이 컴포넌트가 Mount 되었을 때, 프로그래밍 적으로 input에 focus를 하고자 하는 경우 등에 유용하게 사용할 수 있는 것이에요. const app = Vue.createApp({}) app.component('base-input', { template: ` `, methods: { focusInput() { this.$refs.input.focus() } }, mounted() { this.focusInput()..

📌 다형성이란? 상속과 함께 객체지향 개념의 중요한 특징 중 하나인 다형성은 상속과 깊은 관계가 있는 것이에요. 객체지향 개념에서 다형성이란 '여러 가지 형태를 가질 수 있는 능력'을 의미하고, 자바에서는 한 자료형 타입의 참조 변수로 여러 타입의 객체를 참고할 수 있도록 함으로 다형성을 포로그램적으로 구현한 것이에요. 즉, 조상 Class 자료형 타입의 참조 변수로 자손 클래스의 인스턴스를 참조할 수 있도록 하였다인 것이에요. Tv Class와 CaptionTv Class가 이와 같이 정의되어 있다고 할 때, 두 Class 간의 관계 그림은 아래와 같은 것이에요. Tv Class와 CaptionTv Class는 서로 상속 관계에 있고, 이 두 Class의 인스턴스를 생성하고, 사용하기 위해서는 아래와 ..

안녕하세요? 주니하랑 입니다. 03월 16일 숙제를 한번 해보도록 하겠습니다! 숙제 내용을 공유해서 여러분들께서도 공부하시는데, 많은 도움 되시기 바라겠습니다! 그럼 바로 시작 해 보겠습니다! 📌 나는 설계자! Super Class와 Sub Class(2개 정도)를 이용하여 데이터를 표현하는 프로그램 구현 각 클래스마다 변수, 메서드, 생성자를 우선 정의해야 한다. getter, setter, 상속, 형변환, super 키워드, 오버라이딩을 사용할 것! 📍 클래스 구현표 👉주제: 커피숍 클래스 이름 설 명 Cafe.java Main Method People.java private String name; // 이름 private String phoneNum; // 핸드폰 번호 private String a..

안녕하세요? 주니하랑 입니다. 03월 15일 숙제로 Class에 대하여 조사하는 것을 받은 것이에요! 숙제 내용을 공유해서 여러분들께서도 공부하시는데, 많은 도움 되시기 바라겠습니다! 그럼 바로 시작 해 보겠습니다! 📌 Class 숙제 01 📍 객체 지향 프로그래밍(OOP, Object-Oriented Programing) 객체 지향 프로그래밍에서는 모든 데이터를 객체(Object)로 취급하며, 이러한 객체가 바로 프로그래밍의 중심이 되는 것이에요. 객체(Object)란 간단히 이야기하자면 실 생활에서 우리가 인식할 수 있는 사물로 설명할 수 있겠습니다. 이러한 객체의 상태(State)와 행동(Behavior)을 구체화하는 형태의 프로그래밍이 바로 객체 지향 프로그래밍 입니다. 이 때! 객체를 만들어 내..

안녕하세요? 주니하랑 입니다. 현재 주니하랑은 국비지원으로 자바를 배우고 있고, 그 공부 내용을 다시 복습할겸 또한, 자바 공부를 하시는 분들께 보다 쉽게 이해할 수 있는 자료를 만들고 싶다는 점에서 블로그에 글을 올리고 있는 것이에요. 일단, 자바의 객체지향은 C언어를 가볍게 배웠던 분들이라면 객체지향에서 많이 어려움을 느끼실거라고 생각하는 것이에요. 저도 그랬고, 같이 공부하는 몇몇 분들도 그러한 어려움을 겪고 있습니다. 일단, 주니하랑은 객체지향에 대해 이해가 되었다고 판단되는 바 제가 이해했던 방법을 여러분들께 소개 하면서 많은 분들이 저보다는 좀 더 쉽게 객체지향을 이해하시길 바라는 것이에요. 이 글은 개념 위주로 작성한 글 입니다. 인터넷 강의 등을 통해 자바의 객체지향을 공부 했는데, 잘 이..