코딩짜는 일상

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번으로 ..

업무의 일환으로 설문조사 웹 페이지를 만들게 되었습니다. 처음에는 간단해서 반나절이면 끝날 줄 알았는데 역시나 생각할 거리가 많았고 2일정도 걸렸습니다. 문항처럼 반복 작성하는 노가다가 있었지만 VS코드의 단축키 기능 도움을 많이 받았습니다. (특히 ctrl+alt+방향키 , alt+클릭...) 기능 구상 기능은 크게 3가지가 있습니다. 1. 각 설문 문항 (checkbox, radio) 2. 미응답 여부 확인 3. 설문 저장 특히 미응답 여부를 확인할 때 1) 단순히 선택값의 유무를 판단하는 경우 2) 기타(직접입력)을 선택한 경우 3) n개 이상, m개 이하 복수선택인 경우(checkbox) 이렇게 3가지 경우를 추가로 고려해야 하죠. 우선은 각 설문 문항부터 작성하고 이후 JS로 미응답 여부를 판단..

현재 우리 회사는 웹으로 작업한 페이지를 앱을 통해 보여줌으로써일부 서비스를 제공하고 있다. (특히 이벤트 페이지) 그중 룰렛 이벤트 페이지를 내가 만들어 제공했는데,이상하게도 ios에서만 버튼이 동작하지 않는 오류가 있었다. 테스트 모달 처음에는 div type="button"이 안 먹히나보다~ 했다. 마침 디자인이 태그랑 비슷하겠다 a태그로 수정해 봤다. 테스트 모달 결과는 여전히 무반응... 다른 모달 팝업 버튼은 다 먹히는데 왜 얘만 안될까 해서 봤더니다른 버튼은 button으로 되어있길래 태그로 바꿨다. 디자인을 a태그랑 비슷하게 가져가야 해서스타일에 라인과 백그라운드를 투명으로 해줬다. ** 최종 ** 테스트 모달 ** 후기 **여전히 왜 이런 이슈가 있었는지 모르겠..

함수형 function 장_ 보기 편하다. 확인, 취소 여부에 따라 여러가지 함수나 동작을 지시할 경우 작성이 편하다. 단_ 스크립트 태그를 어디 두느냐, 얼마나 자주 수정이 필요한가 두가지 상황에 따라 코드를 읽으러 오가기 번거로워진다. html _ 태그 내부에 작성 장_ 단순히 지정된 페이지로 이동할 지 아닌지 여부만 확인할 거라면 쓰기 좋다. 단_ html 테그 내부에 쓰는거라 기능과 프론트가 구분 안되어 다소 번잡할 수 있다. 삭제