ilsancityboy

저번글에서는 php와 mysql에 대해 개념을 간단하게 적었다. 이번글에서는 이 둘을 활용해 프론트엔드를 배운것과 합쳐서 html, css, js, php, mysql 를 전부 사용하여 회원가입 페이지를 만들어보겠다. html, css, js 에 대해 아직 익숙하지 않다면 주인장이 올린 html,css,js를 활용한 투두 리스트 페이지 만들기 글을 보고오면 좀 많이 익숙해지고 이해하기 더 쉬울것이다. (본인도 아직 초보기에 그때그때 이해하는걸 바로바로 글로 올리는 수준이라 같은 초보자 입장에서 본다면 더 초보자의 눈높이에서 같이 성장할 수 있을거라고 다짐한다.) https://ilsancityboy.tistory.com/47 투 두 리스트 (ToDoList) 페이지 만들기 이번 글에서는 html , cs..

이번 글에서는 php 와 Mysql에 대해서 기초와 개념을 알아볼 것이다. 앞서 프론트엔드인 html,css,js에 대해 배웠다면 이 두개는 서버측에서 실행되는 백엔드 개념이다. PHP란? PHP는 "Hypertext Preprocessor"의 약자로, 서버 측 스크립트 언어다. 주로 웹 개발에 사용되며, HTML 내에 PHP 코드를 포함하여 동적 웹 페이지를 생성하는 데 사용된다. PHP의 특징 서버 측 언어: PHP는 서버에서 실행되므로 클라이언트에게 코드를 노출하지 않는다. 동적 웹 페이지 생성: PHP를 사용하여 데이터베이스와 상호 작용하고 동적 콘텐츠를 생성할 수 있다. 기본 구문 로 사용된다. 구문은 다음글부터 직접 실습을 해보며 더 자세히 알아보겠다. Mysql 란? 데이터베이스 관리 시스템..

와이어샤크 (wireshark) Wireshark · Go Deep Wireshark · Go Deep Wireshark: The world's most popular network protocol analyzer www.wireshark.org 1.와이어 샤크란? 컴퓨터를 하면서 유튜브를 보거나, 파일을 다운받거나, 게임을 하는데 있어서 모든 행위는 네트워크 상에서 주고받는 패킷 을 통해 주고받으며 이뤄진다. 이러한 패킷 교환 과정을 포착하여 분석할수 있게 해주는 프로그램이 와이어샤크 (wireshark) 이다. 2. 와이어 샤크 기본 사용법 작성자가 aws 서비스로 구동중인 웹 서버에서 로그인 페이지로 들어가 로그인을 할때 이루어지는 패킷 교환 과정을 와이어샤크로 보는 실습을 해보겠다. AWS EC2..

이번 글에서는 html , css , js 를 사용하여 투두리스트 페이지를 만들어 볼 것이다. 대략적인 순서는 이렇다. Html 작성 ( 타이틀 , 할 일을 적어 넣는 필드 , 할일 목록 ) CSS 작성 ( 각 요소들을 보기 좋게 꾸며주기 ) JS 작성 ( 페이지에서 동적 행동이 필요한 요소들을 찾아내고 동작 코드 넣기 ) HTML 작성 To do List 오늘 해야할일은~ 입력! body 부분을 하나씩 살펴보자. 먼저 태그는 다른 컨텐츠의 코드들과 섞이지 않기 위해 구분을 짓는데 쓰이는 태그이다. 태그 안의 코드들은 하나의 컨텐츠를 위해 쓰인것으로 보여지게끔 구분했다. 웹 페이지에 보여지는 제목 즉, 타이틀을 걸어둘 예정인데 이또한 태그를 사용해 보기좋게 요소들을 나누어 구분한다. 태그는 아무런 기능을..

비밀번호 길이를 입력받고 해당 비밀번호에 들어갈 숫자 갯수와 특수문자 갯수를 입력받은 후 무작위로 비밀번호를 만들어주는 코드를 만들었다. 또한 만들어진 비밀번호를 자동적으로 파일에 저장해주는 코드이다. 완성시 보여지는 그림은 ------------------------------------------------------------------ 어디에 쓰일 비밀번호 인가요? => 네이버 비밀번호의 길이를 입력해주세요 => 12 숫자는 몇개를 포함할까요? => 2 특수문자는 몇개를 포함할까요? =>2 D'uraZK'2Tw6 password.txt 이름의 파일에 네이버 비밀번호가 저장되었습니다. ----------------------------------------------------------------..

