[FTP] FileZilla 사용하기

FileZilla(파일질라)를 몇 번 사용해보기는 했지만 제대로 된 사용법도 모르고 대충 사용해왔는데 마침 생활코딩에 파일질라 강의가 있어서 한 번 보기로 했다. 사실 10분 정도의 짧은 강의라서 내용이 많지 않고 알고 있던 내용도 많았지만 꽤나 도움이 됐다. FTP란? FTP란 파일을 전송하기 위한 통신 규약(프로토콜)의 줄임말이다. 우리가 흔히 알고 있는 통신 규약(프로토콜)은 HTTP가 있다. FTP와 HTTP는 둘 다 통신 규약이지만 용도가 다르다. FTP는 인터넷을 통한 파일 송수신을 위해 고안된 서비스다. HTTP에 비해 속도가 빠르다는 것이 큰 장점이다. 그리고 HTTP가 웹 서버와 웹 브라우저로 나누어진 것처럼 FTP는 FTP 서버와 FTP 클라이언트로 나누어져 있다. 여기서 FileZil..

• format_list_bulleted 📽️ 사이드 프로젝트/퍼블리싱
• · 2022. 9. 20.
• textsms

[CSS] html, css로 pipeline 만들기

1. html, css로 pipeline 만들기 처음에는 상단에 빨간 그래프처럼 html과 css만 이용해서 pipeline을 만들었다. 내가 참고한 pipeline은 pipe를 ::before 태그를 써서 한 칸에 100%로 잡고 크기를 조절해놔서 그대로 사용할 수 없었다. 나는 서버 쪽에서 열과 행을 관리하기 쉽게 만들어야 했기에 table로 pipeline을 만들고 칸마다 채워나갈 수 있게 만들었다. ... WT MD 003-004 Ascites therapy internal drain catheter ... .area_pipeline table { border-collapse: separate; border-spacing: 0; } .area_pipeline table tr th, .area_pi..

• format_list_bulleted 📽️ 사이드 프로젝트/퍼블리싱
• · 2022. 2. 17.
• textsms

[CSS 선택자] :nth-child()로 n번째부터 n번째까지 선택하기

꽤 자주 쓰는 데 사용할 때마다 헷갈려서 정리를 해놓으려고 한다. div:nth-child(odd), div:nth-child(2n+1){/* 홀수인 요소 */} div:nth-child(even), div:nth-child(2n){/* 짝수인 요소 */} div:nth-child(3n){/* 3의 배수 번째인 요소 */} div:nth-child(n+3){ /* 3[=0+3], 4[=1+3], 5[=2+3], ... */ /* 세 번째와 그 이후의 모든 요소(3~) */ } div:nth-child(-n+3){ /* 3[=-0+3], 2[=-1+3], 1[=-2+3] */ /* 앞에서 세 개의 요소(1~3) */ } div:nth-child(n+8):nth-child(-n+15){ /* 형제 그룹 내에..

• format_list_bulleted 📽️ 사이드 프로젝트/퍼블리싱
• · 2022. 2. 10.
• textsms

[CSS] 테이블 헤더(thead) 고정하기

1. position: sticky 전에 작업할 때 thead를 고정하기 위해 position: absolute를 써봤는데 th와 td의 너비가 다 깨져서 제어하기 어려웠다. 이번에 작업할 때는 position: sticky를 쓰니까 너비에 관한 문제가 없어서 제어하기 정말 편했다. table { position:sticky; top:0; } 2. thead의 border 투명화 문제 하지만 문제가 있었다. thead의 border가 투명해져서 border 하단의 내용이 보였다. 그걸 해결하기 위해서 간단한 코드만 추가해주면 됐다. table { position:sticky; top:0; border-collapse:separate; border-spacing:0; } 🔗 참고 사이트: - [HTML]테..

• format_list_bulleted 📽️ 사이드 프로젝트/퍼블리싱
• · 2022. 1. 27.
• textsms