Programming/Web

[개발일지/회고] 스파르타코딩클럽 웹개발 종합반 - 1주차

망고밥 2022. 1. 8. 17:13

스파르타코딩클럽은 예전부터 무료 강의를 여러 번 수강했어서 익히 알고있었는데,

이번에 내일배움카드를 발급 받아 웹개발 종합반을 신청하게 되었다!

비개발자를 겨냥해 제작된 강의인데, 나는 전공자이지만 흥미가 생겨 신청했다 ^,^

앞으로 회고를 꾸준히 써보도록 하자. 아좌좟~😎


수업 목표

  1. 서버와 클라이언트의 역할에 대해 이해한다.
  2. HTML, CSS, Bootstrap의 기초 지식을 이해하고 쓸 줄 안다.
  3. Javascript 기초 문법을 익힌다.

배운 것

서버/클라이언트/웹의 동작 개념

  • 우리가 보는 웹페이지는 모두 서버에서 미리 준비해둔 것을 받아서 그려주는 것!
  • 브라우저는 서버가 만들어놓은 API에 요청을 보내고 받은 HTML 파일과 데이터를 그려주는 역할을 한다.
  • https://naver.com/ : naver.com이라는 이름의 서버에 있는 "/" 창구에 요청을 보낸 것.
  • 클라이언트 ↔ 브라우저 ↔ 서버 구조로 동작

HTML, CSS, Javascript, Bootstrap 개념

  • HTML은 구역과 텍스트를 나타내며, head(페이지의 속성 정보)와 body(페이지의 내용)로 구성되는 마크업 언어.
  • CSS는 구역의 배경, 폰트 등을 꾸며주는 스타일 시트 언어. (style 태그로 작성)
  • 구글 웹폰트를 사용하기. (div 태그 안에서 적용됨)
  • Bootstrap을 사용하기.
  • Javascript는 동적으로 컨텐츠를 바꾸고 이미지 등을 움직이게 하는 스크립트 언어.

만든 것

CSS를 사용한 간단한 로그인 페이지

 

Bootstrap을 사용한 나홀로 링크 메모장

 

1주차 숙제 - Bootstrap을 사용한 쇼핑몰 페이지

 

좋았던 것

아무래도 비개발자 대상으로 제작된 강의이다 보니 전공자에겐 다소 쉽게 느껴질 수 있지만,

HTML, CSS, Javascript, JQuery, Ajax, AWS 등 잊어버렸던 개념들과 기초를 다시 한번 잡을 수 있어서 좋았다.

그리고 그동안 접하지 못했던 Flask와 MongoDB, 웹 배포 등을 쉽게 입문할 수 있다는 점이 좋아서 신청하게 되었다.

강의도 지루하지 않고 흥미를 유발해서 심화 과정으로 가기 전 딱 웹개발 입문 강의로 제격이라 생각한다!

바라는 것

앞으로 남은 강의를 열심히 다 완주하고 복습도 꾸준히 해서 웹개발 메이킹 챌린지에도 참여해보고 싶다!