본문 바로가기
반응형

분류 전체보기291

vue3 props, vue3 props 사용법, vue props function, vue props 전달, vue3 props ref, defineProps, script setup props vue.js Props란?, vuejs props란?vue에서의 props란 data를 부모 component에서 자식 component로 데이터를 전달하기 위한 방식입니다.아래와 같이 두 개의 component로 이뤄진 component가 있다고 칩시다.component1과 component2는 자식 component라 하고, 이 둘을 포함한 component는 부모 component입니다.부모 component에서 자식 component로 데이터를 전달하기 위한 방법이 props가 있는 것이며,props를 이용하면 부모 component에서 값을 변경하는 코드를 한번만 작성하면 여러개의 component에서 사용하는 값을 동시에 바꿀 수 있습니다.component1component2vue3 Props.. 2024. 8. 7.
vue3 emit이란, vuejs emit 사용법, vue emit 여러개, vue emit 인자, defineEmits vue.js emit이란, vue에서 emit이란?emit이란 영어로 방출하다라는 뜻을 가졌습니다.vue.js에서 emit이란 $emit 함수를 의미합니다.$emit함수는 child component에서 parent component로 communication할 수 있도록,임의의 이벤트를 발생시켜주는 vue의 build-in 함수입니다.이를 도식화하면 아래와 같습니다.$emit의 첫번째 매개변수는 event/함수명이고, 그 뒤에는 가변 인자입니다.@startumlnode ParentComponent{}node ChildComponent{}ChildComponent -> ParentComponent: $emit('event명', 인자1, 인자2, ...)@enduml$emit 사용법, $emit 예제코드아.. 2024. 8. 6.
nvm이란, nvm windows 설치, nvm mac설치, nvm 사용법 nvm 이란?nvm 은 node version manager의 약자로, 여러 버전의 node.js 버전을 관리하는 프로그램입니다.node 버전이 서로 다른 프로젝트에 대해 각 버전에 다른 테스트를 빠르게 진행할 수 있습니다.node와는 별개로, 영어권 국가에서 never mind 의 약자로도 쓰인다고 합니다.nvm 설치하기windows에서 nvm 설치하기1) 아래 주소로 접속합니다.https://github.com/coreybutler/nvm-windows/releases2) 아래와 같이 Assets 쪽에 setup.exe 파일을 다운받아 설치합니다. 또는 아래 링크를 클릭해서 다운받으셔도 됩니다.nvm installmac에서 nvm 설치하기1) 아래 명령어로 ~/.nvm 폴더를 생성합니다.mkdir ~.. 2024. 8. 5.
Java 주요 버전별 spring / spring boot 호환성 java 버전에 따라 spring / spring boot 호환성 비교표Java 버전Java 출시일Java 지원종료일spring 지원버전spring boot 지원버전Java SE 8 (LTS)2014/03/18April 2019 for Oracle (extended : January 2032)November 2026 for Eclipse TemurinNovember 2026 for Red HatJuly 2027 for Amazon CorrettoDecember 2030 for AzulMarch 2031 for BellSoft LibericaSpring Framework 5.3.xSpring boot 2.4.x / 2.5.x / 2.6.x /2.7.xJava SE 11 (LTS)2018/09/25April.. 2024. 8. 4.
windows에서 php composer 설치하기, OpenSSL Error messages 에러, error:0A000086:SSL windows에서 installer를 통하여 설치 설치windows에서 아래 링크를 통해 composer setup exe파일을 다운받아 실행하였습니다.https://getcomposer.org/Composer-Setup.exe그런데, 설치중 아래와 같은 에러가 발생하였습니다.The Composer installer script was not successful [exit code 1].OpenSSL failed with a 'certificate verify failed' error. This indicates a problem with the Certificate Authority file(s) on your system, which either cannot be found or may be out .. 2024. 7. 30.
Java generic method, 자바 제네릭 메소드 예제, 제네릭 메소드 static 제네릭 메소드란?제네릭 메소드는 메소드의 선언 부에 적은 제네릭으로 리턴 타입과 파라미터의 타입을 정하는 메소드입니다.제네릭메소드의 예제 코드는 아래와 같습니다.public class Test { public T name(S param) { if(param instanceof String) { return param; } return null; } } 부분은 어떤 generic을 쓸 지에 대한 내용입니다.T는 임의의 class, S는 T를 extends한 class여야 함을 명시합니다.T name(S param) 부분에서는 앞선 정의에서 S 클래스를 parameter로 받고,T 클래스의 객체로 리턴한다는 뜻입니다.static generic method, 제네릭 메소드 static먼저, 결론적으로.. 2024. 7. 29.
linux crontab 사용법, linux scheduler, crontab이란?, crontab 확인방법, centos crontab, crontab 매개변수, crontab설정 crontab이란?윈도우의 스케쥴러와 비슷한 역할을 하는것으로,"특정 시간에 특정한 작업을 해주는 프로그램"입니다.crontab 사용법crontab -e 명령어를 치면 주기적으로 실행되는 항목이 무엇인지 확인할 수 있으며,어떤 작업을 언제 실행할지 정의할 수 있습니다.예를 들면 아래와 같이 명령어를 입력후 엔터를 치면,crontab -e아래와 같은 화면이 뜹니다.vi 로 파일을 연 것 처럼 보여지게 됩니다.해당 값들을 수정하고 ESC를 누른 후, :wq 를 타이핑하여 엔터하면 crontab(스케줄러) 가 반영되어 내가 설정한 시간에 작업이 수행됩니다.각 줄은 어떤 명령을 언제 실행할 것인지 각각의 항목을 뜻합니다.한 row에서 각 항목이 의미하는 바는 다음과 같습니다.즉, 몇분, 몇시, 몇일, 몇월, 무.. 2024. 7. 29.
닷넷 vs 닷넷프레임워크 차이, .NET vs .NET Framework 차이 .NET Framework 란?한마디로 표현하자면 "윈도 프로그램을 만들기 위한 개발 프레임워크" 입니다.닷넷 프레임워크(NET Framework)는 웹 기반 애플리케이션,form 기반 애플리케이션, 웹 서비스를 포함한 윈도 애플리케이션 개발을 위한 소프트웨어 프레임워크 입니다.프레임워크는 C#, 비주얼 베이직 등과 같은 프로그래밍 언어를 지원하여 모두에 걸쳐 일관된 프로그래밍 모델을 제공합니다..NET Framework 는 다음과 같은 아키텍쳐로 구성되어 있습니다. VB(Visual Basic), C++, C#, F# 등 여러 언어로 프로그램을 개발할수 있으나,대부분 C#을 많이 사용하고 있습니다..NET 이란?한마디로 표현하자면 "cross platform 프로그램을 만들기 위한 개발 프레임워크" 입.. 2024. 7. 27.
SQL(query) DB, column 명이 예약어와 겹칠경우 해결방법 sql 쿼리에서 db나 column명이 예약어와 겹쳐서,syntax error 가 발생하는 경우에 어떻게 하면 해결할 수 있는지 확인해보겠습니다.아래와 같은 모양의 테이블이 있다고 가정할 때,select order from tbl; 과 같이 쓰면 에러가 발생합니다. 컬럼명타입numintorderintcontenttext에러 문구 예시You have an error in your SQL syntax; it seems the error is around: 'order from tbl' at line 2이를 피하기 위해서는 각 DB별로 아래와 같은 방식으로 해결합니다.MYSQL / mariadb` `로 감싼다.따옴표가 아니라 키보드에서 숫자 1 왼쪽에 있는 문자입니다.억음브호, backtick, backquo.. 2024. 7. 26.
nodejs / javascript에서 sleep javascript에서 sleep 함수 구현javascript에는 sleep함수가 없어서, 직접 구현해서 사용해야합니다.sleep 함수를 구현하는 법은 다음과 같습니다.//ms micro sec만큼 대기async function sleep(ms) => { return new Promise(resolve=>{ setTimeout(resolve,ms) });}사용법은 다음과 같이 sleep 함수 앞에 await를 붙여서 써 줍니다.console.log('sleep 수행 전');await sleep(1000);console.log('1초 후에 실행결과출력');Promise 없이 Sleep하기 1오래된 자바스크립트 버전 (ecma6 이전)에서는 Promise를 쓸 수 없습니다.이럴 때 대안 첫번째는 babel.. 2024. 7. 25.
[겨울 12월 태국여행] 11. 피어21, 방콕 가성비 푸드코트, 터미널21 아속 , PIER21 방콕에서 가성비 좋은 푸드코트인 피어21을 다녀왔었습니다. 수쿰윗(sukhumvit)역 또는 아속역(asok) 에서 내리면 바로 앞에 있는 터미널 21 아속 컴플렉스 5층에 있는 곳입니다. 터미널 21아속은 각 층마다 각 나라별 컨셉을 가지고 매장을 구성하며, 에스컬레이터 타는곳 초입은 아래와 같이, 마치 공항 게이트를 지나는 느낌을 느끼게 해줍니다. 피어21은 5층에 있습니다. 특별히 괄호안에 PIER21이라고 명시도 해주네요. 피어21을 찾아가면 아래 사진과 같이 인포데스크가 있는데요, 이곳에서 교통카드를 충전하는것처럼 카드를 받아야합니다. 그 카드로만 푸드코트 안의 음식을 사먹을 수 있습니다. 현금만 가능하며, 현금을 주면 금액이 충전된 카드를 줍니다. 남은 금액은 인포데스크에서 100% 환불이 되.. 2024. 2. 14.
[겨울 12월 태국여행] 10. 쩟페어 야시장 (Zodd fairs market) 방콕에 와서는 쩟페어 야시장을 갔습니다. 위치는 Phra Ram 9 역 근처에 있습니다. 제가 묵은 숙소에서 지하철 한 정거장 가면 되며, 걸어서는 15~20분정도 걸립니다. 16시부터 운영을한다고 했는데, 살짝 일찍갔는데도 열었습니다. 입구를 가기전부터 매장이 늘어져 있습니다. 아직 이른 시간이어서 그런지 몇몇군데는 닫혀있긴했습니다. 그중 꼬치와 곤충 튀김?볶음? 있는 곳에 눈이 갔습니다. 곤충은 차마 도전해보지는 못하겠고.. 새우가 먹음직해보여서 새우 하나 주문했습니다. 크기가 굉장히 큰데, 이런 새우는 영어로 prawn 이라 불리더군요. 양이 많아서 먹다가 좀 남겨서 나중에 또 먹었는데요, 따뜻할때 먹어야 맛있더군요. 입구의 모양. 입구들 들어가자 마자 보이는곳인데, 아직 이른 시간이고 평일이어서 .. 2024. 2. 6.
반응형