용어 사전 · 혼자 웹 만들기
혼자 웹 만들기 (부록)
AI로 사이트를 만들 때 꼭 알아야 할 것만, 비유로 쉽게
웹이 보이는 원리 한눈에내 컴퓨터에서 만든 파일을, 24시간 켜진 남의 컴퓨터(서버)에 올리고, 외우기 쉬운 이름(도메인)을 붙이…도메인 (인터넷 주소)가게 간판에 적힌 주소. 사람이 외우기 쉬운 이름입니다.DNS (주소록)전화번호부. '이 이름은 저 서버로 가세요'라고 적어 둔 장부입니다.A 레코드·CNAME주소록에 적는 줄의 종류입니다.호스팅 (서버)가게 건물. 내 파일을 24시간 켜진 컴퓨터에 맡겨 두는 것입니다.배포 (Deploy)개업. 내 컴퓨터의 파일을 서버에 올려 세상에 공개하는 일입니다.따라하기: Cloudflare Pages로 첫 배포파일을 끌어다 놓기만 하면 되는 가장 쉬운 방법입니다.index.html가게 정문. 주소로 들어오면 가장 먼저 열리는 파일 이름의 약속입니다.HTML · CSS · JavaScript사람에 비유하면 HTML은 뼈대, CSS는 옷, JavaScript는 근육(움직임)입니다.정적 사이트 vs 동적 사이트정적은 인쇄된 전단지, 동적은 주문을 받는 가게입니다.프론트엔드 · 백엔드식당의 홀과 주방. 손님이 보는 화면이 프론트엔드, 보이지 않는 처리·저장이 백엔드입니다.데이터베이스 (DB)가게 장부. 회원, 기록, 게시글처럼 남겨야 하는 정보를 저장하는 곳입니다.API주문 창구. 다른 서비스에 '이것 주세요' 하고 정해진 방식으로 요청하는 통로입니다.API 키 (비밀 열쇠)법인카드. 내 이름으로 요금이 나가는 열쇠입니다.환경 변수금고. 코드 밖에 비밀 값을 따로 보관하는 곳입니다. 호스팅 설정 화면에서 넣습니다.localhost (내 컴퓨터 주소)내 방 안의 시험 무대. 내 컴퓨터에서만 열리는 주소입니다.GitHub (코드 창고)코드 보관 창고 + 변경 기록부. 언제 무엇을 바꿨는지 다 남습니다.HTTPS · SSL (자물쇠)봉인된 편지. 오가는 내용을 남이 못 엿보게 잠급니다.배포했는데 화면이 안 바뀜 (캐시)가게 앞 전단지를 브라우저가 기억해 두고 옛것을 보여주는 것입니다.반응형 (폰·PC 겸용)손님 체형에 맞춰 늘어나는 옷. 한 페이지가 폰·PC 크기에 맞게 변하는 것입니다.SEO (검색 노출)검색 결과 앞줄에 서는 법입니다.메타 태그 (title · description)검색 결과의 파란 제목(title)과 그 아래 설명(description)입니다.OG 태그 (카톡 미리보기)링크를 카톡에 보냈을 때 뜨는 사진·제목 카드입니다. og:title, og:image 같은 줄로 정합니다.파비콘브라우저 탭에 보이는 작은 아이콘입니다. 없으면 사이트가 미완성처럼 보입니다.sitemap.xml (사이트 지도)검색엔진에 주는 '우리 가게 방 목록'입니다. 서치콘솔에 제출하면 새 글이 빨리 반영됩니다.robots.txt출입 안내문. 검색 로봇에게 들어와도 되는 곳·안 되는 곳을 알려줍니다.구글 서치 콘솔구글에 '우리 가게 문 열었어요' 신고하고 손님 통계를 보는 곳입니다.네이버 서치어드바이저네이버판 서치 콘솔. 한국에서 네이버 노출을 원하면 반드시 등록해야 합니다.애드센스 승인 받기구글이 '여기는 광고 붙여도 되는 진짜 사이트'라고 인정하는 심사입니다.ads.txt광고 판매 인증서. '이 사이트 광고는 내 계정으로 팝니다'라는 확인 파일입니다. 없으면 수익이 줄 수 있…개인정보처리방침가게 안내문 중 '손님 정보를 이렇게 다룹니다' 항목입니다. 광고·통계·회원가입이 있으면 필요합니다.404 페이지'찾는 방이 없습니다' 안내판. 검색창과 첫 화면 링크를 넣어 손님이 나가지 않게 합니다.www 있는 주소 · 없는 주소같은 가게의 정문과 옆문. 둘 다 연결하고, 한쪽으로 자동 이동(리디렉션)하게 정리합니다.F12 콘솔 (고장 원인 보는 곳)고장 진단표. 사이트가 안 될 때 F12 Console 탭의 빨간 글씨가 원인입니다.버전 · 롤백 (되돌리기)저장해 둔 이전 판. 새로 올린 게 망가졌으면 호스팅 관리 화면에서 이전 배포로 되돌릴 수 있습니다.비용 정리대부분 무료로 시작할 수 있습니다.AI로 웹 만들 때 요령AI는 실력 좋은 직원, 대표님은 정확히 지시하는 사람입니다.
컴퓨터 기본 용어
해결법에 나오는 말들, 쉽게 풀이
재부팅 · 다시 시작컴퓨터를 완전히 껐다 켜는 것. 문제 해결의 절반은 이것으로 끝납니다.캐시자주 보는 것을 미리 복사해 둔 메모. 빠르게 하려고 쓰지만, 오래되면 옛 화면이 보이는 원인이 됩니다.쿠키사이트가 내 브라우저에 맡겨 둔 출입증. 로그인 유지, 장바구니 기억에 쓰입니다. 지우면 다시 로그인해야…확장 프로그램브라우저에 붙이는 추가 부품. 편리하지만 이상한 광고·느림의 주범이 되기도 합니다.드라이버기계 사용 설명서. 프린터·그래픽카드 등을 윈도우가 다루는 방법이 담긴 프로그램입니다.업데이트정기 수리. 고장 수리와 보안 구멍 막기가 들어 있어 미루지 않는 것이 좋습니다.브라우저인터넷을 보는 창문 프로그램. 크롬·엣지·웨일·사파리가 모두 브라우저입니다.시크릿 모드기록을 남기지 않는 손님 방. 창을 닫으면 방문 기록·쿠키가 지워집니다. 회사나 통신사로부터 숨겨지는 것은…클립보드복사한 내용을 잠깐 들고 있는 손. Win+V를 켜면 여러 개를 기억합니다.압축 (zip)여러 짐을 한 상자에 묶는 것. 보내기 편하고 용량이 줄어듭니다.클라우드 · 동기화인터넷 창고. 한 곳에서 바꾸면 다른 기기에도 똑같이 바뀌는 것이 동기화입니다. 그래서 한쪽에서 지우면 모…백업복사본을 다른 곳에 두는 것. 같은 컴퓨터 안의 복사본은 백업이 아닙니다.포맷저장 장치를 새것처럼 비우는 것. 안의 자료가 지워집니다.SSD · HDD둘 다 저장 장치. SSD는 빠른 반도체, HDD는 돌아가는 원판이라 느립니다. 느린 PC는 SSD 교체…메모리 (RAM)작업 책상 넓이. 넓을수록 여러 프로그램을 동시에 펼쳐 놓을 수 있습니다. 저장 공간(SSD)과는 다릅니다.CPU컴퓨터의 두뇌. 계산을 실제로 하는 부품입니다.공유기 · 모뎀모뎀은 인터넷 수도관 입구, 공유기는 그 물을 집 안 여러 기기에 나눠 주는 분배기입니다.IP 주소인터넷 세상의 집 번지 숫자입니다.VPN다른 동네를 거쳐 가는 비밀 통로. 공용 와이파이에서 보호용으로 쓰지만, 일부 사이트 오류의 원인이 되기도…2단계 인증열쇠 두 개. 비밀번호가 새도 내 폰 확인이 있어야 들어올 수 있습니다. 꼭 켜 두세요.스미싱 · 피싱낚시. 진짜처럼 꾸민 문자·메일·사이트로 정보나 돈을 빼 가는 수법입니다.애드웨어 · 랜섬웨어애드웨어는 광고를 계속 띄우는 불청객, 랜섬웨어는 파일을 잠그고 돈을 요구하는 인질범입니다.관리자 권한건물 마스터키. 시스템을 바꾸는 일은 이 권한이 있어야 할 수 있습니다.32비트 · 64비트도로 폭. 요즘 PC는 거의 64비트입니다. 프로그램을 받을 때 맞는 쪽을 고르세요 (x64 = 64비트).작업 관리자컴퓨터 안 현황판. 멈춘 프로그램 끄기, 무엇이 느리게 하는지 확인할 때 씁니다. Ctrl+Shift+Esc