앜스토리 | 호기심 많은 개발자의 보물창고

https://yunamom.tistory.com/225 [Linux] certbot 명령으로 인증서 삭제하는방법 ◇ 인증서 목록 확인 ubuntu@:~$ sudo certbot certificates Saving debug log to /var/log/letsencrypt/letsencrypt.log - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Found the following certs: Certificate Name: yunamom.d yunamom.tistory.com

CSP에 대한 에러가 발생하면 밑에 소스를 메타태그에 넣어보자. 전체 권한 문자열

https://offbyone.tistory.com/326 textarea로 입력 받은 글을 공백과 줄바꿈을 살려 출력하기 HTML에디터가 아닌 일반 textarea 로 입력 받은 글을 페이지에 출력해야 할 경우가 많이 있습니다. 출력시에는 보통 JSP 라면 형태로 출력합니다. 이 경우 html 태그들은 escape 되어서 태그가 화면에 그 offbyone.tistory.com

이번 추수감사절에는 특히 Javascript에 감사드립니다. 1995년 12월( Javascript의 생일은 실제로 이번 주입니다! )에 발표된 이후 웹에 생명을 불어넣었습니다. 그러나 모든 Javascript가 일부 HTML 페이지에 추가 기능을 제공하는 시대는 지났습니다. 오늘날 자바스크립트로 거의 모든 것을 할 수 있습니다. 당신이 알지 못했던 놀라운 일들이 JS로 가능하다는 점을 강조해 보겠습니다. Electron을 사용한 네이티브 데스크톱 앱 시작하려면 많은 오프라인 기본 데스크톱 앱이 실제로 Javascript로 빌드되며 일반적으로 Electron 또는 Chromium Embedded Framework를 사용합니다. 사실 VScode, Spotify 및 Slack을 포함하여 즐겨 사용하는 데스..

보다 포괄적인 구조에 대한 요구가 계속 증가하고 있습니다. 우리 중 많은 사람들이 커뮤니티와 사회적 통합의 필요성을 인식하기 시작했습니다. 인터넷이 우리를 하나로 뭉치게 하는지, 아니면 갈라지게 하는지에 대한 논쟁은 항상 끝나지 않을 것입니다. 그러나 우리는 디지털 시대에 살고 있기 때문에 인터넷은 최근 이러한 변화와 세계화 및 지속 가능한 커뮤니티에 대한 요구의 중심에 있었습니다. 돌아 오라의의 트렌디 한 단어 r은 먹고 기술의 세계는 다음과 같습니다, "지방 분권"을 "민주화", "금융 포함"과 "커뮤니티". 요즘 사람들의 관심을 받기 위해서는 브랜드가 포용성이나 평등성을 팔아야 하는 것은 당연합니다. Fin-Tech 공간은 더 많은 사람들이 재정적으로 포함될 수 있도록 돕고자 하는 회사로 가득 차 ..

Web 3.0(Semantic Web이라고도 함)에 대한 이야기는 10년 넘게 있었지만 마침내 언제 구현될까요? 그리고 그것은 대체 무엇입니까? 일반 인터넷 사용자인 나에게 어떤 영향을 미칩니까? 이 기사에서는 이러한 모든 질문과 그 이상을 다룰 것입니다. 웹 3.0이란 무엇입니까? Web 3.0을 이해하려면 먼저 Web 1.0과 Web 2.0을 이해해야 합니다. 웹 1.0 World Wide Web(Web 1.0) 발명가인 Tim Berners-Lee 는 1998년에 "Web 뒤에 있는 꿈은 정보를 공유하여 의사 소통하는 공통 정보 공간입니다. 그러나 꿈의 두 번째 부분이 있었습니다. 너무 일반적으로 사용되는 웹에 의존하여 우리가 일하고 놀고 사교하는 방식에 대한 현실적인 거울(또는 기본 구현)이 되었..

https://developer.mozilla.org/en-US/docs/Web/API Web APIs | MDN When writing code for the Web, there are a large number of Web APIs available. Below is a list of all the APIs and interfaces (object types) that you may be able to use while developing your Web app or site. developer.mozilla.org

인터넷을 통한 오디오 및 비디오 통신은 새로운 것이 아닙니다. Skype는 2003년에 이를 가능하게 하는 최초의 도구 중 하나였으며 이러한 화상 채팅을 브라우저에서 직접 사용할 수 있게 되는 데 오랜 시간이 걸리지 않았습니다. WebRTC는 브라우저에서 쉽고 안전한 영상 통신을 가능하게 하는 비교적 새로운 기술입니다. 그렇다면 정확히 무엇이며 어떻게 작동하며 왜 비디오 커뮤니케이션에 혁명을 일으키고 있습니까? WebRTC는 프로토콜, 표준 및 JavaScript API의 모음입니다. 비디오 통신을 위한 대부분의 솔루션은 독점 소프트웨어 또는 기껏해야 브라우저 플러그인에 의존하지만 WebRTC는 이러한 종류의 통신을 가능하게 합니다… WebRTC는 새롭다고 말했지만 실제로는 거의 10년이 되었습니다. 2..

Critical Rendering Path란? 브라우저가 페이지의 초기 출력을 위해 실행해야 하는 순서를 뜻함. Dom 트리 구축 CSSOM 트리 구축 JavaScript 실행 렌더 트리구축 레이아웃 생성 페인팅 Critical Rendering Path는 위의 6단계로 구성됨. 자세한 내용>>>>https://beomy.github.io/tech/browser/browser-rendering/ [Browser] 브라우저 렌더링 이번 포스트에서는 브라우저가 화면을 렌더링 하는 과정에 대해 이야기할 것입니다. 렌더링 과정을 이해하면 웹페이지의 렌더링 최적화에 도움이 될 수 있겠죠? 렌더링 최적화 방법은 [Browser] Cr beomy.github.io Critical Rendering Path 최적화 하..

NAT란? 네트워크 주소 변환(network Address Translation) 의 약자로 NAT라 부른다. IP 패킷의 TCP/UDP 포트 숫자와 소스 및 목적지의 IP 주소 등을 재기록하면서 라우털르 통해 네트워크 트래픽을 주고 받는 기술을 말한다. 패킷에 변화가 생기기 때문에 IP나 TCP/UDP의 체크섬(checksum)도 다시 계산되어 재기록해야 한다. NAT를 이용하는 이유는 대개 사설 네트워크에 속한 여러 개의 호스트가 하나의 공인 IP 주소를 사용하여 인터넷에 접속하기 위함이다. 많은 네트워크 관리자들이 NAT를 편리한 기법이라고 보고 널리 사용하고 있으며, NAT가 호스트 간의 통신에 있어서 복잡성을 증가시킬 수 있으므로 네트워크 성능에 영향을 줄 수 있는 것은 당연하다 볼 수 있다. ..