- 정적 사이트 : 취업용 포트폴리오 사이트나 기업 홍보 사이트 처럼 방문자에게 정보를 보여주기만 하는 웹사이트
- 동적 사이트 : sns나 쇼핑몰 사이트 처럼 정적 사이트의 기능 뿐만 아니라 서비스를 제공하는 웹사이트
- 풀스택(full-stack) 개발자 : 프런트엔드 개발과 백엔드 개발을 모두 할 수 있는 개발자를 칭함
- 프레임워크 : 프로그램을 만들때 필요한 여러 기능을 쉽게 구현하도록 도와주는 도구
- 바닐라 자바스크립트 : 라이브러리나 프레임 워크를 사용하지 않고 오직 자바스크립트만으로 처음부터 끝까지 개발하는 것
- 라이브러리 도구와 프레임워크의 차이는 개발 흐름의 주도권을 누가 가지고 있는가에 달렸다. 라이브러리는 필요한 기능만 뽑아서 사용할 수 있기 때문에 개발 주도권이 개발자에게 있는 반면, 프레임워크는 웹 개발을 시작하는 방법부터 기능을 구현하는 모든 것을 프레임워크에서 정해 놓은 대로 따라야 하기에 개발 주도권이 프레임워크에게 있다.
- 웹 편집기(코드 편집기) : 웹 문서를 만들 HTML 태그를 비롯해 CSS나 자바스크립트 소스를 입력하는 프로그램 ※ 텍스트를 입력할 수 있다면 모든 프로그램을 편집기로 쓸 수 있긴 하지만 웹 편집기는 태그 속성 등의 색상, 자동 완성 기능으로 사용자를 편리하게 한다.
- Visual Studio 다운 Stable과 Insider의 차이점 : Insider은 최신버전의 기능을 먼저 사용할 수 있는 제품으로 안정화 되지 않았고, Stable은 반대로 안정화 된 버전을 말한다.
- HTML : HyperText Markup Language의 줄임말이자 웹 문서를 만드는 언어. ※ 하이퍼 텍스트(HyperText)는 문서를 서로 연결해주는 링크를 의미, 그리고 마크 업(Markup)은 표시한다 라는 뜻을 가진다.
- meta 태그 : 주로 인코딩을 할때 사용하며, 웹 문서와 관련된 정보를 지정할 때 사용한다.
- Visual Studio Code 탭에 마우스를 올리면 파일이 저장된 경로가 나타난다
- 시맨틱 태그 : 태그의 이름만 봐도 의미를 알 수 있다는 HTML의 태그의 별호 문서 구조를 정확히 나눠 사용자에게 보다 더 정확한 내용을 전달하기 위함
- nav 태그 : 같은 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만들 때 사용한다. 흔히 네비게이션을 만들 때 사용하며, 웹 문서의 위치에 영향을 받지 않는다.
다들 잘하는데 나만 못해?