스파르타코딩클럽 웹개발종합반 1주차 기록 및 강의리뷰

1. 웹개발종합반 1주차 기록

● HTML, CSS 기본 내용

• HTML과 CSS의 개념

  👉 HTML은 뼈대, CSS는 꾸미기! - HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것이다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하면서 HTML 코드 내에 CSS 파일을 불러와서 적용한다. - 또한 CSS를 잘 사용할 줄 아는 것과, '예쁘게' 만드는 것은 다른 영역이기 때문에(붓을 잡을 줄 아는 것과 그림을 잘 그릴 줄 아는 것의 차이), 많은 경우 웹디자이너나 퍼블리셔에게 의존하게 된다.

• HTML 기초

  👉 HTML은 크게 head와 body로 구성된다. - head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다. - head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 👉 페이지의 속성을 정의하거나, 필요한 스크립트들을 부른다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. 👉 정렬의 중요성 : 코드의 정렬이 제대로 되어있지 않으면, 코드의 생김새를 파악할 수 없어 오류를 해결하기가 무척 어려워진다. 👉 Pycharm에서 **ctrl+alt+L** 사용 (자동정렬기능)

• CSS는 어떻게 사용하나요?

  👉 < head > ~ < /head > 안에 < style > ~ < /style > 로 공간을 만들어 작성한다. 👉 mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 한다.

• 모든 CSS들을 다 알 수가 없기에 검색해서 사용!

  👉 배경관련 : background-color / background-image / background-size 👉 사이즈 : width / height 👉 폰트 : font-size / font-weight / font-famliy / color 👉 간격 : margin / padding

• 부트스트랩이란? 예쁜 CSS 모음집

  👉 bootstrap이란?

  • 부트스트랩이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많다.)

● Javascript

• 자바스크립트란?

  • 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어
  • Java와 Javascript는 바다와 바다코끼리의 차이

• 자바스크립트 기초문법

  • 변수 & 기본연산
    - 변수 대입( a = 2 )의 의미: "오른쪽에 있는 것을 왼쪽에 넣는 것!"
    - let으로 변수를 선언한다.
    - 사칙연산, 그리고 문자열 더하기가 가능하다.
  • 리스트 & 딕셔너리
    - 리스트 : 순서를 지켜서 가지고 있는 형태
    - 딕셔너리 : 키-벨류 값의 묶임
    - 리스트와 딕셔너리의 조합 : 딕셔너리를 활용하면 고객 별로 정보를 묶을 수 있고 리스트를 활용하면 순서를 나타낼 수 있음.
  • 함수
  • 조건문 ( if )
  • 반복문 ( for )

● 1주차 숙제(팬명록 만들기)

● 1주차 강의리뷰

스파르타코딩클럽 1기 서포터즈 르탄즈 활동 우수활동자로 선정이 되어 정규강의를 제공받을 수 있었다. 비전공자이지만 개발자의 꿈을 가지고 공부하고 있는 만큼 이 강의는 분명 나에게 도움이 될 것이다. 아직 첫걸음을 뗀지 얼마 되지 않았지만 1주차부터 5주차의 여정동안 내가 만들고 싶은 것을 결과물로 낼 수 있는 그런 날이 오길 바란다. 그 기간까지 강의를 꼼꼼하게 들으며 코드를 작성하고 웹개발에 있어서 필요한 부분을 중점적으로 학습해나가려고 한다. 본 강의는 비전공자들도 이해하기 쉽도록 충분한 설명과 풀이로 구성되어있으며 지루하지 않아 포기하지 않고 끝까지 따라가게 된다. 물론 중간에 막히는 부분이 있어 어디가 잘못된걸까라는 생각을 수없이 했지만 끝까지 고민한 끝에 틀린 부분을 찾아내고 완성할 수 있었다. 앞으로도 남은 2주차부터 5주차까지의 기간동안 얼마나 많은 것들을 배울 수 있을지 궁금해진다.