본문 바로가기

HTML,CSS

(2)
카카오톡 클론코딩 마무리/ 자바 공부 시작:이클립스 설치/운영체제 이론 공부 마크업 언어라고 볼 수 있는 HTML과 CSS를 공부한 뒤, 본격적인 첫 언어로 자바스크립트와 자바 중에서 어떤 것을 시작할지 고민을 했었다. 노마드코더 커리큘럼상으로는 자바스크립트가 그 다음으로 배정되어있어서 잠시 관심이 가기는 했으나, 프론트엔드쪽 커리큘럼이라는 느낌이 강했고,( 자바스크립트는 백엔드에도 물론 쓰이는 것으로 알고있다.) 첫 언어로는 자바를 추천하는 의견을 많이 보았기 때문에 자바를 시작하기로 마음 먹었다. 비록 강의를 수강하며 따라한 작품이기는 하지만, 처음으로 완성한 클론코딩 작품을 소개한다.bestb4.github.io/kakao-clone-2021/Welcome to Goyang TalkNo Service 19:00 81%bestb4.github.io 고양시의 마스코트를 활용해서..
1.HTML 기초 : Tag, Class HTML은 웹사이트를 구성하는 뼈대의 역할을 한다. 다양한 Tag 들로 표현을 할 수 있는데 대표적인 예시로는 head,header,h1,h2,h3...,body,div,title,span,img 등이 있으며 이런 식으로 열고, 이와 같이 닫는다. 예시 위를 보면, span은 주로 위와 같이 짧은 글을 쓸 때 쓰이는데, div와 다른 점은 줄바꿈이 되지 않는다는 점이다. (block이 아닌 inline이다) 또한 Tag에는 각각 class를 위와 같이 부여할 수 있는데, 이는 CSS에서 활용된다. class이 외에도 비슷한 것으로 id도 있는데 CSS에서 class를 불러올 때는 .status-bar 이런 식으로 불러오고, id를 불러올 때에는 #status-bar라고 입력한다. 위 태그를 구현한 모습이..