Today's record

PHP 개발 환경을 구축하기 위해 XAMPP를 설치해 봤습니다. 1. 공식 홈페이지에 들어가 설치 파일을 다운로드합니다.https://www.apachefriends.org/ XAMPP Installers and Downloads for Apache FriendsWhat is XAMPP? XAMPP is the most popular PHP development environment XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install an..

APM은 Apache + PHP + Mysql로 이루어진 서버 구축 환경을 말하며, 주로 웹 개발에서 자주 사용하는 환경이다. 이번에 내가 설치할 환경의 버전은 다음과 같다.가상 머신 : VMware Workstation Pro 17리눅스 버전 : Ubuntu VMware Workstation Pro 17을 설치하고 싶다면, 이전 글에서 확인하면 됩니다.https://re2day.tistory.com/4 VMware Workstation Pro 17 설치현재 내가 사용하는 노트북에는 Windows가 기본으로 설치되어 있다. 하지만 공부를 위해 Linux 환경이 필요해져 VMware를 설치하게 되었다. VMware는 하나의 컴퓨터에 설치된 기본 운영체제에 가상 환re2day.tistory.com 우분투..

장애 현상우분투 접속 후 root 계정으로 전환하려고 했으나 su : Authentication fauilure 에러가 발생했다. 해결 방법root 비밀번호를 설정하지 않아 발생한 에러로 다음과 같이 root 비밀 번호를 설정해 주면 된다. root 전환 완료!

장애 현상우분투 설치 후 인터넷 접속을 시도해 봤지만 접속이 되지 않는다. 해결 방법1. 윈도우 + R 누른 후 services.msc 서비스를 실행한다.2. VMware NAT Service와 VMware DHCP Service를 재실행한다. 3. 해결이 되지 않는다면 VMware 관련된 모든 서비스를 재실행한다. 위의 방법 시도 이후 정상적으로 인터넷 되었다.

이번 글에서는 우분투 설치 방법에 대한 기록을 남겨보도록 하겠습니다. 1. 우선 우분투 공식 홈페이지에 접속해 주면 됩니다. 귀찮으시면 아래 링크로 접속해주세요.https://ubuntu.com/download/desktop Download Ubuntu Desktop | UbuntuUbuntu is an open source software operating system that runs from the desktop, to the cloud, to all your internet connected things.ubuntu.com 2. 메인 홈페이지에 들어가면 바로 Download 버튼이 있습니다. 클릭해 주세요. 다운로드 시간이 깁니다. 3. 다운로드가 완료되면 가상 환경을 켜서 설치를 진..

장애 현상VMware Workstation Pro 17에서 우분투를 설치하려고 [Power on this virtual machine]을 클릭했는데 아래와 같은 에러가 발생했다. 오류 메시지Unable to open kernel device '\\.\VMCIDev\VMX':작업을 완료했습니다. Did you reboot after installing VMware Workstation?Module 'DevicePowerOn' power on failed.Failed to start the virtual machine. 해결 방법. vmx 파일의 내용을 수정해 주면 되는데요. VMware Workstation이라면 다음과 같이 파일에 접근해 주면 됩니다. [Open VM directory]을 클릭하면..

CSS에서는 선택자를 사용하여 어떤 요소에 스타일을 적용할지 선택합니다. 이번 글에서는 가장 기본적인 선택자들을 정리해 보았습니다. 전체 선택자(Universal selector)HTML 문서 모든 요소에 적용할 때 사용합니다. 주로 웹 브라우저가 기본으로 적용하는 여백이나 간격을 초기화할 때 자주 사용합니다. 한글이나 워드를 보면 쪽/여백을 선택하는 것과 같다고 보시면 됩니다.* { 속성: 값 } 예시바깥 여백(margin)과 안쪽 여백(padding)을 0으로 설정하면 여백이 없어진 것을 볼 수 있습니다.* { margin: 0; padding:0;} 타입 선택자(Type Selector)특정 태그를 지정하여, 그 태그를 사용하는 모든 요소에 스타일을 적용합니다. 태그 ..

CSS(Cascading Style Sheets)란?CSS는 HTML로 만든 내용을 사용자가 보기 좋고 편리하게 꾸미고 배치할 때 사용하는 언어입니다. 즉, 디자인적인 요소를 담당합니다. 예를 들어, 글꼴, 색상, 정렬, 배치 방식 등을 결정하며, HTML로 만든 구조가 어떻게 보일 지를 지정합니다. CSS를 적용하는 3가지 방법1. 인라인 스타일 시트 (Inline Style)태그에 직접 style 속성을 사용하여 적용하는 방식입니다. 간단한 방법이지만 코드가 복잡해지고 유지보수가 어렵다는 단점이 있습니다. 예시 - '안녕하세요.' 문장에만 빨간색 글씨, 노란색 배경 적용해보기 안녕하세요. 반갑습니다. 2. 내부 스타일 시트(Internal Style Sheet)HTML의 태그..

HTMLHTML은 HyperText Markup Language의 약자로, 웹 문서를 마들 때 사용하는 언어입니다. 단어를 나누어 보면 더 쉽게 이해할 수 있습니다. HyperText는 문서와 문서를 서로 연결해 주는 '링크(link)'를 말합니다. 예를 들어, 네이버 메인 페이지에서 [메일]을 클릭하면 자신의 메일함으로 페이지가 이동하는 것을 볼 수 있는데요. 이렇게 클릭 한 번으로 다른 페이지나 사이트로 이동할 수 있게 해주는 것이 바로 하이퍼텍스트입니다. Markup이란 '표시하다'라는 의미를 가지고 있습니다. 브라우저가 텍스트, 이미지, 영상 등의 내용을 화면에 어떻게 배치하고 표현해야 하는지 알려주는 역할을 합니다. 따라서 웹 문서를 작성할 때는 HTML 문법에 맞게 코드를 써야, 브라우저가 ..

1. 웹 편집기웹 개발을 할 때 HTML, CSS, JavaScript 코드를 입력하는 프로그램을 웹 편집기 또는 코드 편집기라고 합니다. 메모장, 노트패드도 가능하지만 웹 편집기를 사용하면 코드를 가독성 있게 볼 수 있을 뿐만 아니라 자동 완성 기능을 통해 오타를 줄일 수 있습니다. 다양한 웹 편집기가 존재하지만 가장 인기 있는 Visual Studio Code를 사용해 웹 페이지를 개발해 보려 합니다. 2. 설치 방법 (Windows)아래 URL에 들어가서 프로그램을 다운로드하고 다음과 같이 설치를 진행하면 됩니다.https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines..