[스파르타코딩클럽] 1주차 웹 개발일지

Seomne·2022년 7월 1일
0

Spartacodingclub

목록 보기
1/1

2022년 6월 27일, [왕초보] 비개발자를 위한, 웹개발 종합반 수강 시작

드디어 웹개발 종합반 수강이 시작되었다!
항상 무언가 새로 배울 수 있다는 것은 너무 즐거운 일인 것 같다.
지금의 설레임과 즐거움이 5주간 계속되어 유종의 미를 거둘 수 있으면 좋겠다🔥

3일만에 HTML, CSS, Bootstrap, JavaScript 까지?!

강의 커리큘럼을 보고 가장 크게 놀랐던 부분이다!
1주차 만에 HTML, CSS, Bootstrap, JavaScript 까지 완료한다고..⁉😱
너무 대충 수업이 진행되는건 아닐까 염려했지만 내배단은 하루 8강의 제한이 되어 있기 때문에
실제로는 3일만에 1주차 강의를 모두 수강했고, 결론은 굉장히 만족스러웠다👍
웹디자이너로 근무했던 경험이 있어서인지 HTML, CSS 부분은 빠르게 핵심만 짚고,
그동안 존재만 알고 실제로 사용은 많이 해보지 못한 Bootstrap 사용법도 알게되어서 좋았다.
(디자인은 CSS로 다 만들었기 때문에 실제로 사용해본 적은 별로 없었다....)
이전 직장에서는 JavaScript 는 대부분 개발자분들이 작업을 해주셔서 모르는 부분이 많았는데
기초 문법부터 응용해서 구현하는 것 까지 실제로 해보니 정말 재밌었다🥳

뚝딱뚝딱 원하는대로 구현을 해보자!

📣 1주차 핵심 포인트

· HTML : 뼈대
· CSS : 꾸미기
· JavaScript : 움직임
· class : 이름표
👉 html로 뼈대를 잡고, class로 이름표를 달고, 이름표를 css로 꾸미거나 JS로 움직임을 준다!

<style>
/* 가운데 정렬을 위한 CSS */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

/* 모바일 반응형 CSS (최대 1200px까지 width 95%가 유지된다) */
max-width:1200px;
width: 95%;
</style>

script를 작성할 때마다 에러를 확인하기 어렵기 때문에 console.log(변수) 를 사용한다!
console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력해준다.
console.log(변수1,변수2) 로 여러 변수를 한번에 출력도 가능!

📍 참고사이트
· Bootstrap : https://getbootstrap.com/docs/5.0/forms/floating-labels/

강의가 짧아서 아쉽지만... 그만큼 개인 공부는 필수!

내배단은 하루 8강의 제한이 있기 때문에 하루 수강할 수 있는 시간이 짧다.
단기간에 필요한 포인트들만 짚어주는 강의 방식이라 개인 공부가 필수인 것 같다❗
특히 JavaScript 는 한번 강의를 듣고 바로 이해하고, 응용하기는 어려움이 있어서
주말동안 강의를 복습하고 JavaScript 기본 개념에 대해 다시 정리하는 시간을 가지고,
정리한 내용들은 잊지 않도록 따로 한번 더 포스팅을 올려야겠다.✍️

처음 쓰는 개발일지라 이렇게 쓰는게 맞나? 싶지만 글을 쓰다보니 그동안 공부했던 내용들도
다시 생각하게 되고, 부족한 부분들을 다시 상기할 수 있어서 좋은 것 같다👍

앞으로 개발일지도 꾸준히 쓰고, 강의도 열심히 들어서 아쉽지 않은 5주를 보내야겠다👊

✅ 보완해야할 점
· JavaScript 기본 개념 및 응용

[스파르타코딩클럽] 1주차 웹 개발일지 끝👋

profile
상생하며 성장하는 퍼블리셔

0개의 댓글