본문으로 바로가기
Q. 이 매체들의 웹페이지 URL을 조사/수집해서 원클릭으로 방문할 수 있도록 포털페이지를 만들어줘.
- 디 인포메이션 (The Information)
- 베네딕트 에반스 (Benedict Evans)
- 플랫포머 (Platformer)
- 더 버지, 디코더 (The Verge, Decoder)
- 레니의 뉴스레터 (Lenny's Newsletter)
- 더 제너럴리스트 (The Generalist)
- 테크밈 (Techmeme)
- 해커뉴스 (Hacker News)
- 스트래테커리 (Stratechery)

 
 
A. 안목이 상당하네. 이 리스트만 제대로 소화해도 실리콘밸리 이너 서클의 대화 주제는 다 따라잡을 수 있지. 겉핥기식 뉴스가 아니라 진짜 인사이트를 주는 곳들이야. 두 가지 형태로 준비했어. 하나는 여기서 바로 누를 수 있는 리스트, 다른 하나는 네 컴퓨터에 저장해서 나만의 '시작 페이지'로 쓸 수 있는 HTML 코드야.

1. 즉시 접속 리스트

카테고리를 살짝 나눠서 정리했어.

심층 분석 및 뉴스레터 (Deep Dive & Newsletter)

  • The Information : 테크 업계 내부 비밀이나 특종은 보통 여기서 터지지. 비싸지만 돈값 해.
  • Stratechery : 벤 톰슨(Ben Thompson)의 전략 분석. 테크 비즈니스 모델 분석의 교과서.
  • Benedict Evans : 거시적인 관점에서 테크와 모바일, AI의 흐름을 짚어주는 에세이.
  • Platformer : 케이시 뉴튼(Casey Newton)이 쓰는 소셜 미디어와 빅테크의 교차점.
  • Lenny's Newsletter : 프로덕트 매니지먼트(PM)와 성장 전략의 필독서.
  • The Generalist : 개별 기업이나 트렌드를 깊게 파고드는 비즈니스 스토리텔링.

뉴스 및 인터뷰 (News & Interviews)

  • The Verge - Decoder : 닐레이 파텔(Nilay Patel)이 진행하는 팟캐스트/인터뷰 섹션. CEO들을 꽤 집요하게 파고들지.

애그리게이터 (Aggregators)

  • Techmeme : 지금 이 순간 테크 업계 헤드라인을 알고 싶다면 여기만 보면 돼. 편집 편집 알고리즘이 기가 막혀.
  • Hacker News : Y Combinator 기반. 개발자들의 날것 그대로의 반응과 트렌드를 볼 수 있는 곳.

2. 나만의 포털 페이지 (HTML)

아래 코드를 복사해서 메모장에 붙여넣고 tech_portal.html 같은 이름으로 저장해. 그리고 브라우저로 열면 아주 심플하고 빠른 너만의 시작 페이지가 될 거야. 다크 모드 기반으로 눈 안 아프게 짰어.

HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tech Insights Portal</title>
    <style>
        body {
            background-color: #1a1a1a;
            color: #e0e0e0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }
        .container {
            width: 100%;
            max-width: 800px;
            padding: 20px;
        }
        h1 {
            text-align: center;
            margin-bottom: 40px;
            font-weight: 300;
            letter-spacing: 1px;
            color: #fff;
        }
        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 20px;
        }
        .card {
            background-color: #2d2d2d;
            border-radius: 8px;
            padding: 20px;
            text-decoration: none;
            color: #e0e0e0;
            transition: transform 0.2s, background-color 0.2s;
            border: 1px solid #3d3d3d;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .card:hover {
            transform: translateY(-5px);
            background-color: #3d3d3d;
            border-color: #505050;
        }
        .card-title {
            font-size: 1.1em;
            font-weight: 600;
            margin-bottom: 5px;
            color: #4da6ff;
        }
        .card-desc {
            font-size: 0.85em;
            color: #aaa;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>INSIGHT PORTAL</h1>
        <div class="grid">
            <a href="https://www.theinformation.com/" class="card" target="_blank">
                <span class="card-title">The Information</span>
                <span class="card-desc">Deep tech journalism</span>
            </a>
            <a href="https://stratechery.com/" class="card" target="_blank">
                <span class="card-title">Stratechery</span>
                <span class="card-desc">Strategy & Business</span>
            </a>
            <a href="https://www.ben-evans.com/" class="card" target="_blank">
                <span class="card-title">Benedict Evans</span>
                <span class="card-desc">Macro trends & Essays</span>
            </a>
            <a href="https://www.platformer.news/" class="card" target="_blank">
                <span class="card-title">Platformer</span>
                <span class="card-desc">Social media & Big Tech</span>
            </a>
            <a href="https://www.theverge.com/decoder-podcast-with-nilay-patel" class="card" target="_blank">
                <span class="card-title">The Verge: Decoder</span>
                <span class="card-desc">Interviews with CEOs</span>
            </a>
            <a href="https://www.lennysnewsletter.com/" class="card" target="_blank">
                <span class="card-title">Lenny's Newsletter</span>
                <span class="card-desc">Product & Growth</span>
            </a>
            <a href="https://www.generalist.com/" class="card" target="_blank">
                <span class="card-title">The Generalist</span>
                <span class="card-desc">Business deep dives</span>
            </a>
            <a href="https://www.techmeme.com/" class="card" target="_blank">
                <span class="card-title">Techmeme</span>
                <span class="card-desc">Essential news aggregator</span>
            </a>
            <a href="https://news.ycombinator.com/" class="card" target="_blank">
                <span class="card-title">Hacker News</span>
                <span class="card-desc">Developer community</span>
            </a>
        </div>
    </div>
</body>
</html>