웹 기본6 5. HTML - 중급 (Semantic Tag) HTML Semantic Tag HTML 입문 포스팅에서 가장 기본적인 HTML 태그들을 알아봤었습니다. https://bellmir.tistory.com/20 (2) HTML 입문 HTML 입문 참고 링크 : 1. 생활코딩 - https://opentutorials.org/course/3084 2. Heropy - https://heropy.blog/2019/04/24/html-css-starter/ 3. w3schools - https://www.w3schools.com/html/ 들어가기 전에 H.. bellmir.tistory.com 해당 포스팅에서 레이아웃을 잡을 때 단순히 div 태그를 사용한다고 설명했었는데, 사실 div 태그를 사용하는것 보다 더 권장되는 태그들이 있습니다. 오늘은 HTML.. 2022. 7. 17. 4. CSS - 중급 (Inline vs Block) Inline vs Block 요소 참고 링크 : 1. display 속성 - https://developer.mozilla.org/ko/docs/Web/CSS/display 2. inline 속성 - https://developer.mozilla.org/ko/docs/Web/HTML/Inline_elements 3. block 속성- https://developer.mozilla.org/ko/docs/Web/HTML/Block-level_elements 4. inline-block 속성 - https://www.w3schools.com/css/css_inline-block.asp 이전에 올린 CSS 입문 포스팅을 먼저 읽고 보는 것을 추천합니다. https://bellmir.tistory.com/22?c.. 2022. 7. 17. 3. CSS - 입문 CSS 입문 참고 링크 : 1. 생활코딩 - https://opentutorials.org/course/3086/18318 2. CSS 개요- https://heropy.blog/2019/04/24/html-css-starter/ 3. CSS 속성 - https://happy-noether-c87ffa.netlify.app/presentations/level1/css/properties/ 3. w3schools - https://www.w3schools.com/css/default.asp 이전에 올린 HTML 입문 포스팅을 먼저 읽고 보는 것을 추천합니다. https://bellmir.tistory.com/20 (2) HTML 입문 HTML 입문 참고 링크 : 1. 생활코딩 - https://opentu.. 2022. 7. 17. 2. HTML - 입문 HTML 입문 참고 링크 : 1. 생활코딩 - https://opentutorials.org/course/3084 2. Heropy - https://heropy.blog/2019/04/24/html-css-starter/ 3. w3schools - https://www.w3schools.com/html/ 들어가기 전에 HTML란? HTML(Hyper Text Markup Language)은 페이지에 내용을 채우고, 그 내용이 어떤 구조와 의미를 띠는지 보여주는 언어입니다. 정보를 표현하기 위해 만들어졌으며, 웹의 구조를 만드는 역할이에요. HTML을 작성할 땐 화면을 이쁘게 하는 것보단 튼튼한 구조를 만드는 것에 집중해야 합니다. 화면을 이쁘게 만드는 것은 CSS에 맡기도록 하세요. HTML 기본 개념.. 2022. 7. 17. 1. Web이란? Web에 대해 우리가 인터넷을 사용할 때 우리는 의식하지도 못할 정도로 자연스럽게 웹사이트에 접속을 해서 볼일을 봅니다. 이러한 일련의 행위는 어떠한 과정을 거쳐 이뤄지는 걸까요? 우리가 사이트에 접속하는 가장 기본적인 과정을 그림으로 나타내면 이렇습니다. 이를 Client - Server 모델이라고 하는데, 사용자가 웹문서를 요청하면 서버에서 해당 요청에 대한 문서를 전달해 주는 방식입니다. 웹문서? 그렇습니다. 웹 '문서'입니다. 우리가 사이트에 접속할 때 우리가 보는 것은 잘 작성된 일종의 문서입니다. 어렵게 생각할 필요없이 하나의 사이트는 한권의 책, 하나의 웹페이지는 하나의 페이지라고 생각하면 됩니다. 문서에 양식이 있듯이 웹문서에도 당연히 양식이 존재합니다. 웹 문서는 HTML이라는 '마크업'.. 2022. 7. 17. 0. 웹 공부 로드맵 웹 공부 가이드 처음 웹 개발 공부를 시작할 땐 어떤걸 공부 해야할지도, 내가 뭘 모르는지도 몰라 막막합니다. 저 또한 아직 초보 개발자지만 정말 처음 웹 개발을 접했을 때 도움이 될 만한 가이드라인을 정리해 보았습니다 :) 프론트엔드 vs 백엔드 웹(Web)은 크게 프론트엔드와 백엔드, 2파트로 나뉩니다. 생소한 단어가 나와서 당황할 수 있는데요. 이 두 단어는 말 그대로 사용자와 가까운 '앞'쪽을 프론트엔드(Front + End), 사용자와 먼 '뒤'쪽을 백엔드(Back + End)라고 표현한 것입니다. 이름을 보면 살짝 감이 올텐데, 프론트엔드는 사용자에게 보여지는것을 담당하고, 백엔드는 서버쪽에서 사용자의 행동을 처리하는 기능을 담당한다고 생각하면 편합니다. 식당으로 비유를 하자면 홀서빙은 프론트.. 2021. 11. 24. 이전 1 다음
