이모저모 일상들

Set이란? Set은 JavaScript에서 중복 없는 값들의 집합을 저장할 수 있는 구조입니다.배열과 비슷하지만, 다음과 같은 차이점이 있습니다.1. 중복된 값을 자동으로 제거 2. 삽입된 순서를 유지 3. 빠른 검색 (has) 가능 const numbers = [1, 2, 2, 3, 4, 4];const uniqueNumbers = new Set(numbers);console.log(uniqueNumbers); // Set(4) {1, 2, 3, 4} 관련 메서드add(value)값 추가delete(value)값 삭제has(value)포함 여부 확인clear()모두 삭제size원소 개수 반환 예제const tags = new Set();tags.add('JavaScript');tags.add('Jav..

RPG 게임을 안 한 지 몇 년이 지났지만, 마비노기 모바일이 출시된다는 광고를 보고 오랜만에 관심이 생겼습니다. 27일 자정이 되자마자 바로 플레이를 시작했습니다.예전에 마비노기와 마영전도 즐겨 했었지만, 그만둔 지는 10년을 훌쩍 넘었습니다. 덕분에 추억을 떠올리며, 동시에 선입견 없이 새로운 마음으로 게임을 즐길 수 있을 것 같았습니다. 서버 및 직업  서버는 총 7개가 있는데, 저는 고민 끝에 '메이븐' 서버로 들어갔습니다. (특별한 이유는 없습니다.)그중에서도 '데이안', '아이라', '던컨'은 유저 수가 많고 활발한 분위기로 인기 서버로 보였습니다.   직업은 전사, 궁수, 마법사, 힐러, 음유시인까지 다섯 가지가 있습니다.각 직업의 스킬을 짧은 영상으로 보여줘서 어떤 스타일인지 감을 잡기 좋..

체크박스를 선택할 때 체크박스 데이터를  출력하는 법See the Pen chekcboxoutput_vanila by sodium casein (@xyyhsawg-the-selector) on CodePen.

array_map() 배열의 각 요소에 사용자 정의 함수를 적용하여 새로운 배열을 반환$numbers = [1, 2, 3, 4];$squared = array_map(function($n) { return $n * $n; }, $numbers);print_r($squared);결과Array( [0] => 1 [1] => 4 [2] => 9 [3] => 16)  array_filter () 배열에서 조건을 만족하는 값들만 필터링하여 새로운 배열을 반환$numbers = [1, 2, 3, 4, 5];$even_numbers = array_filter($numbers, function($n) { return $n % 2 == 0; });print_r($even_numbers);결과Arra..

3년전 레더 프랙을 구매했었는데 훌쩍 커버렸다.아래쪽 해머들에게 조명도 가리고 냅두다가는 더더욱 무지막지하게 클 것 같은데 프랙을 쳐야할 순간이 드디어 왔다는 것을 깨달았다.   수족관 쇼핑몰에보면 연산호용 가위를 팔긴 하지만, 가격이 좀 비싼편이었다.1만원에서 2만원사이 정도 본것 같은데 저는 네이버쇼핑에서 의료용 가위를 검색해서 샀어요.의료용 가위가 연산호전용 가위보다 성능을 떨어질 수 있겠지만 큰 차이가 있을까 싶어서 여러개 사서 보관해뒀습니다 :)     문제는 프랙베이스에서 성형락에 이동을 해버리는 바람에 꺼내서 자를 수가 없어서 통째로 잘라내야 했습니다. 유튜브나 등등 다른곳에서 참고할땐 다들 리프딥도 사용하고 그랬지만.. 저것은 도저히 꺼낼수가 없었습니다. 그래서 가위만 열탕소독만 하고 바로..

