WEB Dev Note

유튜브 영상을 embed 하는 경우, 특히 Youtube에서 공유하기로 코드를 복붙하는 경우에는 가로 세로 사이즈가 고정되어 들어가게 된다. 이때 HTML의 상단 바로 위에 코드를 넣어주자: 이렇게 하면, 알아서 영상 비율을 유지하면서 너비를 100%로 꽉차게 바꿔준다. 특히 티스토리와 같은 블로그에 써먹기 좋다. 스킨편집 > html편집 화면에서 아래와 같이 위에 코드를 넣어주면 끝.

여태까지 코딩할 때 음악 보다는 주로 자주봤던 영화를 틀어놓는 편이었다 (대부, 존윅, 엽문, 닉슨vs프로스트 등). 자주 봐서 화면을 굳이 안봐도 되면서, 뭔가 심리적으로 파이팅 나거나 간지 나는 역할을 했다. 어딘가 돌아다니다 Lofi Jazz를 틀어놓으면 좋다고 해서 시도해봤는데.. 효과는 뭐 말할것도 없이 좋았다. 들으면서 키보드 두드리다보니 어느새 동이 텄더라는....

최근 Ubuntu 20.04 x64 서버에 웹서버 아파치(apache2)를 설치했는데, 웹 브라우저에서 해당 서버에 접속이 안되는 증상이 있었다. 증상 터미널을 통한 ssh 접속은 원활하나, 브라우저에서 접속이 안됨. 원인 우분투 기본 방화벽인 UFW에 22번 포트만 열려 있기 때문. 해결법 UFW에 원하는 포트(80, 443)를 추가한다. $ sudo ufw allow 80/tcp && sudo uft allow 443/tcp && sudo ufw reload 잘 추가되었는지 확인하는 방법은 아래와 같다. $ sudo ufw status 참고링크: https://help.ubuntu.com/community/UFW 타이틀 이미지 원본 주소: https://linuxize.com/post/how-to-s..

반응형 웹사이트를 제작할 때, 긴 문장을 출력해야 할 경우, 화면 끝에서 단어가 중간에 잘려버리는 문제가 발생한다. 유저의 화면 크기를 예상할 수 없기 때문에 일일이 엔터를 쳐주는것도 불가능한 상황. 이것을 간단히 해결하는 방법을 공유하고자 한다. function lmh_text_block($text) { $result = "".str_replace(" "," ",preg_replace("!\s+!", " ", $text)).""; $result = str_replace(" "," ",$result); return $result; } PHP 함수를 위와 같이 추가하고, .lmh-text-block { display: inline-block; white-space: nowrap; } 이렇게 CSS 클래스를..

예를들어 Directory 라는 폴더를 compress.tgz 라는 압축파일로 묶는다고 한다면, 운영체제에 따라 아래와 같이 실행할 수 있다. 리눅스- 리눅스는 아래 명령이면 된다. # tar -zcvf compress.tgz ./Directory 윈도우즈- 윈도우즈는 아래와 같이 몇가지 준비사항이 필요하다. 1. 7-zip 설치: http://www.7-zip.org 2. 명령프롬프트(cmd)를 관리자모드로 열기 3. 아래 명령어 실행 > 7z -ttar a dummy c:\Directory\* -so | 7z -si -tgzip a compress.tgz

원본글: Service Worker, what are you? - Mariko Kosaka 서비스 워커(Service Worker), 정체가 뭐니?나 : "서비스 워커야, 넌 정체가 뭐니?" 서비스 워커: "전 프로그램 가능한 네트워크 프록시 입니다." 나 : "... 응?"서비스 워커, 멋지게 들리기는 한데, 뭐하는 건지 도통 모르겠다.지난 2015년 7월, 난 미국 텍사스 오스틴(Austin, Texas)에서 열린 자바스크립트 컨퍼런스에 참여해서 강연 중 하나를 듣고 있었다. 연설자는 제이크 아치볼드(Jake Archibald) 였는데, 그때까지만 해도 응가(bathroom matter) 얘기를 많이 하는 재밌는 영국 출신 녀석인줄만 알았다. 나중에 알고보니 서비스 워커 스펙(spec)을 디자인한 대..