빌런 TOP 20
일간 l 주간 l 월간
1
[인플루언서/BJ] 넷플릭스 불량연애 출연자 과거 논란
2
[성인정보] 현재 성인 웹툰 추천 티어표
3
[이슈/논란] [충격] 유명 런닝화 호카 총판 대표 폭력, 하청업체 관계자 폐건물로 불러 폭행
4
[인공지능] 구글, AI 프로 요금제 59% 할인
5
[PC게임] 란스 시리즈 - 스팀판 트레일러
6
[컴퓨터] MSI 엔비디아 RTX 5090 그래픽카드, 16핀 전원 커넥터 실화로 손상
7
[설문조사] [빌런 설문조사] 가장 가지고 싶은 30만원 이하 27인치 QHD 게이밍 모니터는?
8
[PC게임] [2025 BEST 게임 어워드] Escape from Duckov - 덕코프 행복 줍줍 게임
9
[컴퓨터] AMD 9950X3D2 CPU 벤치마크 결과 유출
10
[컴퓨터] 메모리 공급 부족 사태 마이크로소프트 경영진 격분, 구글은 구매 책임자 해고
11
[모바일] 삼성전자, 독자 GPU 개발 성공...AI 생태계 확장
12
[게임] 2026년 게임시장 판을 흔들 출시작
13
[가전] 삼성 프리스타일+ 휴대용 프로젝터, CES 2026 첫 공개 예정
14
[컴퓨터] 삼성전자, ‘갤럭시 북6 시리즈’ 공개
15
[이벤트] 1월 베스트 빌런 댓글러를 찾습니다.
16
[컴퓨터] D램 메모리 제조사, 고객 ‘선별 공급’ 단계로 진입
17
[후방/은꼴] 스타워즈를 참 좋아합니다.
18
[컴퓨터] AMD 차세대 RDNA 5 라데온 GPU, 2027년 중반 출시 전망
19
[이벤트] 슈퍼플라워 2025 하반기 설문조사 이벤트 진행
20
[PC게임] 한국게임사 다큐 [세이브 더 게임] 예고편
인텔 코어 울트라7
아마존 MGM 스튜디오가 공개한 툼 레이더 드라마 주연 이미지 아마존 MGM 스튜디오가 국내 시간 기준 지난 15일 주연 배우 소피 터너의 모습을 담은 첫 번째 이미지를 공개했습니다. 공개된 이미지 속 소피 터너는 리부트가 아닌 고전 툼 레이더 시리즈의 라라 크로프트를 연상시키는 의상을 착용해 눈길을 끌었습니다. 주인공 라라 크로프트 역을 맡은 소피 터너는 HBO 드라마 '왕좌의 게임'의 산사 스타크 역과 영화 '엑스맨' 시리즈의 진 그레이 역으로 알려진 영국 출신 배우입니다. 왕좌의 게임 최고의 미녀(?) 산사 스타크역을 맡았던 소피 터너 소피 터너 외에도 시고니 위버, 제이슨 아이작스, 마틴 밥 셈플, 잭 배넌, 존 헤퍼난 등 다수의 배우가 출연진에 이름을 올렸습니다만 아직 정확한 배역은 알려지지 않았습니다. 제작진의 경우 배우 겸 각본가인 피비 월러 브리지가 총괄 프로듀서를 맡았으며, 연출은 '쇼군' 제작자 조나단 반 툴레켄이 담당한다. 아울러 '러너 웨이', '더 플레이보이 클럽'으로 알려진 채드 호지 역시 공동 쇼러너로 제작에 참여합니다. 아마존 프라임 비디오의 ‘툼레이더:시리즈’는 드라마로 시작해 영화로도 제작될 예정입니다. 툼레이더의 신작 게임 또한 두편이 2026년과 2027년 각각 출시를 앞두고 있습니다. 드라마는 아마존 프라임 비디오를 통해 방영될 예정이며, 구체적인 방영 시기는 아직 발표되지 않았습니다. 안젤리나 졸리의 아성을 뛰어넘을 수 있을까요? 원조 툼레이더, 안젤리나 졸리의 포스에 도전 하는 것은 정말 쉬운 선택이 아닐겁니다. 과연 소피 터너의 툼레이더 시대는 어떻게 전개될지 기대됩니다.
2026.01.16
4
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
1 2 3 4 5 6 7 8 9 10
인텔 코어 울트라5
  • 종합
  • 뉴스/정보
  • 커뮤니티
  • 질문/토론