[두 번째 미션]_신년운세 패키지 2일차 개발일지+회고

신년운세 패키지 완강~!
결과페이지가 궁금하다면 글의 마지막에 첨부해두었으니
한 번씩 구경하고 가세요.

새로 배운 내용

화면비율에 따른 반응형

이전 메이킹챌린지에서 한 가지 아쉬웠던 점인데,
PC에서는 모달창이 적절한 크기로 보였지만,
모바일에서는 모달창이 너무 커서 화면 밖으로 벗어나는 일이 있었다.
그런데 이번에 화면비율이 달라지는 경우 CSS를 다르게 적용하는 방법을 배워
나중에 메이킹 챌린지에서 아쉬웠던 부분을 수정할 수 있을 듯 하다.

@media screen and (max width: 780px) {
	body {
    	background color: green;
     	}
}

고민한 내용

Javascript

자세한 설명은 생략하셨지만,
그래도 언젠간 다시 뜯어보고 싶은 코드

function share() {
	var t = document.createElement("textarea");
	document.body.appendChild(t);
	t.value = window.location.href;
	t.select();
	document.execCommand('copy');
	document.body.removeChild(t);
	alert('복사 완료!')
}

세부사항 수정

강의에서는 십이간지별 페이지마다 이미지나 제목을
외부 url을 통해 데이터를 입력하는 방식을 취했는데,
그런 이유로 '2021년'이라는 단어를 수정할 수 없었다.

그래서 외부 링크를 따라 들어가서 냅다 코드 베껴서
내가 원하는 모양새로 바꾸기.

저게 다 무슨 말이냐고 물으신다면 저는 대답할 수 없습니다...
저도 잘 모르겠구...
그냥 제가 쓰고 싶은 것만 골라서 바꾸고 수정했어요...

시간은 조금 오래걸렸으나 매우 뿌듯하다!

참고한 블로그/사이트

없었다!
나 혼자 힘으로 다 했다!

자체 피드백

수정하고 싶은 부분이 까다로울 것 같다고 해서 포기하지 않고,
어떻게든 찾아서 고쳐보려고 한 시도가 좋았던 것 같다.

강의대로만 한다면 2021년 신년운세가 되었겠지만
코드 하나하나 톺아보면서 대충 이렇게 될 것이란 생각으로
2022년으로 수정한 게 정말 뿌듯하다.

결과물

2022년 신년운세 보고 가세요~!(클릭)

협업에 대한 생각

생략

프로젝트 아이디어

이 틀을 이용해서 언젠간 MBTI 별 아이템/운세/성격 등을 나타낼 수 있는 페이지를 제작하고 싶다.

회고

주차별 강의를 듣고 숙제까지 제출하면,
강의 요약본을 받을 수 있다.
강의 수강 기간이 끝난 이후더라도 혼자서 복습할 예정이다.

지난 개발일지 자체 피드백에도 언급했던 것이지만,
웹개발 종합반을 다 들었다고 해서 혼자서 웹페이지 제작에 대해 잘 안다고 생각했었다.
그런데 이번에 좋은 기회로 웹개발 종합반보다 더 짧은 <신년운세 코딩 패키지>를 수강하면서,
생각보다
내가 몰랐던 부분,
잠시 개념이 흐려졌던 부분,
한 번 고민했던 부분이었는데 알게된 부분 등을 배우면서
웹페이지 제작에 대한 내 지식을 명료하게 해줄 수 있는 경험을 했다.

배움에는 끝이 없고,
스스로 배울 것을 찾아야 성장한다는 것을 깨닫는 기회였다.

이런 기회를 스파르타코딩클럽 서포터즈 르탄즈 활동을 하면서 얻게 되어
참 보람차고,
앞으로의 활동 또한 최선을 다해 임하고 싶다.