분명 전에 조금씩 해봤던 것 같은데, 기억이 희미하다. 이래서 예습과 복습이 중요하다. 자료를 이것저것 검색하면서 하다보니까 소화하는데 시간이 오래 걸린다. 뒤쳐지진 않을까 불안하긴 하지만, 다른 사람이랑 비교하는 건 독이라고 하니까 그냥 그 자리에서 우뚝 자라는 소나무처럼 해야겠다. 불안해도, 그래도 해야지!(태연 톤🤣)
그리고 일차별로 정리할 게 아니라 챕터별로 정리해야 할 것 같다. 일차별로 정리하면 찾아볼 때 불편할 것 같다.
Chapter 1. 웹 개발 이해하기
학습 목표
- 웹 개발에 있어서 HTML, CSS, JavaScript의 역할을 각각 설명할 수 있다.
- VScode에서 폴더를 열고 새로운 파일을 생성할 수 있다.
- VScode를 이용하여 작성한 HTML, CSS를 브라우저에서 확인할 수 있다.
웹 개발은 웹 사이트나 웹 페이지를 개발하는 과정을 말한다. 일반적으로 웹 프로그래밍뿐만이 아닌 더 넓은 의미로 사용된다.(웹 디자인, 웹 콘텐츠 제작 등)
웹 개발은 하나의 건물을 짓는 과정에 빗댈 수 있다. 건물의 구조를 설계하고, 사용할 재료 등을 정하고, 건물 안에서 엘리베이터가 움직이거나, 불을 켜고 끄는 등의 기능을 하게 만드는 것과 같다.
웹 또한 어떤 구조로, 어떤 스타일로, 어떤 기능을 하게 할 것인지와 같은 프로세스를 가지고 있다.
웹 개발은 일반적으로 클라이언트 측 코딩, 서버 측 코딩, 데이터베이스 측 코딩으로 나뉘며, 클라이언트+서버 측 코딩도 있다.
HTMl, CSS, JavaScript는 클라이언트 측 코딩이며, 각각의 역할을 간단하게 정리하면 다음과 같다.
- HTML : 구조 / 마크업 언어
- CSS : 시각적 요소 / 스타일 시트 언어
- JavaScript : 상호작용 / 프로그래밍 언어(or 멀티 패러다임 언어)
HTML은 뼈대고, CSS는 외형이고, JavaScript는 근육이라고 생각할 수 있다.
+) 구체적인 설명 참고할 링크
웹 개발을 위해 코드를 작성하기 위한 프로그램으로 VScode가 있다.
VScode는 마이크로소프트에서 개발한 가장 대중적인 코드 에디터로, 프로그램/웹 사이트/웹 애플리케이션 등을 만들 수 있다.
