이 기술 블로그를 만들기 위해 5년을 미뤘다.

문제 설명 ANIMAL_OUTS 테이블은 동물 보호소에서 입양 보낸 동물의 정보를 담은 테이블입니다. ANIMAL_OUTS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, NAME, SEX_UPON_OUTCOME는 각각 동물의 아이디, 생물 종, 입양일, 이름, 성별 및 중성화 여부를 나타냅니다. NAME TYPE NULLABLE ANIMAL_ID VARCHAR(N) FALSE ANIMAL_TYPE VARCHAR(N) FALSE DATETIME DATETIME FALSE NAME VARCHAR(N) TRUE SEX_UPON_OUTCOME VARCHAR(N) FALSE 예시 SQL문을 실행하면 다음과 같이 나와야 합니다. HOUR COUNT 0 0 1 0 2 0 ..

저번에 선정된 서울시민회의 관련한 문자가 도착했다. 아무래도 이사가기 전에 오리엔테이션 참여가 가능할 것 같다. 코로나로 인해 활동은 주로 온라인으로 진행될 것 같다. 일하면서 참여하기에는 온라인이 더 좋긴 하다! 암튼 내일부터 사전 워크숍이 있으니 잊지말고 참여해야겠다. 조만간 이사 관련 글도 써봐야지!

프로그래머스 SQL 문제를 풀다가 날짜 포맷팅 문제가 나왔다. 요새 PostgreSQL만 쓰다보니 MySQL 문법을 다 까먹어서 날짜 포맷팅 관련해서 정리해보려고 한다. MySQL DATE_FORMAT(날짜, '포맷') DATE_FORMAT() 함수를 사용한다. 아래 표에 자주 쓰이는 포맷 종류를 정리했다. 포맷 설명 %Y 년도(4자리) %y 년도(2자리) %c 월 %d 일(2자리) %e 일(1자리) %H 시(24시 기준, 00~23) %h 시(12시 기준, 01~12) %i 분 %s, %S 초 %T hh:mm:ss Oracle/PostgreSQL // 날짜에서 원하는 부분만 추출할 때 주로 사용 TO_CHAR(날짜, '포맷') // 문자열 타입의 컬럼을 날짜 타입으로 변환할 때 사용 TO_DATE(날짜..

배열을 0으로 초기화 let dataList = [1, 2, 3] dataList.fill(0) // 혹은 dataList.map(e => 0) 배열 일부만 0으로 초기화 let dataList = [1, 2, 3] dataList.fill(0, 시작 인덱스, 종료 인덱스) // 혹은 dataList.map((e, i) => 시작 인덱스

CSS를 이용하여 스크롤바를 건들 수 있다! 사실 기본 스크롤바는 아주 못생겼다. 못생긴 사진 먼저 보고 가자. 이제 스크롤바를 바꿔보자! 1. 스크롤바 숨기기 가장 기초인 스크롤바 숨기기부터 해보자. .layer-pop__round.grade::-webkit-scrollbar { display: none } 2. 스크롤바 디자인 변경 - 스크롤바 너비 변경 .layer-pop__round.grade::-webkit-scrollbar { width: 5px; } - 스크롤바 헤더 부분 디자인 변경 .layer-pop__round.grade::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 10px; } - 스크롤바 바디 부분 디자인 변경..

예전에 인터넷 서핑 하다가 서울시민회의 참여단 모집을 한다는 글을 본 적이 있다. 재미있을 것 같아서 신청해놓고 까먹고 있었는데 합격됐다는 전화가 오더니 문자도 왔다! 5월 중순부터 환경 관련된 의제에 대해 얘기를 나눈다고 한다. 근데... 나 5월 말이면 경기도로 이사갈텐데...? 과연 서울시민회의단으로 잘 참여할 수 있을 지 기대된다.

Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기회가 생겼다. 이사님이 솔루션 사서 개발하라고 하셨지만 예전부터 소켓 통신 관련하여 공부도 해보고 싶었던 참이고, 회삿돈이 아깝기도 해 guiyomi.tistory.com Socket.io를 이용한 실시간 채팅 구현 - 2. 기능 구현 2021.04.28 - [Project/실시간 채팅 서비스 개발] - Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기 guiyomi.tistory.com 이제 대망의 마지막 단계이다. 순서 1. 서버 접속 후, 적당한 위치에 node.js..

Socket.io를 이용한 실시간 채팅 구현 - 1. 환경설정 회사 업무를 하면서 실시간 채팅 기능을 구현할 기회가 생겼다. 이사님이 솔루션 사서 개발하라고 하셨지만 예전부터 소켓 통신 관련하여 공부도 해보고 싶었던 참이고, 회삿돈이 아깝기도 해 guiyomi.tistory.com 앞 파트에서 환경 설정을 포함한 기본 셋팅을 마쳤다. 오늘은 채팅 기능을 구현하기 위한 과정을 적어보려고 한다. 실시간 메시지 기능 구현 가장 핵심적인 기능이자 가장 쉬운 기능이다. 이건 그냥 구글링해도 나온다! 채팅 리스트가 업데이트 될 때마다 리스트를 가져와서 유저가 접속한 채팅방의 메시지만 화면에 보여준다. 1. Web Js 코드(일부) socket.on('chatList', (data) => { chatList = da..

현재 생성된 시퀀스의 값을 변경하는 쿼리는 2가지 방식이 있다. 1. ALTER문 이용 ALTER SEQUENCE 시퀀스명 restart with 시퀀스값; 2. SELECT문 이용 select setval('시퀀스명', 시퀀스값); // default: true, 지정한 시퀀스 다음 값부터 실행 select setval('시퀀스명', 시퀀스값, false); // 지정한 시퀀스값부터 실행 그 외에 시퀀스와 관련된 SQL문을 아래에 정리했다. 3. 시퀀스 생성 CREATE SEQUENCE 시퀀스명 4. 현재 시퀀스값 조회 SELECT currval('시퀀스명') 혹은 SELECT last_value FROM 시퀀스명 5. 다음 시퀀스값 조회 SELECT nextval('시퀀스명')

보통 .click()으로 많이 코드를 짜는데, 자바스크립트로 동적 생성된 객체에는 저게 안먹힌다. 아래 코드처럼 수정해야 코드가 먹힌다. $(".dj-tok .mem-list > li").click(function() { $(".mem-list > li").removeClass("active"); $(this).addClass("active"); }) ↓ 수정 $(document).on("click", ".dj-tok .mem-list > li", function() { $(".mem-list > li").removeClass("active"); $(this).addClass("active"); })