..

span { color: red; } - span : selector(선택자)- color : 프로퍼티- red : 값- propery와 value는 콜론으로 구분, 세미콜론으로 문장을 구분 [Inline] - HTML 태그 안에 CSS 문법을 넣음 - style 속성 사용- Hello World! [Internal] - head 태그 안에 CSS 문법을 넣음- style 태그 사용- - 구조와 스타일이 섞이게 되므로 유지보수가 어렵다.- 별도의 CSS 파일을 관리하지 않아도 된다. 서버에 CSS 파일을 요청하기 위한 별도 요청을 보낼 필요가 없다. [External] - 별도의 .css 파일을 만들어 import - - 우선 순위 : Inline > Internal = External- 나중에 선언된 ..

- id : 고유한 속성. 여러 개를 써도 오류는 발생하지 않으므로 개발자가 의도적으로 id를 사용해야 함. 고유하게 식별하여 특정 처리를 하기 위함.- class : 중복 사용 가능. 어떤 CSS 클래스를 만들어 두어 같은 class를 가진 부분이 같은 CSS 스타일을 갖게 됨.

검색 키워드 : html structure design 웹 프론트엔드 개발자는 기획서나 디자인 파일을 받아 그것을 기반으로 HTML 개발을 시작한다.그러므로 주어진 화면을 보면서 구조를 분석하는 것이 중요하다. 영역을 크게 나누어 상단 / 본문 / 내비게이션 같이 분리한 후,각 영역 안에서 내용의 구조를 잡는다. 영역 안의 내용도 제각각일 것이고, 적절한 태그를 사용해야 한다. HTML 코드를 작성하면서 문서의 구조를 잡아나가는 것이 중요하다.

- 레이아웃을 구성하는 태그도 그 의미에 맞추어 사용한다.- header / footer / section 검색하면 잘 나온다. html layout tags.

- 태그는 그 의미에 맞추어 사용해야 한다. - 링크 / 이미지 / 목록 / 제목 등- anchor / img / ul / li / heading / p 등... - div 태그는 일반적인 영역을 표현할 때 많이 사용함 - 필요한 태그를 찾아서 적절한 의미에 맞는 태그를 사용하는 것이 중요하다. 다 외울 필요는 없다! 검색 키워드 : html tags

[클라이언트 / 서버 구조] - 서버 : 서비스를 제공, 웹 서버 - 클라이언트 : 서버에 서비스를 요청하여 그 결과를 보여줌, 웹 브라우저 [DBMS] - Database Management System - 다수의 사용자들이 데이터베이스 내의 데이터에 접근할 수 있도록 해주는 소프트웨어- MySQL, Oracle DB, MariaDB... [미들웨어] - 클라이언트와 DBMS 사이에 또다른 서버를 둠, 비즈니스 로직을 수행하는 곳 - 클라이언트 쪽 복잡한 로직이 미들웨어로 옮겨가면서 화면에 결과를 보여주는 역할만 수행할 수 있게 됨 [WAS] - Web Application Server - 일종의 미들웨어. 동적 컨텐츠를 제공. 웹 서버는 정적 컨텐츠를 제공.- 프로그램 실행 환경과 데이터베이스 접속 ..

[웹서버?] - 웹 서버 소프트웨어가 동작하는 컴퓨터 - 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달- 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적 데이터(이미지, HTML, CSS, JavaScript 파일 등)이거나 동적인 결과가 될 수 있음 [웹 브라우저와 웹 서버] - HTTP을 사용하여 통신 - 웹 브라우저가 웹 서버에 요청 Request- 웹 서버가 웹 브라우저에 응답 Response - 해석한 HTML 문서, 그리고 읽어들인 여러 개의 응답을(이미지, CSS, JavaScript 파일 등) 하나로 합쳐 그 결과를 브라우저에 나타냄 : 렌더링 [웹 서버 소프트웨어의 종류] - Apache / Nginx 등...

- HTML 문서는 html 태그로 시작해서 html 태그로 끝남 - head 태그 안에는 HTML 문서의 추가 내용을 담고 있음- body 태그 안에는 화면에 표현되는 것들을 담고 있음- HTML은 계층적, tag를 사용하여 표현- 곳곳에 JavaScript와 CSS가 존재함 - JavaScript 코드 (- head 태그 안에 들어감 - JavaScript 코드가 웹 페이지 렌더링을 방해할 수 있으므로 html 문서의 아래쪽에 위치시켜주는 것이 좋다. (body 태그가 닫히기 직전 또는 body 태그 이후)

https://d2.naver.com/helloworld/59361 웹 공부를 더 하고 위의 문서를 다시 살펴보자. 지금 보는 것은 좋지 않은 것 같다.

[Front-End] - 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)을 제공 - 사용자의 요청(요구사항)에 반응하여 동작 - HTML : 웹사이트 구조 만들기- CSS : 적절한 배치와 일관된 디자인 제공- Javascript : 사용자 요청 반영, 동적 ...HTML CSS 너무 귀찮다고 생각하지 말자... [Back-End] - 클라이언트의 요청에 따라 정보를 처리하고 저장하거나 내려주는 역할 - Java, Python, Javascript, PHP 등 다양한 언어- 웹의 동작 원리 이해- 알고리즘, 자료구조- 운영체제, 네트워크- 프레임워크(Spring 등)- DBMS(MySQL, Oracle 등)