전체 글 검색 결과
454 개의 검색 결과가 있습니다.
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

vue3 + vite: 기본으로 잡혀야 할 태그 간 여백이 사라질 때

button 태그 등은 기본적으로 여러개가 배치되면 각 요소 사이에 여백이 생성되도록 되어있다.vite의 plugin-vue 에서는 이런 부분을 강제로 억제하는 설정이 기본으로 되어있다.bootstrap 템플릿을 다운받아 사용할 때면 한줄 배치된 버튼들이 다닥다닥 붙어 나오는 것은 이런 이유이다.이런 경우 vite의 vue 플러그인 옵션을 수정하여 해결할 수 있다.//beforeplugins: [vue()]//afterplugins: [ vue({ template: { compilerOptions: { whitespace: 'preserve', }, }, }),]

2024. 10. 8. 15:33
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

vue3 typescript composition api 전역 함수 만들기

가장 단순하게 사용할 수 있는 console.log() 메서드를 $sendConsole() 이라는 이름으로 래핑해본다. helpers.tsimport type {App} from 'vue';const helpers = { $sendConsole(msg: string): void { console.log(msg); }};declare module '@vue/runtime-core' { interface ComponentCustomProperties { $sendConsole: (msg: string) => void; }}export default { install(Vue: App) { Vue.config.globlaProperties.$sendConsole = helpers..

2024. 5. 29. 15:06
마지막 업뎃이 언제였는지 기억 안나는 사진 이야기/Travel

하노이 6/8일차

퍼 지아 쭈웬 https://maps.app.goo.gl/LPk2bW99qBygUXDw8 하노이 구시가지에는 아침, 저녁에만 영업하는 쌀국수집이 있다. 이곳은 06~10, 18~20:30 동안에만 운영된다기에 일어나자마자 눈꼽만 떼고 달려가봤다. 그리 늦지 않은 시간임에도 가게는 현지인들로 북적대고 있었다. 음식도 직접 가져가야하고 자리도 알아서 찾아야 한다. 영어가 안통해서 눈치코치로 주문과 지불을 하고 현지인들 틈에 줄을 서 간간히 들려오는 한국어를 들으며 기다리다보니 어느새 차례가 왔다. 손이 빠른 주인아저씨가 뜨끈하게 삶아진 고기를 눈앞에서 직접 썰어 쌀국수에 얹어 내주었다. 빈 자리가 없어서 다른 테이블에 꼽사리 껴서 앉을수밖에 없었다. 이곳은 다행히 고향의 맛은 아니었다. 다만 전반적으로 단맛..

2024. 5. 8. 00:39
내가 자꾸 까먹어서 쓰는 개발 이야기/Vue.js

Vue 3 Composition API: route 가드 설정 전 인증 체크하기

상황은 이렇다. Laravel의 sanctum을 통해 토큰을 받는 인증 방식을 채택Pinia 스토어를 통해 인증 상태를 저장저장된 인증 상태를 확인하는 route guard 사용먼저 main.ts 에서 앱에 route가 주입되기 전에 인증 상태를 확인해야 한다.axios의 then 내부에서 app.use(router); 를 시도하니 오류가 발생했다.따라서 axios를 async로 호출하여 강제로 토큰 확인이 완료된 후에 진행되도록 했다.const authenticated = async (): Promise => { try { return axios.get('/user/me'); } catch (e) { return undefined; }};const auth: AxiosResponse |..

2024. 4. 26. 10:54
내가 자꾸 까먹어서 쓰는 개발 이야기/Laravel

Laravel 11 - Kernel.php 제거

Laravel 11에서는 Kernel, cast, Console kernel이 제거되었다고 한다. Laravel 9 버전의 공식 문서를 통해 sanctum을 설치하려고 하면, SPA를 사용할 계획이 있는 경우 app/Http/Kernel.php에서 api 미들웨어 그룹을 찾아 배열 요소를 추가하라고 한다. Laravel 11의 Kernel.php에 해당하는 내용은 app/bootstrap/app.php 파일로 이동되었다. sanctum 기준으로 해당 파일의 withMiddleware 메서드 안쪽에 아래와 같이 추가하면 된다.

2024. 4. 22. 14:40
마지막 업뎃이 언제였는지 기억 안나는 사진 이야기/Travel

하노이 5/8일차

아침에 일어나 창밖을 보니 안개가 자욱했다. 일전에 Kem Trang Tien에 들렀을 때 기억해 둔 유니클로를 지나치는 코스로 아침을 먹기 위해 우선 호안끼엠 호수로 갔다. 호수변에는 수면이 보이지 않을 정도로 더 안개가 자욱했다. 호안끼엠 호수는 호숫가 보도에 펜스도 없이 바로 물이라, 호수 가까이 걷기엔 무서울 지경이었다. 구글 지도에서 좋은 평이 많았던 Pho Suong에 갔다. 가게는 아직 한산했기에 바로 주문할 수 있었다 첫 입을 먹자마자 눈이 번쩍 뜨였다. 타향에서 느끼는 진한 고향의 맛... 다○다... 고향의 맛이 엄청 진하게 났다. 책에서 현지 쌀국수 식당들이 msg를 많이 쓴다는 내용을 읽긴 했는데, 예상보다 확연하고 강력했다. 그래도 그 맛이 나면 맛이 없을 수가 없기에 일단 맛있게..

2024. 2. 25. 23:28