728x90 반응형 CSS4 [스프링부트]구인구직 사이트 만들기 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. 웹사이트는 어떻게 만들어지는가? 이번 포스팅에서는 웹사이트가 만들어지는 기본 원리에 대해서 설명해드리겠습니다. 웹사이트의 사전적 정의를 찾아보면 "인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 루트 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지 들의 의미 있는 묶음"이라고 나옵니다. 사전적 정의는 이렇게 언뜻 보기 생소한 용어들이 많아 이해하기 어려운데요. 아주 간단하게 핵심만 설명해드리겠습니다. "웹사이트 Website는 Text로 이루어져 있으며 이를 브라우저 Browser에게 전달한다. 그리고 Browser는 Code를 이해해서 이를 구현한다." 자, 위의 문장을 간단히 설명하면 웹사이트란 복잡해보이는 Text(코드)로 이루어져 있으며, 이를 브라우저(HTML 문서나 파일을 출력하는 응용 소프트웨어,.. 2021. 12. 21. 이전 1 다음 728x90 반응형
