코딩짜는 일상

서론 ajax로 배열을 넘겨야 할 일이 있었는데 제대로 넘어가나 확인하려고 script에 넘기기 전 데이터를 console.log로 출력하도록 코드를 추가했습니다. 하지만 아무리 새로고침을 해도 console에 출력이 없었고 확인삼아 console.log("test") 를 찍어봐도 undefined가 떴습니다. 결론 한참을 테스트해보고 검색해보다가 알게 된 사실... 제가 전날 코드를 검색하다가 Filter 란에 검색어를 남겨뒀는데 그게 원인이었습니다... 진짜 한참을 찾아봤는데... 알고나니 허탈하네요...

서론 배열에 든 변수를 쿼리에 쓰기 위해 하나의 문자열로 가공하거나 배열에 든 값을 ,로 구분하여 문장으로 나열하는 경우가 의외로 있습니다. 하지만 맨날 햇갈려서 다시 검색하고를 반복하므로... 포스팅을 작성합니당~ 배열을 문자열로 나열(문자열 끝에서 n번째 버리기) 배열을 문자열로 나열하려면 반복문으로 배열에 든 값을 문자열 변수에 추가해주고 끝에 ,를 추가해 구분해주면 됩니다. 단, 맨 마지막의 ,는 없어야 하니까 이때 substr() 또는 mb_substr()을 써줍니다. $_string = ''; foreach($array as $key => $val){ $_string .= $val.", "; } $string = substr($_string, 0, -2); $query = "SELECT * F..

서론 업소별 매출자료를 조회하다가 Error Code: 1111와 Error Code: 1064에러를 봤습니다. 원하는 건 배달완료 건수, 배달취소 건수, 배달완료 할인금액(포인트 + 쿠폰), 배달완료 매출금액 이렇게 4개였는데 WHERE절에 배달완료인 상태, 배달취소인 상태를 각각 조건 바꿔서 검색하는게 귀찮았습니다. 그래서 WHERE '배달상태' IN ('완료', '취소')를 조건으로 두고 SUM, IF를 이용해 조건 합을 구하려 했지만... 배달완료 할인금액(포인트 + 쿠폰)에서 오류가 발생하였습니다. Error Code: 1111 가장 먼저 조건이 맞으면 SUM을 이용해 포인트와 쿠폰값을 더하도록 해봤습니다. SELECT SUM( IF(`배달상태`='완료', sum(`포인트` + `쿠폰`), 0)..

MySQL에는 INSERT문을 쓰는 방법이 2가지 있습니다. 첫번째는 SQL 표준이고 INSERT INTO table (a, b, c) VALUES (1, 2, 3); 두번째는 MySQL 확장입니다. INSERT INTO table SET a=1, b=2, c=3 첫번째 방법은 SQL표준이라 다른 DB를 쓰더라도 똑같이 사용할 수 있고 여러개의 row를 추가할 때 아래와 같은 방법으로 한 번에 등록이 가능합니다. INSERT INTO table (a, b, c) VALUES (1, 2, 3), (4, 5, 6), (7, 8, 9); 단점으로는 칼럼을 쓴 순서와 똑같이 해당하는 벨류값도 순서대로 넣어줘야 제대로 insert가 된다는 점인데.. 수기로 쓰다보면 실수할 위험이 있습니다;; 두번째 방법은 컬럼 ..

각 회사마다 DB에 safe mode를 걸어두는 회사가 있습니다. 저희 회사가 그랬고... 때문에 DELETE 쿼리가 작동하지 않았죠. 아래 오류 문구를 보면... error code: 1175. You are using safe update mode and you tried to update a table without a WHERE that uses a KEY column. 현재 safe update mode를 사용중이며, WHERE절에 KEY컬럼 없이 업데이트를 하려고 했다. 고 설명합니다. 요컨데 safe update mode에선 Primary key를 WHERE절에 꼭 넣어야 삭제 및 업데이트가 가능하다는 뜻이 됩니다. 방법으로는 0 를 추가해주는 방법이 있습니다. 결론은 SQL쿼리에서 UPDA..

알파인 JS가 심플해서 마음에 든 김에 좀 살펴보다가 근래 리스트 페이징 만들 때 고생했던 게 떠올라 만들어 봤습니다. 인터넷에 검색하면 전부 ajax로 불러와서 들을 치환하라고 하는데 당시 조금 급하게 완성해야해서 머리도 안 돌아가고 당황했던 기억이...ㅜㅠ 각설하고 컨셉은~ 예제중 가장 첫번째인 x-on:clikc으로 x-data를 늘이고 줄이는 예제와 x-show와 x-transition을 이용해 해당 요소를 숨겼다 꺼내는 예제를 섞습니다! 연산자 중에 %가 있죠? x-data="{val: 0}"를 만들고 이걸 x-on:clikc으로 늘였다 줄이고요. x-show의 값은 val%'페이징갯수'=='현재페이지번호(0부터 시작)' 이렇게 해주면 해당 페이지만 true가 되면서 보여지고 다른 페이지들은 자..

메뉴의 서브메뉴를 숨겼다 펼치거나 특정 목차의 컨텐츠 내용을 접었다 펼칠 때 주로 collapse 또는 아코디언을 검색합니다. 찾아보시면 여러가지 방법을 소개하고 있지만 일단 이 글에선 Javascript와 jQuery를 쓰는 방식을 비교해보고자 합니다. 먼저 HTML은 다음과 같습니다. HTML main 1 sub 1 sub 2 sub 3 Javascript 먼저 자바스크립트 입니다. 서브 메뉴의 max-height를 0으로 만들거나 원래 높이로 되돌리는 방식으로 접었다 폈다 하는 컨셉입니다. sub 클래스 스타일에 transition을 추가해주지 않으면 애니메이션 없이 팟 나타났다가 팟 사라집니다. 주의!! jQuery 마지막으로 제이쿼리 입니다. 자바스크립트보다 코드가 훨씬 짧아졌습니다! 서브 메뉴..

(업데이트) html, body 둘다 overflow를 먹인채로 scrollTo를 써야하는 경우가 있어서... 좀 더 고심끝에 새로운 방법을 찾았습니다! - 20220802 #1 원인 스크립트가 동작하지 않는다면 가장 먼저 생각해볼 것은 함수 function 이 제대로 동작하지 않는 것입니다. 함수 안에 console.log('확인문구')를 입력해서 console에 문구가 찍히는지 확인해보면 알 수 있죠. 하지만 문구가 찍히는데도 scrollTo가 안 먹힌다? 1. 이동해야 할 위치값을 못 받음 2. scrollTo로 움직일 스크롤을 잘못 특정함 원인은 이 둘 중에 하나일 것입니다. #2 구조 저는 요소를 클릭하면 javascript를 이용해 지정한 페이지로 이동하는 웹 페이지를 만들었습니다. 2번으로 ..