설명할 것이 딱히 없는 내용이라 불필요한 글은 쓰지 않겠습니다.function proc(){ const fields = [ { id: "title", message: "제목을 입력해주세요." }, { id: "writer", message: "작성자를 입력해주세요." }, { id: "writer_email", message: "이메일을 입력해주세요." }, { id: "content", message: "내용을 입력해주세요." } ]; for (const field of fields) { const el = document.querySelector(`#${field.id}`); if ..

산호를 건강하게 키우기 위해서는 적절한 조명 설정이 필수적입니다. 조명은 단순히 수조를 밝히는 역할뿐만 아니라, 산호의 성장과 색상 표현에 직접적인 영향을 미칩니다.  산호는 Zooxanthellae(공생조류)와 함께 살아가며, 이 조류는 조명을 이용해 광합성을 수행합니다. 따라서 조명의 스펙트럼이 Zooxanthellae의 활성에 직접적인 영향을 미칩니다. 색상역할 및 효과바이올렛 (Violet, 400~420nm)UV 영역으로, 산호의 형광 발현 촉진, 면역력 강화블루 (Blue, 440~470nm)Zooxanthellae의 광합성을 활성화하여 산호 성장에 도움로얄 블루 (Royal Blue, 450~460nm)광합성 최적 파장, 산호 색상 선명화화이트 (White, Full Spectrum)전체 스..

개발을 하다보면 HTML테이블 데이터를 엑셀로 내보내야 하는 일이 종종 있을 수 있습니다. 엑셀 추출은 많은 라이브러리가 존재하지만, 라이브러리 없이 HTML 데이터 표를 엑셀로 만들 수 있는 방법이 있습니다.(핑프들, 귀찮으신분들 강추) 아래는 기본 예제입니다.See the Pen Untitled by sodium casein (@xyyhsawg-the-selector) on CodePen. 위의 예제는 스타일 없이 단순히 데이터만 추출합니다.아래 소스를 통해 활용할 수 있습니다. See the Pen 라이브러리X 활용 by sodium casein (@xyyhsawg-the-selector) on CodePen.코드 설명 1. document.getElementById("example-table"..

WITH ROLLUP 데이터베이스에서 그룹화된 데이터를 조회할 때, 마지막 행에 합계를 자동으로 구해주는 기능이 있습니다. 이 기능을 몰랐을 땐 반복문으로 데이터를 스택으로 쌓거나, 따로 쿼리로 추출했었지만, 이 기능을 사용하면 매우 쉽게 합계를 구할 수 있습니다. 정의WITH ROLLUP은 GROUP BY와 함께 사용되어 그룹화된 데이터의 합계를 계산합니다. 사용 사례데이터 분석에서 각 그룹의 합계를 구할 때.재무 보고서에서 월별, 연도별 합계를 계산할 때. 작동 원리마지막에 추가된 행에 각 그룹의 합계를 계산.NULL 값으로 그룹화 키를 표시.  예시 SELECT department, SUM(salary) AS total_salaryFROM employeesGROUP BY departmen..

데이트겸 주변에 놀러갈 곳을 찾다가 파주에 헤이리농원이라는 곳을 알게되어 다녀왔습니다.헤이리농원은 네이버를 통해 10시 타임으로 예약하였고, 가는 길이 교통적으로 험난하지 않을 것 같단 생각에 도전해봤습니다.   저는 은평구에서 6호선을 타고 합정역에 도착 후 8번출구에서 조금만 나가면 세븐일레븐 앞에 정류장이 있습니다. 배차는 대략 15분~20분정도였었고, 아침이라 그런지 버스가 빨리오는 편인 느낌이었습니다.   홀트아동복지회에서 2200번 광역버스를 타고, 국립민속박물관역으로 향합니다. 아침에는 차가 많지 않아 막히지 않고 빠르게 갔었습니다. 가는 길에 한강도 구경하고 좋았어요. 가는 길은 40분정도 소모되었지만, 오는길은 차가 막혀서 1시간정도 걸렸던 것 같습니다.   도착하면 바로 앞에 국립민속박..