지식루프

벌써 4일차입니다. 첫 html을 만들어보도록 하겠습니다. 1. vscode에서 새 파일을 생성 : index.html 2. html 코드 골격을 갖추기 위해서, 파일 내에서 html5를 입력 후 탭을 누르면, 짜잔~ 코드 생성. vscode가 이런게 장점입니다. ^^ 3. body 태그 부분에 원하는 내용입력 4. 미리보기를 통하여 실제 생성된 웹피이지 내용 확인 5. 웹페이지의 탭 정보를 document --> index 로 바꾸기 이건 title 태그 내에 있는 정보를 변경하면 됨. 헉헉 벌써 힘드네요. 아래 영상보면서 따라해보세요 ^^ https://youtu.be/VT24QMM2WfQ

이번 글에서는 웹사이트가 실제로 어떻게 작동하는지 정확히 배우고 웹사이트의 역할을 이해하도록 해보겠습니다. 클라이언트가 서버에게 정보를 요청하면 서버는 보통 3가지 유형의 파일을 제공합니다. 바로 HTML, CSS, JavaScript 입니다. 1. HTML 코드 파일은 웹 사이트의 콘텐츠를 담당합니다. 따라서 웹사이트가 집이라면 HTML은 집의 실제 벽돌이 될 것입니다. HTML 파일에는 텍스트 콘텐츠나 이미지와 같은 웹사이트 콘텐츠가 포함되어 있습니다. 2. 두 번째 유형의 파일은 CSS 파일이며 웹사이트의 스타일을 다음과 같이 지정합니다. CSS 파일은 웹사이트의 모양을 결정합니다. CSS를 사용하여 버튼을 빨간색으로 만들고 모서리를 둥글게 만들고 버튼 텍스트에 특정 내용을 지정할 수 있습니다. 3..

컴퓨터간 통신은 클라이언트(client) 와 서버(server) 간 통신으로 이루어집니다. 정보를 요청하는 컴퓨터는 client, 정보를 제공해주는 컴퓨터는 server 라 부릅니다. 예를 들어, 네이버를 인터넷 창에 친다고 생각해보죠. www.naver.com 이 주소를 내 컴퓨터에서 치면, 내 컴퓨터는 도대체 어떻게 네이버 홈페이지의 정보를 내 화면으로 불러들이는 걸까요? 그건 바로 ISP (internet service provider) 때문에 가능합니다. ISP들은 DNS 라는 서버를 가지고 있는데요, DNS 는 Domain Name System 의 약자로, 각 웹사이트의 홈페이지들의 인터넷 주소를 가지고 있는 서버를 말합니다. 아래와 같은 구조인데, 뭐, 복잡하게 생각하지 말고, 그냥 우리가 찾..

두번째 인생을 위하여 40대에 처음으로 웹 개발 분야에 도전해보고자 합니다. 사용 운영체제 : 맥북에어 M1 1. Visual Studio Code 설치 https://code.visualstudio.com/ 위의 링크 클릭해서 다운로드 받을 수 있습니다. 웹개발을 위해 HTML, CSS, Javascript 등을 작성하고 실행시킬 툴입니다. atom 등 다른 툴을 사용하여도 됩니다. 그냥 저는 vs code 로 사용하여 공부하렵니다. 2. Visual Studio Code Extensions 설치 extension은 VSCode 본래 기능 외에 더 유용한 기능들을 사용할 수 있게 해주는 기능을 플러그인과 같습니다. 제가 설치할 extension 것은 다음과 같습니다. Live Preview : 실시간으..

프로그래밍에서 소스파일의 버전 관리는 중요하다고 합니다. 나혼자 프로그래밍하여 1인 체제로 가는 것도 어렵지만, 여러 명이서 프로그램을 함께 할 때에 소스파일의 버전관리는 매우 중요하겠죠. 버전관리 안하면 뭐가 어떻게 어디서 바뀐 건지 알 수가 없을테니까요. 하물며, 요새 회사에서 팀즈를 통해서 엑셀파일, ppt 파일, 워드파일 같은 것도 동시에 작업할 때 꼬이는 경우가 종종 있는데, 여튼, 뭐가 되든 이전 파일과 새로 변경된 파일을 구분하여 관리하는 것은 매우 중요하다고 볼 수 있겠습니다. 여러분들이 여러분들의 노트북에서 관리하는 파일이 3개가 있다고 합시다. 이 중에서 2개 파일이 변경되어, 해당 파일들만 공통으로 관리하는 장소로 보내고자 합니다. 이 때 변경된 파일을 묶어서 처리하고자 할 때에 바로..

