스파르톤 생존 일지 🔥

Ogu·2022년 9월 17일

스파르타 웹종합 26기? 를 들었었는데 전부 강의와 프로젝트들이 개편이 되어서 새로운 마음으로 들어보려고 한다!
동기들이랑 하고있는 작은 프로젝트의 간단한 메인 페이지를 만들어 보기로 했는데 도움이 많이 될 것 같다.

분명 저번에는 내 귀여운 오구 인형을 파는 것을 만들었었는데...

11시 스파르톤 시작, 안내

간단한 자기 소개, 안내 등이 있었다.
생각보다 스파르톤 참여 규모가 엄청 커서 놀랐다.
준비를 참 많이 하신 것 같았다.
대표님 얼굴도 뵐 수 있어서 넘 좋았다.. 누가 딸깍이형~~ 이라고 해서 혼자 빵터졌따.. ~~대표님도 빵터져서 함박웃음 지으셨따 ㅋㅋㅋ🤣~~
스파르타 직원분들 모두 참여하시는 것 같은데 진쨔 엄청난 열기를 느꼈다.. 다들 대단하시다고 느꼈다..

12시 스파르톤 진행

개인적으로 하는 다른 프로젝트의 Java 미니 과제를 진행했다.
처음으로 몬스터도 먹어봤다. 오늘을 위해서 망고로코맛을 사뒀는데 맛있따..

로또 추첨을 하고 있는데 HashSet으로 할지 int배열로 할지 자료형을 한참 고민했다.. ~~(교집합 구할때 HashMap.retainAll()함수를 쓸까 싶어서..)~~ 그냥 제일 쉬운 int[][]배열로 하는걸루..

2시 스파르톤 휴식

분명 몬스터를 먹었는데 에너지가 불태워지는진 잘 모르겠다..
눈은 어떻게 해서든 졸린데 ㅜㅜ
그래서 게임 참여를 미뤄두고 눈을 감앗따..

3시

중간중간 매니저님께서 내가 걱정됐는지 메시지를 주셨다 하핳ㅎ
이렇게 인원이 많은데도 불구하고 하나하나 신경써주시는것에 감사했다.
쉴겸 웹종합을 들으러 왔다. 오랜만에 파이참을 보니 반갑다. 파이참을 사용할 때마다 느끼지만 프로그램이 다른거에 비해 정말 무거운 것 같다.

3시반쯤 졸려서 찬물로 세수 챱챱💦💦 + 인공눈물 눈에 투여하고 왔다..

~~슬랙을 보다가 내가 여태 소리가 안들렸단 것을 깨달았따.. 계속 개인적으로 메시지 주신 이유가 있었구나.. 새로고침했다 ㅜ😵‍💫~~

4시

1주차를 듣고 있는데 강의를 정말 많이 신경쓰신게 보인다!
개편 전 강의보다 더 많은 속성들을 보여주시려고 한 것 같다.
배경 어둡게, 투명하게 라던지 hover 속성과 display속성, 모바일 view도 추가 되었다.

무비스타 결과물

무비스타 html, css

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
            crossorigin="anonymous"></script>

    <title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
    <link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">

    <style>
        * {
            font-family: 'Gowun Dodum', sans-serif;
        }

        .mytitle {
            background-color: green;
            width: 100%;
            height: 250px;

            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg");
            background-size: cover;
            background-position: center;

            color: white;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .mytitle > button {
            width: 200px;
            height: 50px;

            background-color: transparent;
            color: white;

            border-radius: 50px;
            border: 1px solid white;

            margin-top: 10px;
        }

        .mytitle > button:hover {
            border: 2px solid white;
        }

        .mycomment {
            color: gray;
        }

        .wrap {
            max-width: 1200px;
            width: 95%;
            margin: 20px auto 0 auto;
        }

        .mypost {
            max-width: 500px;
            width: 95%;

            margin: 20px auto 0 auto;

            box-shadow: 0px 0px 3px 0px gray;

            padding: 20px;
        }

        .mybtn {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-top: 15px;
        }

        .mybtn > button {
            margin-right: 10px;
        }

    </style>
</head>

<body>
    <div class="mytitle">
        <h1>내 생애 최고의 영화들</h1>
        <button>영화 기록하기</button>
    </div>

    <div class="mypost">
        <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
            <label for="floatingInput">영화URL</label>
        </div>
        <div class="input-group mb-3">
            <label class="input-group-text" for="inputGroupSelect01">별점</label>
            <select class="form-select" id="inputGroupSelect01">
                <option selected>--선택하기--</option>
                <option value="1">⭐</option>
                <option value="2">⭐⭐</option>
                <option value="3">⭐⭐⭐</option>
                <option value="4">⭐⭐⭐⭐</option>
                <option value="5">⭐⭐⭐⭐⭐</option>
            </select>
        </div>
        <div class="form-floating">
            <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
                      style="height: 100px"></textarea>
            <label for="floatingTextarea2">코멘트</label>
        </div>

        <div class="mybtn">
            <button type="button" class="btn btn-dark">기록하기</button>
            <button type="button" class="btn btn-outline-dark">닫기</button>
        </div>
    </div>

    <div class="wrap">
        <div class="row row-cols-1 row-cols-md-4 g-4">
            <div class="col">
                <div class="card">
                    <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
                         class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">여기에 제목이 들어갑니다.</h5>
                        <p class="card-text">여기에 내용이 들어가지요.</p>
                        <p>⭐⭐⭐</p>
                        <p class="mycomment">여기에 코멘트가 들어갑니다.</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
                         class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">여기에 제목이 들어갑니다.</h5>
                        <p class="card-text">여기에 내용이 들어가지요.</p>
                        <p>⭐⭐⭐</p>
                        <p class="mycomment">여기에 코멘트가 들어갑니다.</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
                         class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">여기에 제목이 들어갑니다.</h5>
                        <p class="card-text">여기에 내용이 들어가지요.</p>
                        <p>⭐⭐⭐</p>
                        <p class="mycomment">여기에 코멘트가 들어갑니다.</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"
                         class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">여기에 제목이 들어갑니다.</h5>
                        <p class="card-text">여기에 내용이 들어가지요.</p>
                        <p>⭐⭐⭐</p>
                        <p class="mycomment">여기에 코멘트가 들어갑니다.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

5시

졸려서 잠시 강의실 구경좀 했는데 사람들이 몇몇 사라졌따..
그래서 같이 웃었는데 내 이름이 혼자 꿈나라로가면되조인걸 깨달았다.. ~~(그것도 ㄷ웃고 바로 강의들으러갔따가 나중에 발견함)~~ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 새벽에 혼자 빵터져서 웃고있으니까 기분이 이상해..😶

이렇게 된 김에 컨셉 지킬라구 끝까지 안바꿨다.. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

6시 폐막식

5시 55분에 광장으로 달려갔따.. 사람들 엄청많다 우글우글ㄹ..

딱 거의 6시에 맞춰서 1주차 강의를 다 끝냇따.. 나이수! 👊

범규대표님도 보구 넘 귀여우시댜..

우리가 인원이 많아서 ZEP 서버 직원분들도 같이 기다리셨다고 한다.. 엄청난 빅프로젝트였구나,, ㅋㅋㅋㅋㅋㅋㅋ 개발자들의 노고를 여기서 또한번 느낀다..
ZEP관계자분들이 안터진다고 하셔서 선택했는데 팅겨서 해명부탁드린다고,, ㅋㅋㅋㅋㅋㅋㅋ 짱유쾌하시다 범규대표님도 얘기하다가 팡 팅기셨따.. 🤣🤣🤣🤣