본문 바로가기

전체 글98

프론트엔드? 백엔드? 차이 웹 개발을 시작하신 분들이라면 언젠가 한 번은 듣게 될 단어가 있죠. 프론트엔드, 백엔드. 오늘은 이 두 개의 차이점에 대해 이야기해보려 합니다. 각 개념에 대해 완전히 다 이해하려 하시기보다는, '아, 이런 개념이 있구나~' 정도로 넘어가셔도 됩니다. 프론트엔드는 우리의 눈에 보이는 영역을 의미합니다. 눈에 보이는 텍스트, 색, 레이아웃 이 모든 것이 프론트엔드에 해당됩니다. 이를 위해 필요한 것이 HTML(내용), CSS(꾸밈), JavaScript(움직임)라는 컴퓨터 언어들입니다. HTML은 문서에서 내용에 해당하며 전체적인 틀을 구성하고, CSS는 HTML로 구성된 웹페이지에서 폰트 색을 바꿔주는 등의 디자인 영역을 담당하며, JavaScript는 버튼을 누르면 알림 창이 뜨는 등을 해주며 정적인.. 2020. 4. 22.
CSS선택자 및 이용하는 방법 -style 속성, 태그, 파일 분리하기 HTML은 정보를 주는 문서였습니다. 제목, 글 등 우리가 원하는 내용들은 다 담을 수 있었지만, 글의 색을 바꿔주는 등의 꾸며주는 기능을 하는 태그는 거의 없었죠. CSS는 그런 내용을 꾸며주는 기능을 가지고 있는 컴퓨터 언어입니다. 네이버라는 웹을 떠올려보자면, 네이버라는 글씨는 어떤 색으로 할지, 어디에 위치하게 할 지 등 꾸며주는 모든 것이 CSS와 관련이 깊습니다. CSS를 사용하는 데는 3가지 방법이 있습니다. style 속성을 이용하는 것과 style 태그를 만들어 이용하는 것, 그리고 마지막으로 새로 파일을 하나 만들어 이용하는 것이 있습니다. 1. style 속성 이용 꾸며주고 싶은 내용을 가진 태그에 style 속성을 넣어 이용하는 방법입니다. 우선 저는 폰트 색만 바꾸어 볼게요.! 우.. 2020. 4. 19.
HTML 기본 태그 정리 HTML에서 가장 많이 쓰이고, 코딩을 한다면 반드시 알 수 밖에 없는!!! 태그에 대해서 정리해드리겠습니다. 우선 가장 많이 쓰이는 태그라는 걸 참고한 사이트는 https://www.advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses twenty-eight different element types: The twenty-eight elements used on most pages, ordered by appearance frequency: www.advancedwebranking.com 요기입니다. 페이지에 들어가면 이런 표가 나오는데, 이를 통.. 2020. 4. 17.
웹 기초) HTML개념과 태그, 요소, 속성, 변수 HTML(HyperText Markup Language) - 앞서 HTML, CSS, Javascripts에서 다루었듯이, html은 웹에 담기는 콘텐츠를 보여주는, 틀을 만드는 역할을 하고 있습니다. HTML을 영어 그대로 직역해보면, 아주 고도의 문서(hypertext)인데, Markup 언어로 이루어진 고도의 문서다, 라는 거죠. 마크업 언어란 마크(Mark) 혹은 태그(Tag)로 둘러싸인 언어라는 건데요.(태그: ) 태그? 기실, html뿐만 아니라 대부분의 코딩에서 태그(tag)는 빼놓을 수 없는 부분입니다. 대부분의 언어는 태그에서 시작하여 태그에서 끝난다고 해도 과언이 아니죠. 또 태그는 시작태그()가 있으면 종료태그()가 있어야 합니다. (몇 가지 태그는 닫는 태그 없이 존재하는 혼자서 존.. 2020. 4. 11.
728x90

티스토리툴바