리눅스에서 사용자 계정을 추가할 때 useradd 명령어를 사용하죠. 그러나 안타깝게도 코멘트 옵션을 사용하여 별도로 날짜를 입력해주지 않으면, 즉, 디폴트로 useradd 명령어를 사용하면, 계정 추가날짜가 기입이 안되어 언제 이 계정이 생성된 것인지 알 수가 없습니다. 따라서, 이 때에는 다른 방법으로 확인해보아야 합니다. 다음의 방법들로 확인해볼 수가 있는데, Using /var/log/secure file Using aureport utility Using .bash_logout file Using chage Command Using useradd Command Using passwd Command Using last Command 제가 이리저리 확인해본 결과, 이 중, .bash_logout 이..

chatGPT에게 웹 개발 공부법을 물어보았습니다. 나: 웹개발 공부하는 방법 알려줘 chatGPT 답변: 1. 기초 지식 습득하기 HTML, CSS, JavaScript, HTTP, 웹 서버 등 웹 개발에 필요한 기초 지식을 습득해야 합니다. 인터넷에 무료로 제공되는 온라인 강의나 책, 블로그 등을 활용하면 좋습니다. 2. 프로그래밍 언어 습득하기 웹 개발을 위해 가장 많이 사용되는 프로그래밍 언어는 JavaScript입니다. 따라서 JavaScript의 기초 문법과 프로그래밍 개념을 익혀야 합니다. 또한, 서버 측 개발을 위해 Node.js, Python 등의 언어를 익히는 것도 좋습니다. 3. 프레임워크와 라이브러리 학습하기 웹 개발에서는 다양한 프레임워크와 라이브러리를 사용합니다. 이를 학습하면 ..

핵심만 얘기하자면 , 1. 제어판 > 시스템 및 보안 > 시스템 > 원격설정 > 이 컴퓨터에 대한 원격 연결 허용에 체크 > 확인 클릭 하면 됨. 2. 제어판 > 시스템 및 보안 > 윈도우 방화벽 > 고급설정 > 모니터링 > 방화벽 > remote desktop 이 허용으로 되어 있는지 확인 만약 클라이언트 pc 에서 서버에 원격데스크톱으로 접속하여 로그인이 안된다면, 서버에서 사용자계정이 remote desktop users 에 들어가 있는지 확인하고, 안되어 있다면, 다음 절차를 거쳐 remote desktop users 그룹에 그 계정을 추가해주면 된다. - 컴퓨터관리 > 로컬 사용자 및 그룹 > 사용자 > 계정 선택 > 속성 > 소속그룹탭 > 추가버튼 클릭 > 고급 클릭 > 지금찾기 클릭 > re..

리눅스 버전 확인을 위해서는 cat /etc/redhat-release 라는 명령어를 수행하면 된다. 내 경우엔 centos stream release 9 을 사용 중인 것을 확인할 수 있다. :)

내가 가진 맥북에어 M1 노트북에 리눅스를 설치하여 공부하고 싶었다. 리눅스는 CentOS를 설치하고 싶었다. 그래서 하루종일 고생했는데, 너무나 허무하게 해결되었다. 1. 가상머신 설치 먼저, 가상머신을 설치해야 한다. 나는 가상머신으로 패러랠즈 (parallels) 를 선택하여 설치하였다. 패러랠즈 설치 방법은 너무 간단하여 그냥 다운로드 후, 클릭클릭하면 문제없이 설치가 된다. 2. CentOS 다운받기 여기서 어마어마한 삽질을 했다. centos를 다운받기 위해 홈페이지에 들어가면 이렇게 화면이 나온다. centos 가 두 종류로 변경이 되었다. 나는 맨처음에 예전에 하던대로 centos linux 를 클릭 후, arm64 를 클릭하고 다운받은 후, 패러랠즈에 마운트 시켜 설치를 진행하였더니, v..