실시간TAG
빌런 TOP 20
일간 l 주간 l 월간
1
[전자부품] 기가바이트, 원목 디자인 적용한 첫 메인보드 'X870E AERO G X3D' 공개
2
[레트로] 창세기전 외전 서풍의 광시곡 리마스터 출시 예정
3
[자유게시판] 삼성, 애플 저격 '아이폰 17 프로, 2억 화소도 안 되네'
4
[일상/생활] 내일 ASUS행사 갑니다.
5
[모바일] 애플 M5 칩 등장, GPU 성능 35% 강화
6
[일상/생활] 완면각 짬뽕 저도 한번 먹어봤습니다.
7
[컴퓨터] MSI RTX 5090 Lightning Z 그래픽카드, GPU 3.75GHz 오버클럭 신기록
8
[PC/가전핫딜] [네이버] [PS5] 듀얼센스 무선 컨트롤러 화이트 66,350원
9
[이슈/논란] 패륜사이트 AVMOV, 이미 상당부분 증거 확보
10
[컴퓨터] 갤럭시코리아, 지포스 RTX 50 시리즈 구매 고객 대상 ‘아크 레이더스’ 번들 증정
11
[반도체] ASML, 미스트랄 AI에 13억 유로 투자
12
[취미/교양] 글카 써멀 재도포하기
13
[컴퓨터] 갤럭시코리아, RTX 5070 Ti HOF GAMING BLACK D7 16GB 출시
14
[컴퓨터] 다크플래쉬, Ellsworth S31 시리즈 CPU 공랭 쿨러 출시
15
[일상/생활] 알리 Z건담 빨리 도착 했네요.
16
[일상/생활] 송파구에서 일 잘하는 방법 11가지(?)
17
[컴퓨터] 갤럭시코리아, 지포스 RTX 5070 Ti HOF GAMING D7 16GB 출시
18
[전자부품] 팀그룹에서 색다른 USB 외장 SSD가 나왔네요.
19
[전자부품] 아마존, 고객에 벽돌 배송 논란… RTX 5080 주문 사건으로 본 ‘재고 혼합’ 위험
20
[일상/생활] [칼럼] 치킨집의 환호보다, 난방비 고지서가 더 현실이다
인텔 코어 울트라7
2026년 Steam 축제 및 할인 일정 2026년 1월 Steam 추리 게임 축제: 1월 12일~1월 19일 Steam 보드게임 축제: 1월 26일~2월 2일 2026년 2월 Steam 타자 게임 축제: 2월 5일~2월 9일(집중 조명 축제) Steam PvP 게임 축제: 2월 9일~2월 16일 Steam 말 게임 축제: 2월 19일~2월 23일(집중 조명 축제) Steam Next Fest 2026년 2월 에디션: 2월 23일~3월 2일 2026년 3월 Steam 타워 디펜스 게임 축제: 3월 9일~3월 16일 2026년 Steam 봄 할인: 3월 19일~3월 26일(계절 할인) Steam 집 및 주택 게임 축제: 3월 30일~4월 6일 2026년 4월 Steam 숨은 그림 및 물체 게임 축제: 4월 9일~4월 13일(집중 조명 축제) Steam 중세 게임 축제: 4월 20일~4월 27일 2026년 5월 Steam 덱빌딩 게임 축제: 5월 4일~5월 11일 Steam 바다 게임 축제: 5월 18일~5월 25일 2026년 6월 Steam 탄막 게임 축제: 6월 8일~6월 15일 Steam Next Fest 2026년 6월 에디션: 6월 15일~6월 22일 2026년 Steam 여름 할인: 6월 25일~7월 9일(계절 할인) 2026년 7월 Steam 소셜 디덕션 게임 축제: 7월 13~7월 16일 Steam 기차 게임 축제: 7월 20일~7월 27일 2026년 8월 Steam 사이버펑크 게임 축제: 8월 3일~8월 10일 Steam 핀 및 페그 게임 축제: 8월 17일~8월 20일 Steam PvE 생존 제작 게임 축제: 8월 31일 ~9월 7일 2026년 9월 Steam 프로그래밍 게임 축제: 9월 10일~9월 14일 Steam 파티 기반 RPG 게임 축제: 9월 14일~9월 21일 2026년 10월 2026년 Steam 가을 할인: 10월 1일~10월 8일(계절 할인) Steam 요리 게임 축제: 10월 12일~10월 19일 Steam Next Fest 2026년 10월 에디션: 10월 19일~10월 26일 Steam 스크림 축제 5: 10월 26일~11월 2일 2026년 11월 Steam 오토 배틀러 RPG 게임 축제: 11월 16일~11월 23일 11월 추가 이벤트: 블랙 프라이데이 할인을 진행하는 게임을 집중 조명하기 위해 '특별 할인' 허브로 트래픽을 유도할 계획입니다. 구체적인 날짜와 세부 사항은 추후 공지해 드릴 예정입니다. 2026년 12월 2026년 Steam 겨울 할인: 2026년 12월 17일~2027년 1월 4일(계절 할인) https://store.steampowered.com/news/group/4145017?emclan=103582791433666425&emgid=493837645658461607
2026.01.16
3
2
아마존 MGM 스튜디오가 공개한 툼 레이더 드라마 주연 이미지 아마존 MGM 스튜디오가 국내 시간 기준 지난 15일 주연 배우 소피 터너의 모습을 담은 첫 번째 이미지를 공개했습니다. 공개된 이미지 속 소피 터너는 리부트가 아닌 고전 툼 레이더 시리즈의 라라 크로프트를 연상시키는 의상을 착용해 눈길을 끌었습니다. 주인공 라라 크로프트 역을 맡은 소피 터너는 HBO 드라마 '왕좌의 게임'의 산사 스타크 역과 영화 '엑스맨' 시리즈의 진 그레이 역으로 알려진 영국 출신 배우입니다. 왕좌의 게임 최고의 미녀(?) 산사 스타크역을 맡았던 소피 터너 소피 터너 외에도 시고니 위버, 제이슨 아이작스, 마틴 밥 셈플, 잭 배넌, 존 헤퍼난 등 다수의 배우가 출연진에 이름을 올렸습니다만 아직 정확한 배역은 알려지지 않았습니다. 제작진의 경우 배우 겸 각본가인 피비 월러 브리지가 총괄 프로듀서를 맡았으며, 연출은 '쇼군' 제작자 조나단 반 툴레켄이 담당한다. 아울러 '러너 웨이', '더 플레이보이 클럽'으로 알려진 채드 호지 역시 공동 쇼러너로 제작에 참여합니다. 아마존 프라임 비디오의 ‘툼레이더:시리즈’는 드라마로 시작해 영화로도 제작될 예정입니다. 툼레이더의 신작 게임 또한 두편이 2026년과 2027년 각각 출시를 앞두고 있습니다. 드라마는 아마존 프라임 비디오를 통해 방영될 예정이며, 구체적인 방영 시기는 아직 발표되지 않았습니다. 안젤리나 졸리의 아성을 뛰어넘을 수 있을까요? 원조 툼레이더, 안젤리나 졸리의 포스에 도전 하는 것은 정말 쉬운 선택이 아닐겁니다. 과연 소피 터너의 툼레이더 시대는 어떻게 전개될지 기대됩니다.
2026.01.16
5
2
Elon Musk가 2026년 2월 14일 이후 $TSLA FSD 일시불 판매를 중단하고 구독 전용으로 전환 할 것이라 밝혔습니다. 이와 같은 배경에는 반복 수익(Recurring Revenue) 극대화 - 일시불은 1회 매출로 끝나지만, 월 구독은 지속적인 현금 흐름을 만듭니다. - FSD가 아직 지속적 업데이트가 필요한 단계인 만큼, Tesla 입장에서는 구독 모델이 훨씬 유리합니다. 이미 다수 고객이 $99/월 구독을 선택 중입니다. 2. FSD 가격 하락 리스크 차단 - FSD 일시불 가격은 $15,000 → $10,000 → $8,000으로 지속 하락했습니다. - 향후 경쟁 심화와 기술 성숙으로 추가 인하 가능성이 있어, 일시불을 유지할수록 가격 불만·환불 이슈가 커질 수 있습니다. → 일시불 자체를 종료하면 구조적으로 문제를 차단할 수 있습니다. 3, HW3 → HW4 업그레이드 비용 부담 억제 - 과거 일시불 구매자(HW3)는 하드웨어 업그레이드 부담이 사실상 확정적입니다. - 신규 일시불 판매를 중단하면, Tesla의 미래 업그레이드 의무가 더 이상 늘어나지 않습니다. 4. 전환 직전 FOMO 효과 활용 - “이후엔 일시불 불가” 메시지는 구매를 앞당기는 심리적 압박으로 작용합니다. - 단기적으로 일시불 매출을 극대화한 뒤, 장기적으로는 구독 모델로 완전 전환하려는 전략입니다. 5. 로보택시·무감독 FSD 시대 대비 - Tesla의 최종 목표는 개인용 FSD 판매가 아니라 로보택시 플랫폼입니다. - 이 구조에서는 일시불보다 구독·사용량 기반 과금이 훨씬 적합합니다.
2026.01.16
0
0
처음 글 올리네요. ㅎㅎ Spring boot에서 Tailwind CSS를 사용하고 싶어서 다음과 같은 방식을 고안하게 되었습니다. 저는 템플릿을 Thymeleaf(타임리프)를 좋아해서 이 기준으로 작성하겠습니다. Framework : String boot 4 Template : Thymeleaf(타임리프) CSS : Tailwind CSS 미리 Node.js 설치해 주세요. 우선 프로젝트 하나를 생성합니다. 그 다음 리소스를 생성합니다. 우선 index.html 을 다음과 같은 내용으로 생성합니다. 경로 : src/main/resources/template/index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Tailwind TEST</title> </head> <body> <div>Tailwind CSS</div> </body> </html> 그 다음 스타일 시트를 생성합니다. 우선 스타일시트 파일 확인용이라 아무 스타일이나 입력해주세요. 경로 : src/main/resources/static/css/default.css @charset "UTF-8"; html, body { height: 100%; place-items: center; place-self: center; place-content: center; } div { width: 10rem; height: 5rem; margin: 0 auto; background: lightcoral; border: 1px red solid; } 그럼 두 경로에 파일이 보이실 꺼에요. 그다음 index.html head에 다음 테그를 삽입해 주세요. <link rel="stylesheet" href="./../static/css/default.css"> 스타일이 적용되는지 확인합니다. 적용 확인이 되면 그다음 head에 다음 tag를 삽입해 주세요. <!-- Tailwind CSS dynamic Style CDN 스타일 완성후 삭제 --> <script src="https://unpkg.com/@tailwindcss/browser@4"></script> 개발자 모드를 활용해 실시간으로 스타일이 적용되는지 확인해주세요. 확정 된 스타일을 index.html파일에 적용합니다. 이런 식으로 스타일을 적용하여 완성된 스타일을 default.css로 빌드하여 적용해 보도록 하겠습니다. src랑 같은 위치에 node 경로를 생성해주세요. 그 다음 node안에 package.json 파일 생성 후 다음 내용을 입력해 주세요. { "dependencies": { "@tailwindcss/forms": "^0.5.6", "autoprefixer": "^10.4.16", "fs-extra": "^11.1.1", "heroicons": "^2.0.18", "postcss": "^8.4.31", "tailwindcss": "^3.3.3", "update-browserslist-db": "^1.2.3" } } 터미널에서 다음 명령을 실행하세요. npm install 빌드를 정상적으로 실행하기 위해 postcss 설정 파일을 생성합니다. node/postcss.config.js module.exports = { plugins: [ require('tailwindcss'), require('autoprefixer'), ] } 이제 node안에 css파일을 하나 생성합니다. node/default.css 아래의 내용을 추가합니다. @tailwind base; @tailwind components; html, body { @apply h-full place-items-center place-self-center place-content-center; } div { @apply w-[10rem] h-[5rem] mx-auto rounded shadow-lg shadow-black/15 bg-red-200 text-center place-content-center } 다음으로 할 작업은 nodejs 빌드 스크립트 추가입니다. 저는 node폴더에서 실행하는 기준으로 작성하겠습니다. 우선 빌드 대상은 node안에 있어야 함으로 node/tmpl 에 복사하고 빌드하도록 하겠습니다. 우선 node/tmpl 에 복사하는 스크립트를 작성하겠습니다. node/copy.js 파일을 생성합니다. const fsExtra = require('fs-extra'); console.log('Resource init!'); const sourceDirectory1 = './../src/main/resources/templates'; // 원본 디렉토리 경로 const targetDirectory1 = './tmpl/t'; // 대상 디렉토리 경로 console.log('Try copy '${sourceDirectory1}' -> ${targetDirectory1}'); fsExtra.copy(sourceDirectory1, targetDirectory1, err => { if (err) { console.error('Error copying directory:', err); } else { console.log('Directory copied successfully! 1'); } }); console.log('Finished : ${new Date().toISOString()}'); 그 다음 터미널에서 실행해 복사를 확인합니다. node copy.js index.html에서 <script src="https://unpkg.com/@tailwindcss/browser@4"></script> 를 삭제하고 정합니다. 다음은 tailwindcss 빌드 입니다. -i : 인풋 -o : 아웃풋 터미널에서 아래 명령을 실행헤 주세요. npx tailwindcss build -i default.css -o ../src/main/resources/static/css/default.css 그 다음 적용여부를 확인하면 완료입니다. 그리고 빌드를 쉽게 하기 위해 package.json의에 빌드 스크립트를 추가합니다. 빌드 대상 폴더 비우기 rm -rf tmpl 빌드 대상 복사 node copy.js tailwindcss 빌드 tailwindcss build -i default.css -c tailwind.config.js -o 압축버전 빌드 (공백 삭제 등 용량 최적화) --minify 추가 { "scripts": { "css": "rm -rf tmpl && node copy.js && tailwindcss build -i default.css -c tailwind.config.js -o ../src/main/resources/static/assets/v2/css/default.css", "css-min": "rm -rf tmpl && node copy.js && tailwindcss build --minify -i default.css -c tailwind.config.js -o ../src/main/resources/static/assets/v2/css/default.css" }, "dependencies": { "@tailwindcss/forms": "^0.5.6", "autoprefixer": "^10.4.16", "fs-extra": "^11.1.1", "heroicons": "^2.0.18", "postcss": "^8.4.31", "tailwindcss": "^3.3.3", "update-browserslist-db": "^1.2.3" } } 이렇게 하면 빌드 시 아래화 같이 커맨드를 입력하면 됩니다. 일반 : npm run css 압축 : npm run css-min gradle에서 빌드 시 위 내용을 자동 실행 하고 싶으면 build.gradle 다음 내용을 추가하면 됩니다. task nodePreBuild(type: Exec) { // node 폴더 위치를 절대 경로로 계산 workingDir = file("${projectDir}/node") // Windows와 Mac/Linux 호환성 처리 if (System.getProperty('os.name').toLowerCase().contains('windows')) { executable 'cmd' args '/c', 'npm', 'run', 'css' } else { executable 'sh' args '-c', 'npm run css' } // 3. 디버깅을 위한 출력 (Gradle 실행 시 콘솔에 찍힘) doFirst { println "--------- CSS Build Start ---------" println "Working Directory: ${workingDir}" println "Executable: ${executable}" println "Arguments: ${args}" println "-----------------------------------" } } processResources.dependsOn nodePreBuild 궁금하신건 댓글 달아주세요. Tailwind CSS 좋아하는데… 요즘 많이 힘들다고 하네요. 많이 응원해주세요. ㅎㅎ
2026.01.16
1
1
쿠팡의 개인정보 유출 사태 이후 한 달 정도 카드 결제 금액이 하루 평균 56억 원씩 감소했다는 자료가 나왔습니다. 국회 재정경제기획위원회 소속 차규근 조국혁신당이 금융감독원에서 제출받은 국민, 신한, 하나카드의 쿠팡 결제 내역을 분석한 결과입니다. 지난해 11월 20일부터 12월 31일까지 쿠팡의 하루 평균 결제금액은 731억 333만 원으로 집계됐습니다. 개인정보 유출 전인 11월 1일부터 19일까지의 결제금액과 비교해 보면, 7.11% 감소한 수치입니다. 월 단위로 보면, 12월 하루 평균 결제 금액은 11월보다 5.16% 줄었습니다. 보통 12월에는 유통업체들의 매출이 증가하지만, 쿠팡은 오히려 매출이 꺾였습니다. 개인정보 유출 사실이 알려지고 쿠팡의 소극적인 대응에 실망한 소비자들이 쿠팡 탈퇴, 이른바 '탈팡'에 나선 것 아니냐는 분석이 나오는 이유입니다. 차규근 의원실은 독점적인 플랫폼 기업의 개인정보 관리 소홀과 오만한 대응에 소비자들이 실제 행동으로 응답한 것이라고 밝혔습니다. 차 의원은 기업이 개인정보 보호를 비용이 아닌 생존의 문제로 인식하게 하려면, 국회가 집단소송제나 징벌적 손해배상제 등의 제도적 장치를 마련해야 한다고 강조했습니다.
2026.01.15
0
1