소소한 개발 공부

CSS는 HTML을 디자인하는 역할을 가진 언어이다. 이 CSS를 이용해 웹 페이지를 디자인해 보는 시간을 가져보기로 한다. 웹 페이지 만들기 [HTML] HTML 찍먹해보기2 | 웹페이지 만들기 [HTML] HTML에 대해서2 | 웹페이지 만들기 📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 위의 사진과 같은 웹페이 soso-study.tistory.com 지난 포스팅에서 간단한 웹페이지를 만들었는데 이 웹페이지를 CSS를 활용해서 퀄리티를 좀 더 올려보기로 한다. 위 결과물을 3 덩이로 나눠서 생각해보면 다음과 같다. 1. 사이트 제목 "JavaScript" 밑에 경계선이 있다. 2. 왼..

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 위의 사진과 같은 웹페이지를 만들어 보기로 한다. 우선 초기 html 폼은 다음과 같다. 위 폼의 파일은 apache의 htdos 폴더 (C:\Bitnami\wampstack-8.0.5-0\apache2\htdocs\) 안에 위치한다. 이름은 index.html로 했다. htdocs의 index.html은 localhost 의 홈페이지의 정보를 담고 있는 파일이다. 따라서 localhost만 주소창에 입력해도 웹서버는 index.html을 찾아 응답한다. 이제 body 안에 웹페이지에 들어갈 내용을 작성할 것이다. 1. 제목 만들기 JavaScr..

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 웹을 다룰 때 중요한 언어인 HTML에 대해 알아보기 전에 웹이 동작하는 매커니즘을 살펴본다. 1. 웹 브라우저가 웹서버에 웹 페이지를 요청한다. 2. 웹서버가 웹 페이지를 검색해 웹 브라우저에 응답(HTML문서를 반환)한다. 3. 웹 브라우저가 응답 받은 웹 문서를 출력한다. HTML(Hypertext Markup Language)은 이때 웹 페이지를 구성하는 마크업 언어이다. - Hypertext : 문서와 문서가 링크로 연결되어 있음 - Markup Language : 태그(Tag) 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 ..