소소한 개발 공부

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

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 디자인을 위한 언어 | CSS (Cascading Style Sheet) HTML을 디자인하기 위해 고안된 Style Sheet 언어이다. HTML 문서에 있는 요소에 선택적으로 스타일을 적용할 수 있다. HTML 파일에서 작성할 때, style 태그에서 사용된다. h1 : 선택자(Selector). 주어의 역할. {color:red} : 서술(Description). 어떤 효과를 선택자에 줄 것인지 서술. color:red : 속성(Property). 한 서술 안에 여러 개의 속성이 들어갈 수 있으며 각 속성끼리는 ';'(세미콜론)으로 구분. ..

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - 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) 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 ..

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 Bitnami를 설치했으니 이제 Apache, PHP, MySQL의 제어판을 살펴본다. 먼저, Bitnami 가 설치되어 있다는 가정 하에 Bitnami가 설치된 폴더를 연다. manager-windows.exe를 실행한다. Manage Servers 탭을 봤을 때 MySQL Database와 Apache Web Server가 모두 Running 상태여야 한다. 만약 어느하나라도 Running 상태가 아니라면 오른쪽에 Start 버튼을 눌러 실행해준다. MySQL Database/Apache Web Server 를 선택한 상태로 Configure..

📝 인프런 [따라하면서 배우는 웹애플리케이션 만들기] - Egoing Lee 를 보고 공부하며 작성한 글입니다. 링크 : 따라하면서 배우는 웹애플리케이션 만들기 Apache/MySQL/PHP 다운 -> bitnami wamp 다운 https://bitnami.com/stack/wamp 맥 : bitnami mamp 다운 리눅스 : bitnami lamp 다운 1. https://bitnami.com/stack/wamp 에 접속하면 위의 그림처럼 된 곳의 Download 버튼을 클릭(=다운) 이런 팝업이 나타나는데 맨 밑의 "No thanks, ~~" 클릭 오른쪽 그림의 상태일 때 모든 체크박스를 해제. PhpMyAdmin은 필수이므로 체크 해제 불가 Next 왼쪽은 bitnami가 설치되는 위치 오른쪽은..