나만의 웹사이트 만들기 1일차 - 1

1. 얻어갈 수 있는 것

- 자기 블로그 만들어서 기술 문서 작성 가능
- 포트폴리오
- 웹을 잘 알아야 웹 해킹 가능 (CTF대회 + 깃허브)

-----

2. 웹 사이트를 만들기 전 알아야 될 기초 지식

- WEB (World Wide Web)
인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간


- HTML (Hyper Text Markup Language)
웹을 이루는 가장 기초적인 구성 요소
웹 콘텐츠의 의미와 구조를 정의할 때 사용

<p>content</p>
요소 : 여는 태그, 닫는 태그, 내용

실습 사이트 : https://codepen.io/pen


- CSS (Cascading Style Sheets)
HTML 같은 문서의 스타일 (색, 위치, 글꼴 등)을 꾸밀 때 사용하는 스타일 시트 언어
참고 사이트 : https://codepen.io/nanacodesign/pen/YzKgYvQ
margin, padding 부분은 공부가 필요


- 웹 프레임워크
특정 프로그램을 개발하기 위한 여러 요소들과 메뉴얼인 툴을 제공하는 프로그램
ex) django, wordpress, spring boot(우리 나라에서 가장 많이 사용), fastAPI, Flask 등


- Django
파이썬 기반의 오픈 소스 웹 프레임워크
대부분의 웹 페이지는 웹 프레임워크를 통해 서비스 된다
프레임워크는 간단하게 설명하면 자동차의 프레임, 기본적으로 구성하고 있는 뼈대
ex) 인스타그램, 번개장터 등 많은 곳에서 사용됨


- DB (DataBase)
정보를 모아 높은 프로그램
관계형과 비관계형이 존재
ex) SQLite, MySQL, mongoDB, redis 등


- SQL (Structured Query Language)
관계형 데이터베이스에서 정보를 저장하고 처리하기 위한 프로그래밍 언어

실습 사이트 : https://www.programiz.com/sql/online-compiler/


- IP
인터넷에 연결되어 있는 모든 장치들(컴퓨터, 서버 장비, 스마트폰 등)을 식별할 수 있도록 각각의 장비에게 부여되는 고유 주소


- Port
하나의 컴퓨터에는 여러 개의 서버 설치 가능
접속자가 여러 개의 서버 중 특정 서버를 접속할 때 구분할 수 있는 방법
IP 주소가 장비의 고유 주소라면 Port는 서버의 주소


- Linux
오픈소스 운영 체제 (윈도우는 오픈소스X)
간단한 명령어 설명 : mkdir, ls, cd, pwd, touch, vi, cat
실습 사이트 : https://www.tutorialspoint.com/linux_terminal_online.php