최근 추가한 eslint 플러그인 eslint-plugin-unicorn에서 forEach 메서드 대신 for ... of 문을 사용하라고 경고했습니다.그 이유가 궁금해서 두 반복문을 비교한 내용을 정리했습니다.📍 요약성능, 기능성, TypeScript 측면에서 1승 2무로 for ... of 승 ⚡️ 성능 측면에서는.. 무승부eslint-plugin-unicorn 해당 문서- 문서에 따르면 for ... of 문이 forEach 메서드보다 빠르다고 합니다.- 그러나, 크롬 개발자도구에서 실행한 간단한 실험에서는 forEach()가 빠른 것으로 보입니다.(10번 이상 해봐도 항상 forEach()가 150~300ms 정도 더 빠름)/*- for ... of vs forEach()- 1억회 연산 시간 비..

📍nginx 개요역할- HTTP 웹 서버- 리버스 프록시- 콘텐츠 캐시- 로드 밸런서- TCP/UDP 및 메일 프록시 서버 📍역할 1. HTTP 웹 서버- 정적 파일(HTML, 이미지, JS 번들)을 직접 서빙. Node.js 없이도 빠름- 예시# 서버 블록# nginx 가상 호스트 또는 서버 인스턴스를 정의server { listen 80; # 포트: HTTP 표준 포트인 80번 포트로 들어오는 연결을 수신 대기하도록 지정 server_name example.com; # 도메인: 요청의 Host 헤더를 확인하여 # http://example.com 경로로 들어오는 요청을 처리하도록 지정 root /var/www/html; # 정적 파일 경로: example.com/page.html 요청이 있..

📍 책 정보- 발행: 2022년 1월- 저자: 박종천(개발자, 기업인) 📍 책을 고른 이유- 저자의 경력이 매우 화려하다. 미국과 한국을 오가며 한글과 컴퓨터, 블리자드, 넥슨, 삼성전자 등의 대기업에서 개발자부터 개발 리더, 임원까지 역임했다. 개발 실력이 미국에서도 통할 정도라면 엄청난 실력과 경험을 겸비하신 분이라고 생각되서 궁금해졌다. 📍 책 내용과 내 생각✅ 저자가 제안하는 30년 커리어패스 소개- 1번째 10년: 성장하는 시기 → `엔지니어링 역량` 중요- 2번째 10년: 개발자들을 리드하며 일하는 시기 → `매니지먼트 역량` 중요- 3번째 10년: 다른 개발자들을 서포트하는 시기 → `비즈니스 역량` 중요 처음 개발자로 일하면서는 시키는 일을 잘 해야 한다, 그러다 적응이 되면 나중에는..

📍소개OpenAI 에서 GPT-5 모델을 훈련하며 얻은 경험을 바탕으로 모델 출력의 품질을 극대화하기 위한 프롬프트 팁 📍프롬프트 편하게 최적화하기OpenAI 플랫폼 prompt 옵티마이저 사이트에서 프롬프트를 최적화할 수 있다. 프롬프트를 작성하고 붙여넣고 최적화를 실행하면, 프롬프트를 만들어준다. https://platform.openai.com/chat/edit?optimize=true 예시: 프론트엔드 개발 관련 프롬프트 최적화 전(한글 버전)너는 시니어 소프트웨어 엔지니어이고, 특히 프론트엔드 개발 전문가야. 믿을 수 있는 최신의 JavaScript, TypeScript, React, Next.js 공식 문서를 참고해서 답변해줘. 예제 코드를 직접 만들어달라는 요청이 있을 때만 만들어줘. (..

📌 사이트https://cssbattle.dev/ 📌 이미지 구현- .container > .col:first-child 선택자를 통해 container 내부의 첫번째 col 만 특정하기,- .col > .block:not(:last-child) 선택자를 통해 col 내부의 block 중에서 마지막이 아닌 block 만 특정하기 코드

JSON.stringify() 가 직렬화할 수 없는 경우 (예: Date 객체){ firstName: "Magic", lastName: "Kim", lastUpdated: new Date(),}; // JSON.stringify를 거치면... { "firstName": "Magic", "lastName": "Kim", "lastUpdated": "2025-09-08T02:38:18.000Z" // Date 객체가 iso 문자열로 변경됨} Date 객체를 직렬화하면 iso 문자열로 변환되고, 이를 다시 JSON.parse()로 역직렬화해도 그대로 문자열로 남아 있게 된다.이때, replacer 함수를 JSON.stringify()의 2번째 인수로 전달하여 특정 프로퍼티를 처리하여 직렬화할 수..