전체 글124 Vue3 Component 예제를 통해 배워보기 (부모 자식간 연동하기) 안녕하세요. 오늘은 Vue3 환경에서 Component을 다루는 방법을 포스팅하려고 합니다. 요즘은 Vue로 개발하는 환경이 정말 많아진 것 같은데요. Vue의 업데이트도 꾸준히 되면서 새로운 것이 많이 나오고 있습니다. 하지만 어떤 기술이든 기초적인 것이 가장 중요하기 때문에 오늘은 Vue의 Component에 대해서 알아보고 기초적인 것들이 익숙해지고 나면 조금씩 단계를 올려 포스팅해 보도록 하겠습니다. :) ( 저도 기초가 부족해서 오래 걸릴것 같긴 합니다..ㅜ ) Vue를 사용하다 보면 기능별, 메뉴별 등 시스템 설계에 따라 Component를 나눠서 개발을 많이 하는데, 현재 저도 프로젝트를 진행하면서 하나의 페이지를 개발할 때 Component 구조를 잡는데 시간이 많이 들어가고 있습니다 ㅎㅎ.. 2023. 1. 30. 자바 String StringBuffer StringBuilder 비교, 차이점 알아보기! 안녕하세요. 오늘은 자바에서 문자열 연산에 사용되는 String class에 대해 정리해 보려고 합니다. String 연산에 사용되는 class는 크게 String, StringBuffer, StringBuilder 이렇게 세 종류가 있습니다. 결괏값만 두고 봤을 땐 차이가 없지만 내부적으로 처리하는 과정이 달라 서비스의 성능까지 영향이 있기 때문에 차이점을 알고 사용하신다면 자바 개발 업무에 많은 도움이 되실 거예요! 그렇다면 각 class별로 어떤 차이점과 특징이 있는지 간단한 예제를 통해서 하나씩 알아보겠습니다. 불변성과 가변성 불변성 : immutable, 값이 할당된 공간이 변하지 않는 특성을 의미 가변성 : mutable, 값이 할당된 공간이 변하는 특성을 의미 들어가기 전에 먼저 알아야 할 .. 2023. 1. 29. Vue Options API와 CompositionAPI 비교하기! 안녕하세요. 오늘은 Vue의 Options API와 CompositionAPI의 특징과 차이점을 정리해 보려고 합니다! Options API는 Vue 2 버전에서 주로 사용하는 디자인 방식이고, Composition API는 Vue 3 버전이 나오면서 2 버전보다 조금 더 유연하고 향상된 방식이라고 보시면 될 것 같아요. 실제로 어떤 차이가 있는지 간단한 예제를 통해서 알아보겠습니다. :) 1. Vue 2 - Options API 방식 click 먼저 Vue 2 버전의 Options API 방식입니다. 위의 방식은 Vue의 가장 기본이 되는 방식이라고 할 수 있습니다. 보통 Vue를 배우기 시작하신 분이라면 Options API 방식을 많이 보셨을 텐데요. 아직은 Vue 3의 Composition API.. 2023. 1. 29. 자바 천단위 콤마 찍기 (addComma) 안녕하세요. 오늘은 자바에서 숫자 천 단위 콤마 찍는 방법을 포스팅하려고 합니다. 숫자에서 천 단위 콤마를 찍는 이유는 결과 데이터를 볼 때 가독성이 좋게 하려는 이유가 큽니다. 물론 다른 이유가 있을 수도 있습니다! 천 단위 기준으로 콤마를 찍어주는 방법은 간단하지만 이러한 간단한 스킬을 많이 가지고 있으면 개발 업무를 볼 때 많은 도움이 됩니다. :) 그럼 예제를 통해서 하나씩 배워보도록 하겠습니다! 1. long 타입 천단위 콤마 public static void main(String[] args) { // 1000000 콤마 추가 System.out.println(addComma(1000000)); } public static String addComma (long num) { // Decimal.. 2023. 1. 28. jQuery attr(), prop() 차이점 알아보기! 안녕하세요. 오늘은 jQuery에서 속성값을 다루는 attr()과 prop()에 대해 포스팅하려고 합니다. 자바스크립트의 DOM 요소를 다루면서 태그마다 특수한 기능을 가진 요소가 있습니다. 오늘 예제를 통해 다뤄볼 요소는 a, input, checkbox, radio 태그를 이용하여 attr(), prop() 기능을 다루는 방법과 차이점을 알아보도록 하겠습니다. attr() attr : attribute를 줄인 용어로 태그의 속성 값을 key, value 구조로 태그에 등록하여 다루는 기능으로 html 기준의 속성값이라고 이해하면 됩니다. prop() prop : property를 줄인 용어로 태그의 고유 속성 값을 다루는 기능으로 javascript 기준의 속성값이라고 이해하면 됩니다. 그럼 간단한 .. 2023. 1. 28. 파이썬 time data 'X' does not match format '%Y-%m-%d' 에러 해결하기 (time.strptime()) 안녕하세요. 오늘은 파이썬에서 time.strptime() 함수를 사용하면서 발생하는 에러인 time data 'X' does not match format '%Y-%m-%d' 내용에 대해 포스팅하려고 합니다. strptime() 함수는 날짜형태의 문자열을 지정된 format에 맞춰 parsing 하는 함수이며, 날짜 형식으로 parsing하는 과정 중에 발생하는 에러입니다. 어떤 문제로 에러가 발생했으며, 어떻게 처리할 수 있는지 예제 소스 코드를 통해 알아보도록 하겠습니다. 1. 에러 발생 예제 소스 코드 import time def task(): # strptime str = '2023-01' strptime = time.strptime(str, '%Y-%m-%d') print(strptime) i.. 2023. 1. 27. 이전 1 ··· 8 9 10 11 12 13 14 ··· 21 다음
