목록Development/Network & Web (36)
컴공생의 다이어리
HTML 빈태그(Empty Tag) 종료 태그 없이 시작 태그만 존재하는 태그를 빈태그라고 한다. 빈태그의 2가지 방식 '/'가 없는 empty tag : HTML 1, 2, 3, 4에서 사용 가능 '/'가 있는 empty tag : XTHML에서 사용 가능 HTML5에서는 두가지 방식이 모두 사용 가능하다. 빈태그 예시 텍스트 안에 줄바꿈(*Carriage Return)을 생성 가로방향의 Division Line를 생성 이미지를 생성 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성함 현재 문서와 외부 리소스의 관계를 명시 , , , , 과 같은 다른 메타 관련 요소로 나타낼 수 없는 메타데이터를 나타냄 https://want-itschool.tistory.com/45 [HTML 문법] 빈 태그(E..
HTML 기본 틀
CSS 테두리(border) 없애기 input이나 button 태그의 경우 border:none;을 사용하면 테두리를 없앨 수 있다. input, button{ border:none; } https://solbel.tistory.com/1722
[HTML, CSS] 테두리(border) 둥글게 모든 모서리를 둥글게 하려면 border-radius를 사용하면 된다. border-radius:5px; 특정 모서리만 둥글게 하고 싶다면 아래를 참고해서 하면 된다. # 왼쪽 위 모서리 둥글게 border-top-left-radius:5px; # 오른쪽 위 모서리 둥글게 border-top-right-radius:5px; # 왼쪽 아래 모서리 둥글게 border-bottom-left-radius:5px; # 오른쪽 아래 모서리 둥글게 border-bottom-right-radius:5px; https://www.codingfactory.net/10957 CSS / border-radius / 테두리 둥글게 만드는 속성 border-radius borde..
CSS 배경색(background-color) 투명 or 없애기 배경색을 없애고 투명하게 만들고 싶다면 transparent를 사용해주면 된다. background-color:transparent; https://www.codingfactory.net/10588 CSS / background-color / 배경색을 정하는 속성 개요 background-color로 배경의 색을 정합니다. 그 색으로 border와 padding을 포함한 영역을 칠합니다. margin 영역은 칠하지 않습니다. 기본값 : transparent 상속 : No 애니메이션 : Yes 버전 : CSS Level 1 문법 b www.codingfactory.net
Font Awesome(폰트 어썸) - 사용법 Font Awesome은 웹사이트 제작시 아이콘이 필요한 경우 사용하면 좋은 사이트이다. Font Awesome 홈페이지의 Start 메뉴에서 메일 주소를 입력하고 메일에서 confirm 링크를 따라가서 비밀번호를 설정해준다. 나머지는 pass하고 확인을 누르면 kits가 생성되면서 스크립트 한줄이 나온다. 그 스크립트 한줄을 태그 안에 써주면 설정이 완료된다. https://fontawesome.com/start Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome...
Nginx 명령어 Nginx 실행 service nginx start sudo service nginx start sudo systemctl start nginx Nginx 재실행 service nginx restart sudo service nginx restart sudo systemctl restart nginx Nginx 중단 service nginx stop sudo service nginx stop sudo systemctl stop nginx Nginx 상태보기 service nginx status sudo service nginx status ps -ef | grep nginx https://velog.io/@jinho_pca/Nginx-%EB%AA%85%EB%A0%B9%EC%96%B4 N..
로컬호스트(localhost)란? 로컬호스트는 컴퓨터 네트워크에서 사용하는 루프백 호스트명으로, 자신의 컴퓨터를 의미 로컬호스트의 IPv4에서의 IP 주소는 127.0.0.1 자신의 컴퓨터를 가리키는 호스트이름(hostname)/도메인 https://ko.wikipedia.org/wiki/Localhost localhost - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org
FTP(File Transfer Protocol) - 파일 전송 프로토콜(File Transfer Protocol)의 약자 - TCP/IP 네트워크(인터넷)상의 장치가 파일을 전송할 때 사용하는 프로토콜 - 특징 Wel Known Port TCP포트인 20번과 21번 포트를 사용 20번 포트 : 데이터 전달 21번 포트 : 명령어 전달 인터넷을 통한 파일 송수신 만을 고안된 서비스(또는 프로토콜)이기 때문에 동작 방식이 대단히 단순하고 직관적 WWW 방식보다 빠른 속도로 한꺼번에 주고 받을 수 있다는 것이 FTP의 가장 큰 장점 SFTP(Secure File Transfer Protocol) - FTP에 암호화(SSH) 개념이 추가되어, 네트워크 레벨에서의 정보 유출을 방지하는 프로토콜 - 특징 22번 ..
HTTP HTTP는 하이퍼 텍스트 전송 프로토콜의(Hypertext Transfer Protocol)의 약자이다. 웹 상에서 클라이언트와 서버 간에 요청(request) 및 응답(response)으로 정보(데이터)를 주고 받을 수 있는 프로토콜이다. OSI 7계층 중 응용(Application) 계층의 프로토콜로 TCP/IP 위에서 작동한다. TCP와 UDP를 사용하며, 80번 포트를 사용한다. HTTPS HTTPS는 하이퍼 텍스트 전송 프로토콜 보안(Hypertext Transfer Protocol Secure)의 약자이다. 일반 HTTP 프로토콜의 문제점은 서버에서부터 브라우저로 전송되는 정보가 암호화되지 않아 데이터가 쉽게 도난당할 수 있다는다는 점이었다. HTTPS 프로토콜은 HTTP + 암호화 ..