2주차소감
1주차과제를 끝냈지만 사실 강의내용을 다 내걸로 만들었냐는 다른 문제.
1주차강의 마지막에 javascript맛보기가 있었는데 맛도 못본 것 같아서 2주차 시작전에 javascript강의만 다시 돌려봤다.
(그래도 긴가민가 아리송~~)
그리고 월요일 다시 찾아간 코딩스파랜드!
2주차는 jQuery랑 Ajax를 배웠는데 그냥 강의 보고 코드 따라쓰는 수준..
과연 이걸 활용할 수 있을까?
외울 필요 없이 갖다 쓰면 된다는데 뭘 갖다쓰면 되지?
뭐부터 써야하지?
이러한 생각이 머리를 한가득 채운 상태로 드디어 강의를 끝내고 과제타임으로!
과제는 생각보다 간단하게 1주차때 만든 페이지에 실시간환율만 추가 하는거라 손이 많이 가지 않아서 어떻게 완성!
사실 내용을 다 이해하진 못했지만 (코드를 설명하라고 해도 못하는 수준)그냥 까만 화면에 코딩하는 순간이 재밌고 하다보면 알게 될거라는 생각으로 수업을 듣고 있다!
무슨 근자감이야?
도쿄에서 근무할 당시 일본의 대형메이커들 (P사,S사) 한테 우리회사에서 살 제품을 같이 개발했는데, 한창 일본에도 IoT,AI 열풍이 불어 그 기술을 도입한 제품을 개발하는게 미션이었다.
사실 그때까지만 해도 IoT,AI,VR등등 단어만 들어봤지 실제로 어떻게 개발되는지 개발하는 사람은 어떤 사람들인지도 몰랐다.
그렇게 첨단기술엔 프로그래밍이 필요하다는 걸 어렴풋이 알게되었다.
앞으로디지털분야 데이터분석분야에 지식이 있으면 어디가서 굶어죽진 않겠다
이러한 생각으로 관련업무를 하고 싶어 사내입후보제도를 이용하여 그룹회사로 출향(出向)을 가게 되었다.
그렇게 우여곡절 끝에 맡게 된 업무가 그룹전체 디지털전략부서의 CRM데이터분석과 디지털CRM마케팅 담당.
처음 시작은 험난했다.
우선 미팅에 들어가도 단어를 못알아들었고, 사용하는 툴은 듣도보도 못한 것들이었다.
난 엄청난 컴맹이고 시스템에 대한 지식은 하나도 없는데다 외자계 컨설팅회사랑 같이 일을 하다보니 영어단어 사용까지 무지 많았다.(일본식 영어)
그나마 다행인건 새로 생긴 부서라 인재육성 명목으로 엄청나게 비용을 투자해서 교육을 해줬는데 거기서 SQL,CRM툴,BI툴 사용법을 배우고 자격증까지 취득했다.
그렇게 하얀백지 상태에서 1부터 배워 분석주제를 정해 SQL을 두드려 나온 데이터로 분석하고 마케팅기획까지 할 수있게 된 경험이 생겼다.
하면 된다?!될까?
끈기있는 스타일은 아니지만 「일단 해보자!」 스타일이다.
일단 해보고 후회하자는 주의라 도전하길 좋아하고 일단 행동으로 옮기는 스타일?
인재육성 연수중에 R언어도 배웠는데 너무 어려워서 못따라갔다.
파이썬도 왠지 알아야할 것 같아서 독학을 몇번이나 시도하고 meetup에도 참가했는데 꾸준히 하지 못했다.(안다고도 할수 없는 수준)
디지털마케팅업무이다 보니 컨텐츠를 구상하고 만들기도 했는데 그때 욕심이 생겨 웹디자인을 배웠지만 금방 포기했다.
끝맺음을 맺진 못했지만 도전하는 열정만 남았다.
이젠 내 서비스를 만들고 싶다라는 목표도 생겼으니 이번엔 다르려나???
3주차도 화이팅!!
2주차과제
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 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">
</head>
<style>
.thumnail {
width: 600px;
height: 230px;
background-image: url("https://i.shgcdn.com/7ee8a03a-200f-4720-aa93-2dfacb34e7ca/-/format/auto/-/preview/3000x3000/-/quality/best/");
background-size: 100%;
background-position: center;
border-radius: 10px;
margin: 20px auto 20px auto;
}
.title {
text-align: center;
line-height: 50%;
font-family: 'Gaegu', cursive;
color: deeppink;
}
.form {
width: 600px;
margin: 30px auto 20px auto;
text-align: center;
font-family: 'Jua', sans-serif;
}
.btn {
width: 100px;
margin: auto;
display: block;
}
.rate {
color: blueviolet;
}
</style>
<script>
function order() {
alert('주문이 완료되었습니다!');
}
$(document).ready(function () {
q1();
});
function q1() {
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/rate",
data: {},
success: function (response) {
let nowrate = response['rate']
$('#nowrate').text(nowrate)
}
})
}
</script>
<body>
<div class="thumnail">
</div>
<div class="title">
<h1>여름용텀블러 <span style="font-size: x-large">가격:20,000원/개</span></h1>
<p>테이크아웃커피나 음료컵이 쏙~ 들어가는 스테인레스 텀블러에요!</p>
<p>오피스나 재택근무할때, 운전할때 시원하게 음료를 즐기실 수 있어요>.< </p>
<p class ="rate">달러-원 환율: <span id ="nowrate"></span></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="order()" class="btn btn-primary">주문하기</button>
</div>
</body>
</html>