메바동 서식지

SELECT 문 SELECT [DISTINCT] 열 이름 [as alias]... FROM 테이블명1 [as alias], ... 테이블명n as (alias) [WHERE 조건식] [GROUP BY 열 이름...] [HAVING 조건식] [ORDER BY 열 이름 [ASC or DESC]]; JOIN 종류 설명 INNER JOIN 조인 되는 두 테이블의 교집합 LEFT [OUTER] JOIN 왼쪽 테이블을 기준으로 기준 테이블 값 + 오른쪽 테이블의 중복된 값 RIGHT [OUTER] JOIN 오른쪽 테이블을 기준으로 기준 테이블 값 + 왼쪽 테이블의 중복된 값 FULL [OUTER] JOIN 조인 되는 두 테이블의 합집합 CROSS JOIN 조인 되는 두 테이블의 곱집합 UNION 종류 설명 UNIO..

seoullib.barob.co.kr http://seoullib.barob.co.kr seoullib.barob.co.kr 요즘은 인터넷에서 많은 정보를 얻을 수 있기 때문에 굳이 책을 구입해서 볼 필요는 없지만, 나는 처음 배우는 언어나 기술 같은 경우는 책으로 기초를 한 번 본 다음 인터넷에서 심화된 정보를 찾아서 보는 편이다. 책을 사놓다 보니 한 번 읽고 나서는 대체적으로 읽지 않게 되는 경우가 많았고 계속해서 자리를 차지하는 책들을 어떻게 할 수 없어 요즘은 eBook으로 책을 구입하여 보고 있었다. 그러다 서울전자도서관(구독형)에 대해 알게 되었는데 길벗, 한빛미디어, 제이펍 등에서 제공하는 기술 서적들이 있어 꽤나 자주 이용하고 있다. 다른 전자 도서관들과 다르게 권당 빌릴 수 있는 인원수..

예전에 운동하다 손목을 다쳐서 손목이 아픈 적이 있었지만 딱히 팜레스트의 필요성은 못 느끼고 있었습니다. 지금도 팜레스트가 딱히 필요하진 않지만 방에서 좌식 책상을 펴고 키보드를 치다 보니 모서리 부분에 닿는 팔이 아파서 팜레스트를 구입하게 되었습니다. 처음에는 푹신한 메모리폼이나 젤리 형태의 팜레스트를 구입하려고 했었는 데 사용하다 보면 많이 닿은 부분이 눌려 복구가 되지 않을 것 같아 다른 제품을 찾아보던 중 아주 저렴한 4,800원에 판매되고 있는 코르크 EVA 팜레스트가 있어 구입하였습니다. 해당 제품은 풀배열 크기의 팜레스트로 제가 쓰는 미니 사이즈 키보드보다 훨씬 크지만 사용하는데 문제는 없습니다. 이 제품을 선택하게 된 이유는 하나에 4,800원이라는 저렴한 가격이 가장 큰 이유였고, 두 번..

Spring을 사용하는 프로젝트에서 DB 형상관리가 필요했다. 찾아보니 flyway와 liquibase가 주로 사용되는 DB 형상관리 툴인 것 같았다. 깊이 찾아보지는 않았지만 liquibase가 무료로 제공되는 기능도 많았고 사용하기도 편하다는 의견이 많았다. 하지만 내가 원하는 기능은 단순히 migration만 해주고 그 내용을 따로 추적할 수만 있으면 됐기 때문에 간단히 살펴본 결과 flyway를 사용하는 게 더 단순하고 간편해 보였다. 물론 더 깊게 사용하면 liquibase가 편할 수도 있지만 이건 나중에 더 필요하다고 생각이 되면 공부해볼 것이다. flyway를 사용하는 방법은 두 가지를 찾아보았다. flyway는 일반적으로 사용되는 RDBMS인 Oracle, SQL Server, MySQL,..

