후쿠오카 하카타역

왜 다시 코딩공부하는 거야?

일본에서 직장생활을 한지 9년째.
도쿄에서 일하며 회사원을 벗어나고 싶어 프리랜서로 전세계 어디에서도 통용되는 웹디자인 열풍이 불었던 시기에 맞물려 몇백만원짜리 웹디자인 수강등록과 맥북을 구매했다.

인터넷강의라 엄청난 끈기가 필요했다.
그렇게 4개월이면 포토샵과 코딩기본은 마스터 한다고 했는데 나는 그러지 못했다.
포토샵에 너무나도 소질이 없어서 꼼꼼한 작업이 맞지 않다며 등록을 취소하고 맥북은 넷플릭스용으로 유용하게 사용했다.

그렇게 회사원으로 이직준비를 하던중 코로나가 들이닥쳤고, 더이상 도쿄에 있는 의미가 사라져갔다.
계속 계획만 했던 이주를 하자싶어 일사천리로 모든준비를 마치고 부산에 배로 갈 수 있다는 한가지 이유로 후쿠오카로 이주를 하였다.

8년간 다닌 회사를 하루아침에 그만두고 타이밍 좋게 IT대기업 후쿠오카지사에 자리가 나서 공백기간없이 일을 시작할 수 있었다.
영업직이라 연봉도 높여서 왔는데 미칠 것 같았다.
너무너무 안맞아서..

입사2개월차에 다시 이직준비를 해서 또 운좋게 IT회사에 입사를 했다.
지푸라기라도 잡는 심정이었기에 하고 싶었던 일은 아니지만 할 수는 있는 일이라 선택을 했다.

너무나도 단조로운 업무에 입사2개월만에 또 슬슬 지겨워지기 시작..
한번 실패를 맛봤지만 프로그래밍쪽을 공부하고 싶다는 의지는 가지고 있었기에 인스타광고에 뜬 스파르타코딩클럽을 클릭해 그자리에서 등록을 하고 바로 수강을 시작했다.

왕초보시작반 1주차

7월5일 오티를 하고 1주차 수강&과제 제출까지 끝냈다.
동영상 보면서 따라하다보니 따라가질 못해서 몇번이나 영상을 돌려보다 2시간짜리 영상을 거의 이해하지 못한채로 3일에 걸쳐 완주했다.

과제는 어떻게 하나 싶었지만 배운거나 구글링에서 찾은 소스를 갖다붙이기만 하면 되니 2시간만에 끝냈다.
그럴싸한 페이지가 만들어졌으니 1주차 치곤 만족한다.

지금 회사안에 관련부서가 있으니 열심히 배워서 나중에 이동신청을 내볼수도 있고, 인터넷판매를 위한 페이지를 만들어볼수도 있고, 어플을 개발해볼수도 있다는 생각으로 이번엔 진짜 5주 완주해서 뭐라도 얻어가고 싶다.

하루종일 재택근무로 재미가 1도 없는 일상이지만 코딩하는 재미로 어떻게든 이겨내보고 싶다.

광고영상처럼 5주만에 가능해요~ 라고 말할 수 있는 날까지!!

1주차 과제

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>

<title>쇼핑몰숙제1 | 부트스트랩 연습하기</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gaegu&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">

<div class="title">
    <h1>여름용텀블러 <span style="font-size: x-large">가격:20,000원/개</span></h1>
    <p>테이크아웃커피나 음료컵이 쏙~ 들어가는 스테인레스 텀블러에요!</p>
    <p>오피스나 재택근무할때, 운전할때 시원하게 음료를 즐기실 수 있어요>.< </p>
</div>
<div class="form">
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="inputGroup-sizing-default">주문자 이름</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>
    <div class="input-group mb-3">
      <div class="input-group-prepend">
        <label class="input-group-text" for="inputGroupSelect01">수량</label>
      </div>
      <select class="custom-select" id="inputGroupSelect01">
          <option selected>--수량을 선택하세요--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
      </select>
    </div>
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="inputGroup-sizing-default">주소</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="inputGroup-sizing-default">전화번호</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>
</div>
<div class="btn">
    <button type="button" onclick="hey()" class="btn btn-primary">주문하기</button>
</div>