개발 환경을 구축하자 !

ㆍStudy/HTML5 & CSS3

2022.08.02

  • 티스토리 블로그 개설

: https://poseybutter-insight.tistory.com/

 

For Frontend

 

poseybutter-insight.tistory.com



  • <비전공자를 위한 첫 코딩 챌린지> 코딩 30일 챌린지 Start - DAY 1

: 02장 웹 , HTML이 뭐지?





Review

  • 티스토리 블로그 개설

 

: 친구들이 블로그나 유튜브 한번 해보라고 그렇게 말했는데 블로그 시작을 결심하는 데에 몇 년이 걸렸다.
오늘 드디어 개설해서 포스팅을 해보니 역시 쉽지 않다.
블로그 개설 목적은 앞으로 공부하는 것에 대해 강제성을 부여하기 위함이 가장 크지만 카페나 맛집 블로거가 되고자 하는 꿈도 있었기에 한번 열심히 해보려고 한다.
블로그 이름을 설정하는 것도 긴 고민 끝에 결국은 심플 이즈 베스트.
지금은 프론트엔드 개발 블로그로 이용하려고 블로그 제목을 'For frontend'로 설정해두었지만 이후 변경할 수도 있다.
천천히 꾸준하게 해보자-!

  • <비전공자를 위한 첫 코딩 챌린지> 코딩 30일 챌린지 Start - DAY 1

 

: 비전공자인 개발자가 쓴 도서라 문과생 비전공자를 위해 쉽게 풀이하기 위해 노력하신 것이 느껴졌다.
예전부터 유튜브에서 봐왔던 개발자 분인데 정말 똑부러지고 대단하다 느꼈었다.
저자가 책에서 강조하는 점은 많은 양이 아니라 조금씩이라도 매일 꾸준히 코딩 챌린지를 실천하여
코딩에 재미를 붙이도록 노력하라는 것이다.
'나도 코딩할 수 있다' 라는 자신감을 심어주는 것을 목표로 주저함 없이 바로 구입해 읽어 보고
오늘부터 실천하기로 결심했다.

이 책은 HTML와 CSS까지만 학습하도록 구성되어 있다.
자바스크립트는 이후 다른 책을 구입해 공부할 예정이다.
나만의 프로젝트를 기획해보자면 가장 먼저 떠오르는 것은 인테리어를 위한 앱을 구현해보는 것이다.
아직 구체적으로 떠오르지 않지만 충분히 시간을 가지고 기획해봐야겠다.


<웹, HTML이 뭐지?>


-웹 : 인터넷에 연결된 사용자들이 서로 정보를 공유할 수 있는 서비스
-웹 페이지 : 정보를 하이퍼텍스트라는 특별한 양식으로 제공하는 웹 문서
-클라이언트와 서버 구조 : 클라이언트는 요청하고, 서버는 응답한다.
-HTML : 하이퍼텍스트를 마크업(표시)하는 언어. 하이퍼텍스트란 정해진 순서 없이, 참조를 통해 한
문서에서 다른 문서로 접근할 수 있는 텍스트이다. 핵심 기능으로 하이퍼링크를 들 수 있다.
결국 HTML은 '웹 페이지의 구조를 나타내는 마크업 언어이다. 프로그래밍 언어는 아니지만, 작성하는
행위를 코딩, 작성된 텍스트를 코드라고 표현하는 건 같다.

 


- HTML의 기본구조


(1) <! DOCTYPE html> : 모든 HTML 문서는 이 선언으로 시작한다. 문서 유형에 대한 브라우저의 정보를
알려준다.
(2) head 태그 : 페이지에 표시되지 않는다.
(3) title 태그 : HTML 문서 제목을 표현한다.
(4) meta 태그 : 메타 데이터(데이터를 설명하는 데이터)를 알려주는 태그. head 태그 안에 다양한 meta
태그가 있다.
-태그 : HTML에서는 웹 문서에 정보를 정의해주는 형식. 태그로 데이터를 감싸서 데이터 형식과 의미를
알려준다. <html>은 시작을, </html>은 태그의 끝을 알려준다.



<코딩 상식>


-코딩 vs 프로그래밍 : 코딩은 코드를 작성하는 일, 프로그래밍은 단순히 코드를 작성하는 일 이상을 포괄.
-웹 페이지 vs 웹 사이트 : 웹 페이지는 하이퍼텍스트(예를 들어, HTML)로 작성된 문서.
웹 사이트는 URL 기반으로 인터넷에서 서비스되는 웹 페이지의 묶음
-브라우저 : 웹 페이지를 분석해 텍스트, 이미지, 비디오 또는 음악 같은 요소를 보여주는 프로그램









*이미지 출처

instagram : @postershop.kr
@ah.hyeon

반응형

'Study > HTML5 & CSS3' 카테고리의 다른 글

CSS가 뭐지?  (0) 2022.08.09
3가지 미니 코딩 챌린지  (0) 2022.08.06
HTML 특징 정복하기  (1) 2022.08.05
7가지 태그 알아보기  (1) 2022.08.04
시작이 절반 !  (0) 2022.08.03

관련글

댓글 0

티스토리툴바