전체 글 (544) 썸네일형 리스트형 Vue3 + Typescript + script setup ... ... ...OuterComponent> Composable 제공 함수는 작업 대상을 파라미터로 주입하는 방식 추천. ... 인 경우,Options API 에서는 this.$refs.ref1 또는 this.$refs['ref1'] 과 같이 사용하지만,Composition API 에서는 const ref1 = ref(); 으로 정의하고, ref1.value 로 사용.Options API 보다 코딩량이 늘어나는 이유가 되기도 해서,.value 를 많이 사용하는 개체라면..script 상단에서 .value 를 담을 변수를 let 으로 정의하고,onMounted() 에서 해당 변수에 .value 를 담아서 활용하는 것도 나쁘지 않음....const refDiv1 = ref(); // 변수명은 re.. 'Vue + Vite' 에서의 이미지 사용 요령 0.1 Vite 는 dev 또는 build 시.. /src/ 에서 먼저 이미지를 찾고 /src/ 에 없으면 /public/ 에서 찾으며 /src/ 와 /public/ 에 없으면 에러(또는 이미지 표시X) 0.2 Vite 는 build 시.. /src/ 에 이미지가 있으면, 이미지 파일 사이즈에 따라 base64 인코딩, 또는 /dist/img/ 경로에 신규 생성 /public/ 에 파일이 있으면, /dist/ 에 무조건 그대로 복사 (파일명과 생성일자 변경 없음). vite.config.ts 파일의 build.rollupOptions.output 항목 참조. /src/assets/ 아래에 존재하는 이미지 중 .vue 에서 기술된 파일만 적용하는게 아니라면.. .. Vue 개발 구성 조합 Vue + Vite + Typesript + Mixin + Pinia + Axios + Vue-Router - Vue 3 : Option API 또는 Composition API. React 나 다른 F/W 도 좋긴 함- Vite 5 : Dev 또는 Bundler. Webpack 도 쓰이긴 하지만, Vite 퍼포먼스 보면 끝- Typescript 5 : 귀찮긴 해도 안정적- Mixin 0 : methods 만 사용 추천. Composable 은 Composition API 인 경우 사용- Pinia 2 : 캐시 또는 전역 데이타. 브라우저 Storage 연계 플러그인 존재. Vuex 는 deprecated- Axios 1 : 서버 비동기 연계- Vue-Router 4 : SSR 이 필요하다면 플러그인 추.. Vue 2024, Webpack VS Vite, Composition API VS Option API 원문: https://velog.io/@sehyunny/insights-and-trends-in-vuejs-2024 - Webpack 과 Option API 등을 계속 지원할 거라고 합니다. ^^; 리눅스 히스토리 삭제 cat /dev/null > ~/.bash_historyhistory -c 로그아웃 할 때,버퍼에 담긴 히스토리 내역이 ~/.bash_history 파일에 저장됨.단, 마지막에 실행한 history-c 는 파일에 저장되지 않음. ~/.bash_history 는,로그인 한 사용자의 /home 경로에 있는 .bash_history 파일. 리눅스 awk 원문: https://inpa.tistory.com/entry/LINUX-%F0%9F%93%9A-awk-%EB%AA%85%EB%A0%B9%EC%96%B4-%EB%AC%B8%EB%B2%95-%EB%A7%88%EC%8A%A4%ED%84%B0-%F0%9F%92%AF-%EC%B4%9D%EC%A0%95%EB%A6%AC 기본은 awk '패턴 {액션}' 파일명,또는 | awk '패턴 {액션} 패턴이나 액션은 생략 가능하지만, 동시에 생략하지 못함.패턴은 매칭 또는 필터링, 액션은 동작.액션 생략시 {print $0} 과 동일 동작. $0 은 라인 전체,$1 은 라인에서 첫번째 항목,$2 는 라인에서 두번째 항목, ...라인에서 마지막 항목은 $NF,라인에서 마지막 항목으로 부터 첫번째 떨어진 항목은 $(NF -1). [스프링부트] 인터페이스 구현 클래스가 여럿인 경우, 컨트롤러에서 어떤 것을 사용..? 원문 : https://velog.io/@daelkdev/Spring-bean이-여러-개-일-때-어떻게-의존성을-주입할까1. @Controller 클래스에서 서비스 기술시 @Autowired 를 사용하는 방법 어떠한 이유로든 오류가 발생할 수 있어서 추천되는 방식은 아니네요. ㅠ2. @Service 클래스에 @Primary 로 우선 주입 클래스를 지정하는 방법 (우선 주입된 클래스가 아닌) 다른 클래스를 사용해야 할 수도 있어서 추천되지 않는..3. @Service 클래스에 @Qualifier("클래스 인스턴스명") 를 지정하고, @Controller 클래스의 생성자에서 (구현한 클래스를) @Qualifier 입혀서 파라미터를 등록하는 방법. 음.. 이 방법이 좋네요. @Controller.. Whitelabel Error Page 화면과 함께 for checking its last-modified timestamp 로그가 찍히는 경우 브라우저 화면에는 "Whitelabel Error Page" 가 표시되고,로그에는 아래 내용이 찍혔다면.. java.io.FileNotFoundException:URL [file:////.../파일명] cannot be resolved in the file system for checking its last-modified timestamp 이런 경우라면, 별일 아니다..WAS 를 재시작 하면 해당 현상은 더이상 발생하지 않는다. WAS 기동 후 어느 순간에 "URL [file:////.../파일명]" 이 정상 서비스 되었던 흔적이 있지만,해당 경로에 해당 파일명이 "현재" 존재하지 않기 때문에,이런 현상이 발생했던 것.다만, WAS 를 재시작 하기 전에는 해당 로그가 계속 쌓일 수 있음에 유의. 이전 1 2 3 4 ··· 68 다음