웹 개발 공부를 시작 하기로 했습니다.
블로그를 쓰게 된 계기는 멘토님의 추천도 있었고 정리를 해두면 좋을것 같은 생각이 들어서 블로그를 작성 하게 되었습니다.
우선 첫날에 간단하게 정리 해둔 부분을 기록 해두려고 합니다.
기록은 아마 주에 한번? 혹은 공부하고 마지막 날에 기록을 해두려고 합니다.
오늘은 멘토님과 함께 공부를 한 날이었습니다.
우선적으로는 도메인을 구매 했습니다.
도메인을 구매 하기에 앞서 도메인에 대하여 설명을 하도록 하겠습니다.
웹 사이트에서의 도메인 이란?
웹사이트 도메인 (Website Domain)
웹사이트 도메인은 인터넷에서 특정 웹사이트에 접근할 수 있는 주소(URL)의 핵심 부분이에요.
예를 들어, www.google.com에서 google.com이 도메인입니다.
웹 도메인의 구성
- 서브도메인(Subdomain): www.google.com에서 www 부분 (필수는 아님)
- 도메인 이름(Domain Name): google (사이트의 고유한 이름)
- 최상위 도메인(TLD, Top-Level Domain): .com, .net, .org 등
- 국가 코드 도메인(ccTLD, Country Code TLD): .kr(한국), .jp(일본) 등
도메인과 관련된 개념입니다.
도메인 관련 개념
- DNS (Domain Name System): 사람이 이해하기 쉬운 도메인(google.com)을 IP 주소(예: 142.250.74.206)로 변환해주는 시스템
- 도메인 등록: namecheap.com, godaddy.com 같은 서비스에서 구매 가능
- 도메인과 호스팅의 차이: 도메인은 주소, 호스팅은 사이트가 저장된 서버 공간
도메인을 구입하는 방법
도메인등록 업체를 선정하고 -> 원하는 도메인 주소를 선택 합니다. -> 돈을 지불 하고 도메인 구매합니다.(일반적으로는 1년 단위로 구매 합니다) -> 이후 에는 도메인을 서버 혹은 웹 호스팅에 연결 합니다.
저의 경우는 cafe24에서 도메인을 구매 하였습니다.
구입 후 웹 호스팅 서비스를 구매하 연결 하였습니다.
웹 호스팅이란?
웹사이트를 인터넷에 공개할 수 있도록 서버 공간을 제공하는 서비스예요.
즉, 내가 만든 웹사이트의 파일(HTML, CSS, 이미지, DB 등)을 서버에 올려서 사람들이 인터넷에서 접속할 수 있게 해주는 것 입니다.
웹 호스팅 후 그누보드를 추가하여 줍니다.
그누보드란?
그누보드는 PHP와 MySQL을 기반으로 하는 오픈소스 게시판 및 CMS(Content Management System)입니다.
쉽게 말해, 웹사이트(특히 커뮤니티, 회사 홈페이지 등)를 만들 때 유용한 무료 프로그램 입니다.
그누 보드는 웹 사이트를 처음부터 만드는것이 아니라 어느정도 기능들을 만들어두고 빠른 개발이 가능토록 하는 프로그램입니다.
그누보드를 추가한 후 의 현재 저의 사이트 상태 입니다.
내용은 없지만 사이트 처럼 생긴것을 알 수 있습니다.
다음은 FTP 및 클라이언트 및 서버 프로그램인 파일 질라를 다운로드 해줍니다.
파일질라란?
FTP(File Transfer Protocol) 클라이언트 및 서버 프로그램으로, 웹 서버와 파일을 주고받는 데 사용되는 프로그램
AI 활용 설정
사진 설명을 입력하세요.
파일 질라 다운로드가 완료되었다면
완료된 파일질라를 열고 -> 파일 -> 사이트 관리자 클릭
사이트 관리자를 클릭하면 아까 만드신 도메인과 파일질라를 연결하기 위해서 정보를 입력하는 창이 띄워집니다.
프로토콜은 ssh
호스트는 구매하신 도메인 이름을
사용자 및 비밀번호는 도메인 구매시 사용하신 아이디 그리고 비밀번호가 있습니다.
그것을 잘사용해주시면 됩니다.
비밀번호 같은 경우는 주의 해야하는 것이 잊어 버리면 상당히 고통을 수반 하기 때문에 잊어버리는 않는 것이 좋습니다.
이렇게 연결을 눌러 주시면...
이러한 형태로 바뀝니다.
이제 왼쪽이 로컬 즉 내 컴퓨터에 있는 파일이고 오른쪽의 파일들은 현재 웹 사이트에 있는 파일들입니다.
여기서 html 파일을 만들어서 건너편으로 넣어주면
AI 활용 설정
사진 설명을 입력하세요.
이런 식으로도 제가 만든 웹 사이트 또한 만들 수 있습니다.
물론 html 하나만 있어서 현재 글자외엔 다른 것은 없습니다.
이제 필요한 기본적인 것들을 갖추었다고 생각 합니다만..
아직 부족한 부분들이 많습니다. 그중에서도 DB즉 서버에 데이터를 저장하고 불러오는 과정인
SQL이 필요합니다. 이를 위해 sql 프로그램 중 HeidiSQL을 다운로드 해주겠습니다.
📌 HeidiSQL이란?
HeidiSQL은 MySQL, MariaDB, PostgreSQL, Microsoft SQL Server와 같은 관계형 데이터베이스 관리 시스템(RDBMS)을 관리할 수 있는 그래픽 사용자 인터페이스(GUI) 클라이언트입니다. 이를 통해 데이터베이스를 쉽게 조회하고, 수정하며, 다양한 데이터베이스 작업을 수행할 수 있습니다.
HeidiSQL은 Windows에서 주로 사용되며, Linux와 macOS에서도 Wine을 통해 사용할 수 있습니다. 이 프로그램은 SQL 쿼리를 작성하고 실행하거나, 데이터베이스 구조를 관리하는 데 유용하게 사용됩니다.
마지막으로 중간에 ssh 설정을 했는데 마지막에 생각하니 빼 놓아서 ssh에 대한 설명만 적고 오늘은 마치겠습니다.
SSH의 주요 특징
- 암호화된 통신
- SSH는 모든 데이터를 암호화하여 전송하므로 인터넷을 통한 원격 접속 시 보안이 매우 강력합니다.
- 패스워드, 명령어, 파일 전송 내용 등이 모두 암호화되어, 중간에서 도청하거나 해킹이 어려워집니다.
- 원격 접속
- SSH는 주로 리눅스 서버나 유닉스 시스템에 접속할 때 사용되며, 윈도우 서버에도 사용할 수 있습니다.
- 사용자 이름과 비밀번호 혹은 SSH 키를 사용하여 원격 서버에 접속할 수 있습니다.
- 명령어 실행
- 원격 서버에 접속한 후, 서버에서 직접 명령어를 실행할 수 있습니다. 예를 들어, 파일 관리, 프로그램 실행, 서버 설정 등을 할 수 있습니다.
- 명령어를 통해 서버의 상태를 점검하거나 서비스를 제어할 수 있습니다.
- 파일 전송
- **SCP (Secure Copy Protocol)**나 **SFTP (SSH File Transfer Protocol)**를 사용하여 SSH를 통해 원격 서버에 파일을 안전하게 전송할 수 있습니다.
✅ SSH의 기본 동작 방식
1️⃣ 클라이언트가 SSH 서버에 접속
- 클라이언트가 서버의 IP 주소와 포트를 통해 연결을 시도합니다. 기본적으로 22번 포트를 사용합니다.
2️⃣ 서버의 공개키(Public Key)와 클라이언트의 비밀키(Private Key)로 인증
- 공개키와 비밀키로 서버와 클라이언트 간의 신뢰성 있는 암호화된 연결을 설정합니다. (보안상 중요한 부분)
- 또는 비밀번호 인증 방식도 사용 가능합니다.
3️⃣ 암호화된 채널을 통해 데이터 전송
- 이후에는 암호화된 채널을 통해 모든 명령어와 데이터를 안전하게 주고받습니다.
이상으로 공부했었던 웹 개발 부분을 마치겠습니다.
다음에 공부할 부분은
html,css 부분을 공부하고 php로 넘어가보려 합니다.
html그리고 css의 경우는 위 사이트에서 할 예정입니다.
저 사이트에 적절한 예제가 있다고 멘토님께 소개 받아서 저 사이트에 있는 문제를 모두 풀어보고 다음으로 넘어갈 예정입니다. 이상입니다. 감사합니다.
혹여나 이상하거나 틀린 부분 지적해주시면 바로 고치겠습니다.
이상입니다.
'웹' 카테고리의 다른 글
| API 응답(Response)에 관하여 (9) | 2026.04.08 |
|---|---|
| SDK는 어떤 것 일까? (2) | 2026.03.18 |
| 멀티스레딩과 멀티프로세싱의 차이 (0) | 2026.03.12 |
| c++ 과 java의 메모리 다루는 차이 (2) | 2026.02.24 |
| 무조건 쓰던 MVC 왜 쓸까? (3) | 2026.02.18 |