99duuk

사용자로부터 입력 받은 값이 공백인지, 유효한 값인지등 검증을 하고 서버 요청을 보내야하잖 ! 그래서 methods: { validateFields() { const requiredFields = [ { key: 'name', label: '이름' }, { key: 'no', label: '번호' }, { key: 'age', label: '나이' }, { key: 'phone', label: '전화번호' }, { key: 'address', label: '주소' }, ]; for (const field of requiredFields) { co..

기존에 COUNT(*)로 전체 개수를 구했는데.특정 조건에 따라 개수를 구하고 싶을 때는 CASE 문을 활용해 한 번의 쿼리로 각각 조건별 개수를 구할 수 있음.   기존 쿼리 : 전체 개수 조회SELECT COUNT(*)FROM your_tableINNER JOIN ...WHERE no IN ('a', 'b')AND ... AND ...; 결과는 10이 나왔음 이 쿼리는 no가 'a' 또는 'b'인 전체 행의 개수, 즉 10을 반환함 조건별 개수를 구하는 쿼리이제, 조건에 따라 'a'와 'b' 각각의 개수를 구하고 싶다면 CASE 문을 사용해 한 번의 쿼리로 해결할 수 있음.SELECT COUNT(CASE WHEN no = 'a' THEN 1 END) AS ACount, -- 'a'인 행의 개..

INTERVAL은 SQL에서 날짜나 시간을 계산할 때 사용하는 키워드로, 특정 기간을 더하거나 빼는 데 활용됨. 예를 들어, 현재 시간으로부터 7일 전이나 한 달 전과 같은 시점을 계산할 때 매우 유용함.문법: DATE_COLUMN >= NOW() - INTERVAL 기간 단위활용 가능 단위: SECOND, MINUTE, HOUR, DAY, WEEK, MONTH, YEAR 등 자주 쓰는 INTERVAL 예시1. 최근 일주일 데이터 조회최근 7일 동안의 데이터를 조회하고 싶을 때 사용. 현재 시각 기준으로 7일 전부터 현재 시각까지의 데이터를 가져옴.WHERE DATE_COLUMN >= NOW() - INTERVAL 7 DAY; 이 쿼리는 현재 시각 기준으로 7일 전부터 데이터를 조회하는 조건임. 예를 들..

당장은 굳이? 싶더라도 1 언젠가? 혹시모를? 을 대비해 당장 귀찮고 좀 더 생각해야하더라도 확장하기 쉽게 짜는 것이 좋은가.. 2 빠르게 진도 빼고 빡! 마무리 후 리팩토링이 좋은가… 일단 2 경우는 마무리하고 리팩까지 가기가 생각보다 쉽지 않다. 상황이 여의치 않거나 몹시 귀찮거나 아예 잊어버리거나.. 그렇다고 1 경우는 시간도 늘어나.. 괜히 고치다 산으로도 가.. 아예 돌아가지도 않아.. 신경써봐도 나중에 보면 개구려.. 일단 정리를 잘 해놔야될 것 같은데… 컨벤션이든 디렉터리 구조든… 한달만 지나도 내가 쓴 코드 좇아가기 힘든데…

스크립트 요소 순서문득 순서가 개판이길래... 스크립트 요소의 순서를 정하는 것은 가독성과 유지보수에 도움이 된다는 지피티의 말..공식적인 규칙은 없지만, 일반적으로 많이 사용되는 컨벤션이 있다고 함... 99duuk.tistory.com

1. px (픽셀)예시: font-size: 16px;장점: 크기 고정이라 일관성 유지 쉬움.단점: 반응형에 적합하지 않음. 화면 바뀌면 폰트 크기 변하지 않아 모바일에선 별로임.2. em예시: font-size: 1.2em;장점: 부모 폰트 크기 기준으로 크기 조절 가능. 유동적이라 반응형에 유리함.단점: 중첩되면 크기 예측 힘듦. 관리 어려움.3. rem예시: font-size: 1.2rem;장점: 사이트 전체에서 일관성 있음. 브라우저 기본 폰트 크기 기반이라 유연하고 안정적임.단점: 특정 요소는 따로 크기 조정 필요할 수 있음.4. vw (뷰포트 너비)예시: font-size: 2vw;장점: 화면 너비에 따라 폰트 크기 유동적임. 반응형에 좋음.단점: 큰 화면에선 너무 커지고 작은 화면에선 너무 ..

개발은 크롬에서 함개발자 모드에선 height를 100vh를 하든 100% 이쁘게 잘나옴근데 그걸 모바일 브라우저로 들어가서 보면 하단이 잘림오 왜? 왜잘림? 모바일 브라우저의 주소창이나 인터페이스바가 뷰포트로 포함(?) 됨그럼 어캄?  mounted() { this.setVh();},methods: { setVh() { // 실제 viewport 높이의 1%를 계산 const vh = window.innerHeight * 0.01; // CSS 사용자 정의 속성 --vh를 설정 document.documentElement.style.setProperty('--vh', `${vh}px`); },},요로코롬 해주믄 ㄹㅇ 뷰포트를 계산해버림 .mobile-..

lazyvim 정의로 이동 못하겠음vscode에서 vue쓰는데 정의로 이동이 안되니까 (f12) 넘 불편해서 웹스톰으로 넘어갔다가 영 맘에 안들어서 lazyvim 입문했으나 lazyvim에서도 안됨ctag 설치해보래서 해보고 뭐 설정하래서 해보고 뭔 서버가 또 있어야하고 설정파일 추가해야줘야하고  다른 사람이 이미 github에 올려둔 설정파일 갖다 그대로 써도 안되고구글링해도 못찾겠고 지피티는 같은 소리만 반복 클러드도 마찬가지    그냥 초심 찾자!  vscode에서 문제를 해결해보았음 Vetur can't find tsconfig.json or jsconfig.json in /Users/tars/Documents/svn/sp_motras/vue.jsconfig.json 파일이 없었음 vetur가 이..

vscode에서 f12도 제대로 안먹고 이래저래 vue하는데 불편함이 많을다 였다.  webStrom도 써봤는데 인텔리제이랑 비슷해서 별로였다. (본인은 프론트는 밝은 테마 vscode, 백은 기본 인텔리제이 썼음. 프론트백 따로따로 단축키도 분리해서 쓰는 게 좋음) 예전에 써보려다가 이번에 입문해봄    Neovim에서 탭마다 버퍼가 독립적으로 존재하지 않음. 모든 탭은 전체 Neovim 인스턴스에서 공유되는 동일한 버퍼 목록을 사용함.요약하자면:버퍼는 파일을 메모리에 로드한 상태이며, Neovim 인스턴스 전체에서 전역적으로 관리됨. 모든 탭이 동일한 버퍼 목록을 공유함.탭은 단지 화면 레이아웃을 관리하는 용도이며, 각 탭은 여러 창(Window) 배치를 독립적으로 구성할 수 있지만 버퍼는 공유됨.예..

2024년 현황입니다.    10월은 간당간당하게 100킬로를 채웠읍니다.  러닝붐으로 달리는 사람이 많아져 좋습니다.    운동을 하면 반드시 건강해집니다.      이 기세를 몰아어제보다 나은 오늘, 지난주보다 나은 이번주, 작년보다 발전한 올해.올해는 작년보다 1킬로미터라도 더 뛰어보겠습니다.  23년도에 이어 24년도도 1,000킬로미터를 넘겨보도록 화이팅^^!! 입니다.