반응형 전체 글129 mysql union과 union all의 차이 테이블이나 데이터를 합쳐야 하는 경우 UNION 또는 UNION ALL을 사용 한다. 정확하게는 mysql에서 UNION DISTINCT와 UNION ALL 두 종류로 나뉜다고 볼 수 있다. UNION이라고 쓰는게 UNION DISTINCT로 된다는 것이다.(글자가 생략되어 있다고 보면 된다.) DISTINCT는 일반적으로 쓰는 그대로 중복을 제거 해준다는 뜻이다. 그런데 여기서 문제점은 속도 저하, 그리고 무엇을 기준으로 DISTINCT를 해준다는 것인지 이다. 그리고 또 하나 확인 할 점! 중복 제거는 모든 컬럼을 기준으로 한다는 것. 상황에 따라서 사용이 있겠지만 아무래도 UNION DISTINCT를 많은 데이터가 있는곳에서 사용하기에는 음.... 정확하게 아직 데이터가 너무 많아 발생한 문제는 없.. 2021. 5. 31. Canvas wiper 구현(javascript)-1차 테스트 애니메이션과 관련된 자료를 좀 찾다가 멋진 분을 보았다. https://youtu.be/cpEeqACsF_Q?t=42 구현된 많은게 있었지만 그 중에서 나는 저거를 보고 구현 해보고 싶은 생각이 들었다. 지금까지 계속 관심만 가지고 하지 않던 Canvas쪽을 좀 보면 어느정도 될거 같았는데...결국 잘 되지 않는 중... 그래도 시도하면서 많은것을 알고 지나간다. 테스트한다고 주석 투성이고 미완성이지만 일단 1일차 코드와 현재 상태를 올린다. 저 분은 30분만에 만들었다는데(....) 그리고 보다보니 "일은 배신하지 않는다" 라는 책도 내셨더라...궁금해서 바로 오늘 구매!! 내일 도착하면 신나게 읽어봐야겠다 ㅎㅎ 2021. 5. 14. 위로 튀는 글자, 팝업 텍스트(css - keyframes) keyframes를 활용한 애니메이션으로 글자가 하나씩 위로 팝업을 하고 되돌아오는 효과이다. 여기에서 포인트는 popup anmation의 20%지점에서 top:0px을 넣었다는 점과, animation-direction:alternate를 썼다는 것이다. alternate의 경우에는 애니메이션이 끝나면 반대로 다시 돌아가는 역할을 한다. 세 일 중 아래는 예제로 만든 구동 예시이다. 세일중 글자가 하나씩 팝업 세 일 중 2021. 5. 11. 움직이는 차선 (css, javascript) 아래홈페이지의 첫 페이지에 나오는것을 참조하며 만들어보았다. www.amoeba.co.kr/drive/self amoeba www.amoeba.co.kr 내부에 있는 li tag안에 다른 태그를 넣어서 움직이게 한것을 따라했는데, 나머지 다른 인터렉티브하게 보이는 부분들도 많이 연습하며 시간을 보내봐야겠다. 사용된 전체 코드는 아래에 첨부 When self-driving cars become safer than human-driven cars 2021. 5. 11. 원 움직임 애니메이션 효과 (css-keyframes) css에서 animation이라는 속성을 사용하면 keyframes를 적용할 수 있다. keyframes에서는 각 프레임마다 어떤 변화가 있을지 적으면 되는데, 아래는 서서히 커졌다가 작아지는 keyframes를 작성한 것이다. @keyframes icon-line{ 0%{width:60px; height:60px} 60%{width:80px; height:80px;} 100%{width:44px; height:44px;} } 아래는 keyframes를 적용한 원 크기와 text의 opacity를 바꿔 애니메이션을 표현한 css이다. 영역1 TEXT1 hover text1 TEXT2 hover text2 TEXT3 hover text3 2021. 5. 10. 하드디스크 용량 출력 쉘 스크립트 특정 프로젝트에서 하드디스크 용량을 계속 DB에 저장해야 하는 경우가 있었다. 그래서 tmp변수로 빼낸 것을 db에 저장하는 스크립트가 있는곳으로 실행하여 연결 쉘 스크립트는 자주 안 쓰니깐...다음에 또 기억 안 나는 일 없도록 우선 기록을 한다. *ubuntu에서 기본 쉘은 bash가 아닌 dash이다. 아래의 스크립트는 bash로 실행을 해야하며 확인하는 방법은 아래와 같다. //현재 상태 확인 : ls -al /bin/sh //값 변경 : sudo dpkg-reconfigure dash -> no로 확인 변경 후 상태 확인을 하면 bash로 바뀌어있다. /*스크립트(2021-04-28 추가) 빨간색으로 표시한 grep부분의 뒷 부분은 df -h에서 나오는 원하는 하드디스크 이름을 적어줘야함 */ .. 2021. 4. 26. 이전 1 ··· 17 18 19 20 21 22 다음 728x90