유튜브를 보다 보면 한국인이 올린 영상에 아무리 스크롤을 해도 한글로 작성된 댓글이 나오지 않는 경우가 많았다. 그래서 올해 초부터 '기회가 된다면 한글로 작성된 댓글만 필터링해서 보여주는 크롬 확장을 만들어보자.'라고 생각만 하고 만드는 방법도 제대로 모르겠고 귀찮기도 해서 만들지 않았었다. 이제 회사를 9개월 정도 다니다 보니 대충 어떤 식으로 뭘 찾아서 응용하면 되는지 알 수 있는 능력이 생긴 것 같았고 계속 생각만 했던 한글 댓글만 보여주는 확장 프로그램을 만들기로 하였다. 우선 생각한 게 댓글을 불러오는 ajax가 있을 거라 생각하였고 무작정 유튜브에 들어가 관리자 도구를 열었다. 그런 다음 댓글을 불러온 뒤 네트워크 탭에서 확인을 해보니 알기 쉽게 comment라고 붙어있는 ajax가 바로 보..

table을 이용하여 가입 경로를 표시해 주는 화면이 있었는데 기타 항목은 그 밑으로 세부 사항을 표시해 주고 있었다. 위와 같은 느낌이었는데 당연한 거지만 디자인은 훨씬 깔끔하고 제대로 된 내용이 담겨 있었다. 나는 이 화면에서 기타는 접혀 있다 사용자가 더 보기를 원할 때 클릭해서 하위 항목이 열리는 화면으로 바꾸고 싶었고 아무 생각 없이 ::after를 이용해 삼각형을 표시해주었다. .toggle::after { content: ''; position: absolute; top: 140px; left: 195px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top..

창이 열리면 input 태그에 focus를 주어야 하는데 자꾸 다른 곳에서 DOM이 변경되면서 focus가 나가버리는 상황이 있었다. 고민하다가 DOM이 변경될 때 input 태그에 focus를 주는 방법을 없을까? 하고 찾아보니 Mutation Observer가 있었다. 추가하기 1번 아이템 다음과 같이 페이지에서 ul에 li가 추가되거나 텍스트의 내용이 변경되거나 속성이 변경되거나 하는 것들을 감지하고 싶다면 Mutation Observer를 사용하면 된다. Mutation Observer를 이용하면 특정 노드의 DOM 변경을 감지할 수 있다. html 태그나 body 태그에 사용하여 페이지의 전체적인 변경을 감지할 수도 있을 것 같다. 위에 작성한 예제에 ul에 li가 추가될 경우 alert을 띄우..

mebadong-kor.github.io/When-should-I-fall-asleep-/ When should i fall asleep? 추천되는 취침 시간 00:00, 00:00, 00:00, 00:00 00:00, 00:00, 00:00, 00:00 짧은 수면 시간은 추천하지 않습니다. 그렇다고 너무 긴 수면 시간도 추천하지 않습니다. 성인의 경우 하루에 7 ~ 8시간 정도 자는 것 mebadong-kor.github.io 뭔가를 만들고 싶었다. 그러다가 우연히 잠드는 시간을 추천해주는 사이트를 알게 되었고 계산이 정말 단순했다. 기상 시간을 입력하면 1시간 30분씩 빼서 계산해 주는 방식이었다. 만들 때 부트스트랩 대신 사용할 것을 찾다가 알게 된 Materialize를 이용해서 만들기로 하였다...

Chart.js를 이용해서 원형 차트를 그리고 사용자 지정 범례를 만들어야 했다. 한 번도 사용한 적이 없어 사용 방법을 찾아보니 그리 어려운 라이브러리는 아니었다. window.onload = function () { pieChartDraw(); } let pieChartData = { labels: ['foo', 'bar', 'baz', 'fie', 'foe', 'fee'], datasets: [{ data: [95, 12, 13, 7, 13, 10], backgroundColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', 'rgb(153, 102, 25..

문자열로 입력된 "123.45.67.89"와 같은 IP를 "123.45.67.*"과 같은 와일드 카드가 들어간 IP 형식과 비교하는 기능을 만들어야 했다. ​ 처음 딱 든 생각은 3번째 자리까지 잘라서 비교하면 되겠네~ 하는 생각이었다. 비교 할 아이피들을 String 타입에서 지원하는 메서드인 substring 메서드를 이용해서 잘라낸 뒤 비교하면 어차피 마지막 자리의 *이 모든 범위를 뜻하므로 해결되는 일이었다. public class IpValidTest { public static void main(String[] args) { String ip = "158.23.1.39"; String validIp = "158.23.1.*"; boolean check = ip.substring(0, ip.la..