잡다한 블로그

const BLOG_ID = 4962889; // 내 블로그 IDasync function fetchSubscribers() { let page = 1; let allSubscribers = new Set(); // 첫 요청에서 totalCount 가져오기 let firstResponse = await fetch(`https://www.tistory.com/legacy/subscription/blog/${BLOG_ID}/followers?page=${page}&sortType=recency`); let firstData = await firstResponse.json(); if (!firstResponse.ok) { console.error(`HTTP erro..

const BLOG_ID = 4962889; // 내 블로그 IDasync function fetchSubscribers() { let page = 1; let allSubscribers = new Map(); // 첫 요청에서 totalCount 가져오기 let firstResponse = await fetch(`https://www.tistory.com/legacy/subscription/blog/${BLOG_ID}/followers?page=${page}&sortType=recency`); let firstData = await firstResponse.json(); if (!firstResponse.ok) { console.error(`HTTP erro..

안녕하신가~ 오늘도 열공! 오늘은 비트 연산자에 대해 공부를 해보았다. 정처기 딸 때 공부했으니 복습이다. 비트 연산자는 가독성이 떨어져서 실무에서 잘 사용은 안 하는데 성능 최적화가 필요한 수준에서 주로 사용된다. 근데 막상 쓸려고 하면 이미 만들어진 걸 엎고 구조변경이 필요하기에 고객의 간절한 요청이 아니면 일반적인 상황에서는 쓸 일이 없을 듯하다. 비트 연산자에 대해 기억이 잘 안 나는 사람에게 표를 보여주겠다. 개발자들의 학교 w3schools의 자료이다. 비트 연산자에 대한 기본적인 건 스쿨에서 배워오시라~   1. 홀수/짝수 판별(& 연산자 활용) 비트 연산을 사용하면 n % 2 보다 더 빠르게 홀수/짝수를 판별하는 코드를 짤 수 있다. function isEven(n) { return (n..

JavaScript에서 변수를 선언할 때 var, let, const 세 가지 키워드를 사용할 수 있습니다.  각각의 차이를 이해하고 적절하게 사용하는 것이 코드의 유지보수성과 안정성을 높이는 데 중요합니다. 이 글에서는 언제 var, let, const를 사용해야 하는지 구체적으로 설명하겠습니다. 1. 항상 변수를 선언하세요JavaScript에서는 변수를 선언하지 않고 사용할 수도 있지만, 이는 예상치 못한 문제를 초래할 수 있습니다.  따라서 항상 var, let, const 중 하나를 사용하여 변수를 선언하는 것이 좋습니다. 잘못된 예:x = 10; // 변수 선언 없이 사용 (권장하지 않음) 올바른 예:let x = 10; // 변수를 선언한 후 사용  2. 값이 변경되지 않는 경우 const를 ..

1. JavaScript 키워드란?JavaScript 명령문은 특정 작업을 수행하도록 지시하는 키워드(keyword)로 시작함. 키워드는 JavaScript 문법에서 특별한 의미를 가지며, 예약어로 지정되어 다른 목적으로 사용할 수 없음. 2. 주요 JavaScript 키워드와 설명var  => 변수를 선언함 (ES5 이전 방식)  예제)    var x = 10;     console.log(x);   - 특징: 함수 스코프(function scope)를 가짐. 재선언 가능하지만 호이스팅(hoisting) 이슈가 발생할 수 있음. let => 블록 스코프(block scope)를 가지는 변수를 선언함 (ES6 도입) 예제)    let y = 20;     y = 30;     console.log(y..

코딩을 하다 보면 현재 변수의 값이 무엇인지 확인할 필요가 있습니다. 그럴 때 자바스크립트에서는 console.log() 함수를 이용해서 확인이 가능합니다. 간단한 샘플 소스 F12 를 눌려 개발자 도구를 엽니다. Console 메뉴를 클릭합니다.  F12 를 누르면 로그를 확인 할 수 있다.

사용자에게 무언가 경고나 알림을 하기 위해 창을 띄우는 함수는 alert() 함수이다. 해당 함수에 넘기는 파라미터 내용이 창에 표출되게 된다. TEST  ✨ 표출 화면

태그 안의 문자를 버튼 클릭으로 바꾸는 법입니다. 주석을 참고하세요. P 태그 버튼으로 문자 바꾸기변경전 마법의 버튼  마법의 버튼 클릭 전 마법의 버튼 클릭 후

개발자라면 이게 무슨 말인가 싶어 클릭했을 거라고 생각한다. 말 그대로 쿼리를 실행하면 첫 번째는 잘 조회되나 두 번째는 조회가 되지 않는 문제가 발생했다. ======================================================================= 처음에는 와스가 한 번씩 먹통 되는 현상이 발생했다. 제니퍼라는 모니터링 솔루션을 통해 시스템을 모니터링하고 있었는데 이중화된 와스가 스택이 계속 쌓이다가 한 개의 와스에 60개쯤 쌓일 때 먹통 되는 현상이 발생했다. 전산실에 말하니 하드웨어 문제는 아닌 거 같은데 티맥스 엔지니어를 불러보라고 했다. (웹투비, 제우스 사용중) 그래서 티맥스 엔지니어가 방문하여 웹서버와 와스는 아무 이상 없는 거 같으니 DB 엔지니어를 불러..

CSS Flexbox는 복잡한 레이아웃을 간단하고 직관적으로 구성할 수 있는 강력한 도구입니다. 이번 글에서는 Flexbox의 기본 개념과 실제 적용 사례를 다루며, 다양한 레이아웃을 직접 만들어 보겠습니다. 준비물HTML 및 CSS 기본 지식텍스트 편집기(예: VS Code)브라우저(예: Chrome, Edge) Flexbox의 주요 개념컨테이너와 아이템Flexbox는 부모 요소를 컨테이너로 설정하고, 자식 요소를 아이템으로 취급합니다.Flexbox를 사용할려면 display: flex; 스타일 속성을 추가해주어야 합니다.주요 속성justify-content: 주 축 방향 정렬align-items: 교차 축 방향 정렬flex-wrap: 아이템 줄바꿈 설정  크롬의 개발자도구를 통해 주요 속성을 변경하며..