본문 바로가기

WEB STORY10

웹코딩 작업할 때 참고하면 좋은 사이트 웹코딩 작업할 때 참고하면 좋은 사이트 1. w3school https://www.w3schools.com/html/default.asp 2020. 6. 25.
홈페이지를 제작 할 수 있는 사이트 홈페이지를 제작 할 수 있는 사이트 1. 워드프레스 https://ko.wordpress.org/ Blog Tool, Publishing Platform, and CMS - WordPress.org 한국어 Open source software which you can use to easily create a beautiful website, blog, or app. ko.wordpress.org 2. 윅스 https://ko.wix.com/ 홈페이지 제작 | 무료 홈페이지 만들기 | Wix.com Wix.com을 이용해 홈페이지를 무료로 제작하세요. 템플릿을 선택하고 디자인을 변경하면 홈페이지가 완성됩니다. Wix는 전 세계 약 1억 명이 홈페이지를 위해 선택한 클라우드 기반의 웹 제작 플랫 ko.wix.com 3. 그누보드 https:/.. 2020. 6. 21.
웹코딩 작업할 때 브라우저 새로고침 하면 안 바뀌는 현상 해결방법 웹코딩 작업할 때 브라우저 새로고침 하면 안 바뀌는 현상 해결방법 웹코딩 작업을 하다 보면 브라우저에 캐시가 남아 있어서 아무리 새로고침을 해도 업데이트 후의 모습으로 안 바뀌는 현상이 있습니다. 이러한 문제를 해결하기 위해서는 웹 브라우저의 캐시와 잡다한 것들을 모두 지워야 하는 번거로움이 있습니다. 하지만 작업을 해야 하는 금 같은 시간에 이런 번거로운 작업을 할 때면 굉장히 귀찮습니다. 그래서 빠르게 해결하는 방법! 단축키 "Ctrl + F5"를 하게 되면 일일히 캐시를 지워줘야 하는 귀찮은 작업을 매일 같이 하지 않고 바뀐 화면으로 빠르게 확인이 가능합니다. 하지만 이 방법도 가끔 안될 때도 있습니다. 그럴 때에는 어쩔 수 없이 확실하게 캐시를 지워주는 귀찮은 방법을 써야 합니다.. 추가로 개발자 도구를 오픈한 상태에서 새로 고침하는 아이콘에 마우스 오른 쪽 클.. 2020. 6. 9.
티스토리 블로그 트위터 타임라인 적용하는 방법 티스토리 블로그 트위터 타임라인 적용하는 방법 자신의 티스토리 블로그 또는 홈페이지에 트위터 글을 보여 주고 싶다면, 트위터 타임라인 기능을 적용하면 됩니다. 단, 해당 내용은 기본적으로 HTML을 알고 계신 분들이라면, 아주 쉽게 따라 하실 수가 있습니다. 트위터 타임라인 적용방법 구글에 "트위터 타임라인"을 검색해서 들어가도 되며, 아래 해당 링크를 클릭해서 쉽게 접속할 수도 있습니다. https://help.twitter.com/ko/using-twitter/embed-twitter-feed 타임라인 추가하기 웹사이트에 타임라인을 추가하고 싶으신가요? 방법은 다음과 같습니다. help.twitter.com 위 링크 주소는 트위터 고객센터의 주소 이며, 이 곳에 타임라인을 적용하기 위한 링크 주소가 있습니다. 파란색 네모 박스로 표시한 부분이 해.. 2020. 6. 6.
웹코딩 공부하기 좋은 사이트 웹코딩 공부하기 좋은 사이트 웹코딩 공부를 시작하는 분들에게 추천드리는 사이트! 바로 "w3school" 입니다. 웹 공부뿐만 아니라 작업을 하면서도 필요한 자료를 찾아볼 수가 있는 아주 좋은 사이트입니다. 구글에 w3school 이라고 검색해서 접속해도 되며, 아래 해당 링크를 클릭해서 이동해도 됩니다. https://www.w3schools.com/html/default.asp 2020. 6. 6.
티스토리 블로그와 웹사이트 속도 측정하는 방법 티스토리 블로그와 웹사이트 속도 측정하는 방법 구글 개발자 페이지에는 웹사이트의 속도를 측정해주는 기능이 있습니다. 자신의 티스토리 블로그나 개인 홈페이지의 속도가 느리다고 느낀다면 속도를 측정해보고 개선해보는 것이 좋을 것 같습니다. 아래 주소는 구글 개발자 페이지에서 웹사이트의 속도를 측정해주는 링크 주소입니다. developers.google.com/speed/pagespeed/insights/ PageSpeed Insights 모든 기기에서 웹페이지 속도를 개선해 보세요. developers.google.com 사용방법 아래 이미지에 웹사이트의 URI를 넣고 분석 버튼을 클릭합니다. 저의 티스토리 블로그 URI 주소를 입력한 후, 분석 버튼을 누른 결과 모바일에서의 속도 상태가 안 좋은 것을 알 수가 있었습니다. 확인을 안 하다가 포스팅을 하.. 2020. 5. 30.
다른 국가의 구글 페이지 주소 다른 국가의 구글 페이지 주소 미국 구글 페이지 www.google.com/webhp?hl=en Google www.google.com 일본 구글 페이지 www.google.com/webhp?hl=ja Google www.google.com 베트남 구글 페이지 www.google.com.vn/?hl=vi Google www.google.com.vn 각 나라의 구글 페이지에서 노출되는 검색 내용이 다르게 나옵니다. 2020. 5. 30.
엣지 브라우저 업데이트를 해보자! 엣지 브라우저 업데이트를 해보자! 엣지 브라우저에서 구글을 검색하다가 새로운 엣지 브라우저로 업데이트하라는 내용을 보고 업데이트를 해보았다. 로고부터 새롭게 바뀐 엣지 브라우저 과연 어떤 모습으로 바뀌었을까? 엣지 브라우저 설치 먼저 아래 이미지에 있는 "지금 다운로드 버튼을 클릭하자!" 그리고 바로 아래 이미지에 있는 "다운로드" 버튼을 클릭 아래 이미지 처럼 화면이 나오면 수락 버튼을 클릭 수락 버튼을 클릭하면 "감사합니다"가 나옵니다. 그리고 아래 저장을 클릭하고 다운로드한 파일이 있는 위치로 이동한 후, 순서대로 진행하다 보면 설치 과정은 끝이 난다. 아래 이미지가 모든 업데이트 과정이 끝이난 화면이다. 디자인이 매우 좋아진 듯한 느낌이 든다. 거기다 가장 좋은 건 웹 코딩 작업하기에 더욱 좋아졌다는 사실! 개발자 도구가 구글 크.. 2020. 5. 26.
웹방화벽(WAF)과 방화벽이란? 웹방화벽(WAF)과 방화벽이란? 방화벽이란?간단하게 설명하자면 firewall이라고도 하며, 네트워크 보안 시스템입니다. 방화벽은 신뢰할 수 있는 네트워크와 그렇지 않은 네트워크를 구분시켜서 허용과 차단을 해줍니다. 방화벽 시스템은 하드웨어 장치와 소프트웨어 장치가 있습니다. 방화벽은 네트워크 사이에 들어오는 트래픽들 중에 신뢰도가 낮은 의심되는 네트워크를 차단하여 막아내는 역할을 합니다. 신뢰도가 낮은 것은 인터넷, 외부 네트워크 쪽을 가리킨다. IT에서의 방화벽의 용어는 화재가 발생했을 때 옆으로 불이 번지지 않도록 막아내는 벽을 의미해서 생기게 되었다고 합니다. 정말 뜻과 단어가 딱 알맞게 이름이 지어진 것 같습니다. 방화벽의 분류방화벽의 주류로는 하드웨어 방화벽과 소프트웨어 방화벽 등이 있습니다. 그 밖에도 있지만 이 두 가지는.. 2019. 10. 19.