전체 글 9

[웹 프로그래밍 실습] 포트폴리오 웹 페이지 제작

핵심 기술 스택HTML5CSS3Google Fonts: CDN으로 연결해 Playfair Display, Fira Code, Noto Sans KR 세 가지 폰트를 사용웹 표준 기술인 HTML5와 CSS3만을 활용하여 가볍지만 강력한 시각 효과를 주는 데 집중했습니다.프로젝트 개요페이지는 크게 세 섹션으로 구성됩니다. 히어로 영역, 개인 프로젝트 섹션, 팀 프로젝트 섹션 입니다. HTML 코드 구조 분석 영역 head 태그 안에는 네 가지 핵심 요소가 들어있습니다.[ charset=UTF-8 ] 한글 등 다국어 문자를 깨짐 없이 표시합니다.[ viewport 메타태그 ] 모바일 반응형 지원을 위한 필수 설정입니다.[ title 태그 ] 브라우저 탭과 검색엔진 결과에 표시되는 페이지 제목입니다.[..

웹 프로그래밍 2026.04.26

텔넷 서버가 무엇인가?

요새는 텔넷 서버를 많이 사용하고 있지 않지만, 텔넷은 오랫동안 사용되어 온 접속 방법이다.텔넷 서버를 사용하기 위해서는 리눅스 서버에 텔넷 서버 설치 O 접속 할 PC에는 텔넷 클라이언트 프로그램 O핵심 원리 : 데이터를 평문 으로 전송함. 작동 방식 : 주로 xinetd(슈퍼 데몬)에 의해 관리됨. 평소엔 죽어있다가 요청이 오면 슈퍼 데몬이 깨움.왜 텔넷은 바로 안 뜨고 슈퍼 데몬을 거치는가? -> 자원 절약을 위해서임.1. 텔넷(Telnet) 서버의 본질적 목적텔넷은 "멀리 떨어져 있는 컴퓨터에 네트워크를 통해 접속하여, 마치 내 앞에 있는 컴퓨터처럼 조작하기 위해" 사용합니다.원격 제어: 서버가 전산실에 있거나 멀리 떨어진 데이터 센터에 있을 때, 직접 가지 않고 내 책상에서 터미널(명령창..

카테고리 없음 2026.04.03

[MAC 환경] 이것이 리눅스다 라운드 로빈 네임 서버 공부하기

안녕하세요! 리눅스 서버 운영을 하다 보면 접속자가 몰려 서버가 느려지는 상황을 마주하게 됩니다. 오늘은 네임 서버(DNS)를 활용해 여러 대의 웹 서버로 접속을 분산시키는 '라운드 로빈 네임 서버'에 대해 알아보겠습니다.1. 라운드 로빈 네임 서버란?대형 웹 사이트처럼 사용자 접속이 엄청나게 많은 경우, 단 한 대의 웹 서버로는 모든 요청을 처리하기 부족합니다.이때 동일한 서비스를 제공하는 웹 서버를 여러 대(예: 3대) 준비하고, 네임 서버가 IP 주소를 알려줄 때 순차적으로 돌아가며 알려주는 방식입니다.작동 원리: 1. 첫 번째 사용자에게는 A 서버 IP 전달 2. 두 번째 사용자에게는 B 서버 IP 전달 3. 세 번째 사용자에게는 C 서버 IP 전달 4. 네 번째 사용자에게는 다시 A 서버 IP ..

[MAC 환경] 이것이 리눅스다 마스터 네임 서버 공부하기

지난 포스팅에서는 남의 주소를 대신 물어봐 주는 '캐싱 전용 네임 서버'를 알아봤는데요.오늘은 한 단계 더 나아가, 내가 직접 도메인의 주인이 되어 하위 호스트들을 관리하는 '마스터 네임 서버'를 구축해 보겠습니다. 1. 마스터 네임 서버란?마스터 네임 서버는 특정 도메인 영역(Zone)에 대한 모든 정보를 직접 가지고 있는 서버입니다.캐싱 서버: "모르는데 잠시만요, 제가 물어봐 드릴게요." (중개인)마스터 서버: "그 주소는 제 관리 구역입니다. IP는 이거예요!" (주인)이 서버를 구축하면 www, ftp, mail 등 다양한 서브 도메인을 내가 원하는 IP로 연결할 수 있습니다. 2. 실습 환경 구성이번 실습에서는 총 3~4대의 가상 머신을 사용합니다.Server (100번): 마스터 네임 서버 ..

[Rocky Linux] 캐싱 전용 네임 서버(DNS) 개념 이해 및 구축하기

1. 캐싱 전용 네임 서버란?캐싱 전용 네임 서버는 말 그대로 "자신이 직접 관리하는 도메인 영역은 없지만,클라이언트의 요청을 대신 외부로 나가서 알아오고 그 결과를 캐시에 저장하는 서버" 입니다. 2. DNS 작동 원리 우리가 브라우저에 www.nate.com을 입력하면 다음과 같은 계층적 탐색이 일어납니다.PC: 로컬 네임 서버에게 주소를 묻습니다.로컬 네임 서버: 캐시에 없다면 루트(Root) 서버에게 묻습니다.루트 서버: .com 서버의 주소를 알려줍니다..com 서버: nate.com 관리 서버의 주소를 알려줍니다.nate.com 서버: 최종적으로 www 호스트의 IP 주소를 알려줍니다.로컬 네임 서버: 이 주소를 PC에 전달하고 자신의 캐시에 저장합니다. 3. 캐싱 전용 네임 서버 구축 실습환..

OTP의 3가지 작동 방식: Java와 Python으로 직접 구현하기

1. OTP오늘날 보안의 핵심은 '일회용 비밀번호(OTP)'입니다.고정된 비밀번호는 탈취의 위험이 크지만, 매번 바뀌는 OTP는 강력한 2차 인증 수단이 됩니다.이번 포스팅에서는 OTP의 대표적인 3가지 방식인 시간 동기화(TOTP), 이벤트 동기화(HOTP), 챌린지-응답(C-R) 방식을 Java와 Python으로 각각 구현해 보겠습니다. 2. 서버 동기화 방식 (TOTP: Time-based OTP)개념: 서버와 사용자의 '현재 시간'을 기준으로 비밀번호를 생성합니다. 보통 30초마다 번호가 갱신되는 가장 대중적인 방식입니다. 첫번째는 자바(JAVA) 구현방식이다. 위의 사진과 같은 코드의 방식으로 진행되고 여기서 핵심 코드는 long currentTimeSeconds = System.current..

카테고리 없음 2026.03.17

[Linux] 초보자를 위한 리눅스 터미널 기초: alias 설정부터 도움말 확인까지

리눅스를 처음 접하면 복잡한 명령어들이 어렵게 느껴질 수 있습니다. 오늘은 터미널 사용을 훨씬 편하게 만들어주는 별칭(alias) 설정 방법과, 명령어의 용도를 확인하는 다양한 방법을 정리해 보겠습니다1. 명령어 별칭(alias)으로 작업 효율 높이기자주 사용하는 긴 명령어를 나만의 짧은 키워드로 등록할 수 있습니다.별칭 등록하기: alias 별칭='명령어'예: alias c='cal' (이제 c만 입력해도 달력이 출력됩니다.)별칭 해제하기: unalias 별칭예: unalias c (등록한 별칭 c를 삭제합니다.)모든 별칭 해제: unalias -a (현재 세션에 등록된 모든 별칭을 지웁니다.)💡 Tip: 터미널을 껐다 켜도 별칭을 유지하고 싶다면 ~/.bashrc 파일에 등록해야 합니다.ls ->..

Mac 환경에서 VMware로 Rocky Linux 설치하기

안녕하세요! 오늘은 Mac 환경에서 가상화 소프트웨어인 "VMware Fusion"을 사용하여안정적인 리눅스 배포판인 "Rocky Linux"를 설치하는 방법을 정리해 보려고 합니다. 가장 먼저 OS 설치를 위한 이미지 파일이 필요합니다. 록키 리눅스 공식 홈페이지의 다운로드 페이지에 접속합니다.다운로드 주소: https://rockylinux.org/download플랫폼 선택 시 주의사항: M4 맥북은 ARM 기반 아키텍처를 사용하므로 반드시 ARM64(aarch64) 버전을 선택해야 합니다.이미지 타입 선택: 가장 범용적인 'DVD' 버전을 권장합니다.DVD ISO: GUI 환경 및 주요 라이브러리가 모두 포함되어 있어 별도의 인터넷 연결 없이도 기본적인 패키지 설치가 가능합니다. (용량은 크지만 가..

웹 프로그래밍 첫걸음: HTML 구조와 자기소개 페이지 만들기

안녕하세요! 웹 프로그래밍 수업의 기초, HTML 구조 잡기를 실습했습니다비주얼 스튜디오(VS Code)를 활용해 직접 코드를 작성해 보니,우리가 매일 보는 웹사이트들이 어떤 뼈대로 이루어져 있는지 조금씩 실감이 나네요 :)1. HTML의 기본 골격 이해하기비주얼 스튜디오 코드(VS Code)에서 새 파일을 만들고! 만 입력하면 표준 HTML5 골격이 자동으로 생성됩니다. 코드 핵심 요약 :: "이건 HTML5 문서야!"라고 선언: 페이지의 기본 언어 설정 (한국어라면 ko로 변경 권장): 가장 중요! 한글이 깨지지 않게 해주는 문자 인코딩 설정: 스마트폰이나 태블릿 등 기기 크기에 맞춰 화면을 조절해주는 모바일 대응 설정: 브라우저 상단 탭에 들어갈 제목입니다.: 우리가 작성한 글이 들어가는 실제 콘..

웹 프로그래밍 2026.03.11