728x90 반응형 HTML9 [스프링부트]구인구직 사이트 만들기 1. Header, Footer 만들기 Header 코드 채용 이력서 커뮤니티 로그인 회원가입 html head 안에 cdn 라이브러리를 담는다. 이때 주의할 점은 cdn 라이브러리가 다른 파일보다 먼저 로드된다면, 다른 파일들이 cdn 라이브러리에 의존하는 경우, 제대로 작동하지 않을 수 있다는 것이다. 그렇기 때문에 jQuery같이 Ajax 통신을 위해 필요한 라이브러리 같은 경우, head의 아래쪽에 배치해서, 나중에 로드되도록 하는 것이 좋다. 구인구직 사이트를 만들 때, 개인회원과 기업회원의 인증이 세션에 각각 저장되도록 설정해놓았다. 그래서 아래와 같은 코드를 작성해서 세션값이 없거나, null일 경우, 메뉴가 다르게 보이도록 만들 수 있다. *CDN이란? CDN은 Contents Delivery Network의 준말로서, 분산된 .. 2023. 2. 26. 2장. CSS선택자와 박스모델 CSS 선택자를 스스로 알아내는 방법 예를 들어 class="saw" 로 잡고 class를 style태그 안에 .saw로 표시하자. 로 표시하면 saw를 그레이 컬러로 표현할 수 있다. class라는 속성은 여러 개의 값이 들어올 수 있으며 값들은 띄어쓰기로 구분한다. 또한 하나의 태그에는 여러 개의 속성이 들어올 수 있고 여러 개의 선택자를 통해서 하나의 태그를 공동으로 제어할 수 있다. 그러나 이 방법은 그렇게 좋은 방법이 아니다. 왜 그럴까? 그 이유는 보다 가까이에 있는 명령이 더 큰 영향력을 갖기 때문이다. 그렇기 때문에 혼란을 겪지 않기 위해 우리는 id 선택자를 사용한다. id="active"로 잡고 #active로 표시하면 id선택자는 class선택자보다 우선된다. 즉, id선택자와 cla.. 2022. 1. 28. 1장. CSS의 정의와 기본 문법 이번 포스팅부터는 CSS에 대해서 알아보겠습니다. CSS란? CSS, Cascading Style Sheets란 무엇일까요? 위키피디아에서 CSS를 검색하면 CSS, 종속형 시트 또는 캐스케이딩 스타일 시트는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다. 기본 파일명은 style.css이다. 라고 나옵니다. 즉, 간단히 한줄로 설명하자면 CSS란 HTML의 Content가 어떻게 보여야 하는지를 브라우저에게 전달하는 스타일 언어 라고 정의할 수 있겠습니다. 그렇다면 CSS는 왜 등장하게 된 것일까요? CSS 등장 이전의 상황 CSS 등장 이전의 웹은 매우 .. 2022. 1. 28. 5장. HTML 태그의 제왕과 WEB1 강의 마무리(최종편) HTML 태그의 제왕 이번 포스팅에서는 HTML 태그의 제왕에 대해서 알아본다. HTML 태그의 제왕이란 Hypertext를 의미하는 태그 Anchor를 의미하는 태그 즉, 링크를 의미한다. 바로 태그이다. 로 나타내며 여기서 href는 hypertext reference의 준말이다. *참고: html specification : html의 공식 설명서, 이 설명서를 참조하면 html을 이해하는 데 더 도움이 된다. 웹사이트 완성 우리는 웹페이지를 엮어서 하나의 완성된 웹사이트를 만든다 예를 들어 index.html(홈페이지) 1.html 2.html 3.html 등등 웹페이지를 만들어서 웹사이트라는 하나로 엮는다. 원시웹 원시웹 파트는 웹의 역사에 대해서 설명하는 파트이다. 포스팅에는 굳이 남기지 않으.. 2022. 1. 27. 4장. 부모자식과 문서의 구조 부모자식과 목록 이번 포스팅에서는 부모자식과 목록에 대해서 배운다. 부모 자식은 HTML에 있어서 매우 중요한 개념이다. 의 형태를 띤다. 예를 들어, 는 목록을 나타내는 태그이며 태그의 부모는 이다. 즉, 태그는 반드시 부모인 을, 태그는 반드시 자식인 를 가진다. *태그를 쓰면 숫자가 자동적으로 넘버링된다 여기서 unordered list = ul ordered list = ol 을 의미한다. * 추가적으로 은 표를 나타내는 태그이며 태그 , 태그의 3대의 관계를 가진다. 문서의 구조와 슈퍼스타들 정보가 많아짐에 따라서 우리는 정보를 잘 정리하기 위한 체계와 구조가 필요하다. [1] 첫 번째로 은 웹페이지의 제목을 나타내는 태그이며, 사용자에게 제목을 명시하고, 검색엔진이 책 표지와 같은 정보로서 사.. 2022. 1. 27. 3장. HTML이 중요한 이유와 최후의 문법 - 속성 HTML이 중요한 이유 coding 와 coding 의 두 개의 코드가 있다. 웹브라우저에 같은 텍스트와 글자크기를 보여주는 두 개의 코드 중 무엇이 더 중요할까? 둘 중 무엇이 더 중요하냐에 대한 대답은 후자이다. 그 이유는 후자의 코드가 검색엔진에 더 잘 노출되기 때문이다. (검색엔진은 코드를 분석하여 정리정돈하여 그 값을 웹에 노출시키기 때문에 그렇다.) 자, 그렇다면 검색엔진에 더 잘 노출되는 것이 왜 중요할까? 우리가 HTML을 의미에 맞게 정확하게 사용하는 방법을 통해 코드는 검색엔진에 더 잘 노출되게 되고, 그것은 비즈니스적으로 매우 중요하다. 즉, 정보를 더 탄탄히 만드는 것이 가장 중요한 이슈라는 것이다. 웹의 핵심적인 철학은 접근성이다. 웹은 모든 운영체제에서 동작하고, 웹페이지의 소스.. 2022. 1. 27. 이전 1 2 다음 728x90 반응형
