본문 바로가기

CSS

CSS를 HTML에 적용하는 방법 안녕하세요! 이번 글은 웹 개발이네요! 드디어 개발 환경 설치하는 방법 설명이 끝나고 본격적인 웹 개발하는 방법에 대해 설명드릴 겁니다. ​ 먼저 저번 글에서 했던 설명을 되짚어보자면 웹 개발에는 프런트엔드 백엔드로 나누어진다고 설명했었고 프런트엔드는 사용자가 보는 모든 인터페이스를 꾸미고 코딩한다고 했었습니다. 백엔드는 데이터베이스 관리 서버 관리에 중점을 둔다고 했었죠. 그래서 저는 웹 개발 중에 프런트엔드에 대해서만 설명한다고 했었습니다. 본론으로 들어가자면 프런트엔드에서 웹 개발은 HTML, CSS, Javascript를 다룰 줄 알아야 합니다. 먼저 HTML으로 홈페이지의 뼈대를 구성하고 CSS로 홈페이지를 꾸며줍니다. HTML로 만든 구성요소들을 CSS로 꾸며준다고 생각하면 더 쉬운 설명이 될.. 더보기
프런트엔드에 대해서 알아봅시다. 여기를 검색해서 들어오신 분이라면 대부분 웹 개발에 대해서 입문하셨다고 생각합니다. 그래서 먼저 웹 개발을 위한 환경 세팅을 하기 전에 웹개발에는 무엇이 있는지부터 알아보겠습니다. 웹 개발은 크게 두 개로 구분지을 수 있습니다. 프런트엔드와 백엔드 바로 프런트엔드와 백엔드입니다. 프론트엔드 개발은 지금 여러분이 보고있는 화면 구성의 전체적인 부분을 담당합니다. 어려운 말로는 '사용자가 보는 인터페이스 구성을 개발한다'고 할수 있겠습니다. 네이버 홈페이지로 설명하자면 눈에 보이는 모든 요소를 개발한다고 생각하면 됩니다. 저는 프론트엔드 개발을 하고 있기 때문에 앞으로 백엔드 설명을 제외하고 프론트엔드 설명만 할 예정입니다. 제가 임의로 네이버 홈페이지의 영역을 나눠봤습니다. 위의 이미지 사진과 같이 홈페이.. 더보기