![]()
지난 시간에는 웹 구조를 다루는 HTML에 대해 학습하였다. 오늘은 웹에서 디자인 요소를 담당하는 CSS에 대해 학습해 볼 것이다. CSS와 프론트엔드 개발 CSS란? 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어이다. HTML이 웹 페이지의 구조를 담당한다면 CSS는 HTML로 구성한 구조의 외부와 내부를 꾸미는 역할을 한다. CSS를 왜 사용해야 하는가 ? 더 나은 사용자 경험을 제공하기 위해 웹 애플리케이션에 접근할 수 있는 사용자 인터페이스를 제작해야한다. 이것이 CSS를 사용해야 하는 이유이다. 여기서 사용자인터페이스란 컴퓨터에 무지한 일반 사용자가 쉽게 사용할 수 있는 인터페이스에 사용자가 붙어 만들어진 용어이다. 예를 들어보자 . 트위터로 메세지를 보내려면 메세지를 키보드 인터페이..
![]()
HTML은 집을 짓기 전 설계도에 따라 구조를 잡듯, 웹 페이지의 구조를 짜는(마크업) 언어이다. CSS는 스타일을 담당하는 디자인 언어이다. JavaScript는 구조와 스타일이 완성된 각각의 요소에 생명을 부여하는 역할을 한다. 한마디로 HTML 은 구조를 , CSS 는 스타일을 , javascript는 상호작용을 담당한다. 앞으로의 실습에서 코드 에디터는 Visual Studio Code를 사용할 것이다. 전부터 많이 사용해왔던 툴이라 어려움 없이 사용할 수 있을 거 같다! HTML 기초 HTML - 문서의 틀을 만드는 언어, 웹 페이지나 웹 애플리케이션이 전부 HTML로 작성 되어있음. - 웹 페이지의 틀을 만드는 마크업 언어 - tag들의 집합 Tag: 부등호()로 묶인 HTML의 기본 구성 요..
![]()
너는 좋겠다 코딩 잘하니까 취업에는 문제 없겠네 컴퓨터 과학과를 진학하면서 가장 많이 들었던 말이었다. 모두가 컴퓨터과학과를 졸업했다고 해서 코딩을 잘하게 되는 것은 아니었다. 코딩 하는 척 하는 것일 뿐 .. 그 예시가 바로 나였다. 학교에서 자료구조 , 알고리즘 등등.. 이론 강의를 들으면서 이걸로 어떻게 내가 먹고 살까 ? 하는 고민이 들게 되었고 점점 학교 강의에 흥미를 잃었었다. 그러던 중 3학년 때 우연치 않게 듣게 된 교양 과목은 나에게 웹 프론트엔드라는 신세계를 알려주었다. 아드레날린이 막 분출했다. 마치 사막에서 오아시스를 발견한 느낌이라면 이런 느낌일 것이라고 생각이 들었다. 늘 중위권인 내가 그 강의는 중간, 기말 만점으로 1등을 하게 되었다. 그 후 나는 웹 프론트엔드 ... 이거다..