AWS(Amazion Web Service) ec2 AWS (https://aws.amazon.com/ko/) 에서 제공되는 ec2 ( Elastic Compute Cloud ) 는 독립된 가상의 컴퓨터를 임대해주는 서비스이다.물리적인 컴퓨터를 직접 빌려주는것이 아니라 리눅스나 윈도우와 같은 OS가 설치된 가상 머신을 임대해주는 것으로 이를 원격제어하여 접속하고 사용할 수 있다. 이러한 가상머신을 우리는 인스턴스 라고 부른다.이번 글에서는 이를 활용해 나만의 웹 서버와 사이트를 만들어 볼 것이다. AWS 가입하기 https://aws.amazon.com/ko/ 에 가입한다. EC2 서비스 우리는 가상서버를 띄우고 사이트에 접속할 것이니 AWS가 제공하는 서비스중 EC2 서비스를 들어간다. 인스턴스 시작버..

이번 글에서는 흔히 많이 보았던 http와 https 에 대해서 알아볼 것이다. HTTP ( HyperText Transfer Protocol ) http는 인터넷을 통해 데이터를 주고받기 위한 프로토콜이다. 데이터를 평문으로 (암호화 하지 않은 텍스트) 전송하기 때문에 도청당할 수 있고 보안에 취약하다. HTTPS (HyperText Transfer Protocol Secure) https는 http 의 보안 버전으로 데이터를 암호화 하여 보호한다. 이를 위해 SSL (Secure Sockets Layer) , TLS (Transport Layer Security) 프로토콜을 사용한다. SSL,TLS ? SSL 이라는 프로토콜을 넷스케이프에서 만들었는데 어느날 표준화가 되었고 표준화가 되며 이름이 TL..

는 "division" 을 의미하며 html 문서에서 레이아웃을 구성하기 위한 컨테이너 역할이다. 제목 내용 내용 내용... 위 내용에서는 content 클래스를 가진 div 즉, 컨테이너 요소로서 내용에는 제목과 속 내용이 포함되어있다. 앞으로 자주 쓰일 것 같다.

MVC 패턴이란 무엇인가? MVC 패턴은 소프트웨어 개발에서 사용되는 디자인 패턴 중 하나로, 소프트웨어를 구성하는 세 가지 주요 컴포넌트를 나타냅니다 Model (모델): 이 부분은 데이터와 데이터의 처리를 담당합니다. 데이터는 어플리케이션의 상태나 정보를 나타내며, 모델은 이 데이터를 관리하고 조작하는 역할을 합니다. View (뷰): 뷰는 사용자 인터페이스(UI)를 나타냅니다. 이 부분은 사용자에게 정보를 표시하고 사용자의 입력을 받는 역할을 합니다. 뷰는 모델의 데이터를 시각적으로 표현합니다. Controller (컨트롤러): 컨트롤러는 모델과 뷰 사이의 중개자 역할을 합니다. 사용자의 입력을 받아 모델의 데이터를 업데이트하거나, 모델의 상태에 따라 뷰를 업데이트하는 역할을 수행합니다. MVC 패..

사이트를 보면 제일 상단에 위치하며 메인로고와 각종 버튼들이 있다. 또한 사용자가 스크롤을 내려도 해당 바는 사라지지 않고 사용자의 이동을 따라다닌다. 해당 기능은 HTML 문서 내에서 기능을 구현할 수 있고 CSS도 기본적으로 받쳐줘야한다. 이 기능에 대해 기본 구조를 알아보자. HTML //HTML 문서 구조-- 로고 홈 서비스 포트폴리오 연락 CSS /* 네비게이션 바 스타일링 */ header { background-color: #333; /* 네비게이션 바 배경색 */ color: #fff; /* 텍스트 색상 */ padding: 20px 0; /* 위아래 패딩 */ position: fixed; /* 화면 상단 고정 */ width: 100%; /* 너비 100% */ top: 0; /* 화면..