홈페이지 제작할땐!

비버팩토리

it 언어 노트 36

failed: WebSocket is closed before the connection is established.

개발자도구에서 failed: WebSocket is closed before the connection is established. 라는 문구가 나옵니다. 노란색 경고문으로 나오는데 혹시나 그대로 구글링으로 찾아봤더니.... (예측헌데 nginx 설정은 이미 프록시로 해놨고.. 여러 문제를 생각해야된다...) 어쨌든 이런 메시지가 나올때 아래 참고 자료를 확인하면 됩니다.  https://github.com/feathersjs/feathers/issues/1149 WebSocket is closed before the connection is established · Issue #1149 · feathersjs/feathersThe following errors are often found: websoc..

[Node] babel-node가 권한 문제로 실행이 안될 경우 #@babel-node

sh: /home/ec2-user/폴더이름/node_modules/.bin/babel-node: Permission denied권한이 없다고 나오는 경우가 있다. 처음에 위에 경로 그대로 나오니까 응용해서 아래 경로와 퍼미션을 조화롭게 입력하면됩니다.$ chmod 755 /home/ec2-user/폴더이름/node_modules/.bin/babel-node     참고 자료 :  https://dev-san.tistory.com/27 [Node] babel-node가 권한 문제로 실행이 안될 경우 #@babel-nodesh: /home/ec2-user/폴더이름/node_modules/.bin/babel-node: Permission denied 권한이 없다고 나오는 경우가 있다. $ chmod 755 /..

자주 사용되는 css

CSS란 무엇인가?CSS(Cascading Style Sheets)는, HTML(이나 XML)로 작성된 웹 페이지의 모양과 스타일, 즉 디자인을 지정하는 데 사용하는 언어입니다.CSS를 사용하면 글꼴, 색상, 배경 이미지, 레이아웃 등을 조정하여 웹 페이지를 사용자의 취향에 맞게 디자인할 수 있습니다.화면상의 웹 페이지뿐만 아니라 다양한 매체, 예를 들어 프린트할 때 종이에 어떻게 디자인할지 지정할 수 있으며, 시각장애인을 위한 스크린 리더의 음성 스타일도 일부 디자인할 수 있습니다.  ui/ux 즉 사용자 경험 디자인은 사용자가 제품, 서비스 혹은 시스템을 사용하거나 체험하는 데 있어 지각하는 것이 가능한 조직적 상호교감적인 모델을 창조하고 개발하는 디자인의 한 분야이다.  일부 사람 마다 용어를 퍼블..

자주 사용하는 마크업

- a 마크업 : 하이퍼링크  https://codingeverybody.kr/html-a-%ed%83%9c%ea%b7%b8/ 태그 – 올바른 이해와 사용 방법 - 코딩에브리바디" data-og-description="a 태그에 href 속성으로 지정한 URL이 있으면 이 태그의 콘텐츠로 표시되는 하이퍼링크(줄여서 '링크')를 나타냅니다. 이 태그의 콘텐츠(예를 들어, 텍스트나 이미지 등)를 클릭하면 링크된 URL로 이" data-og-host="codingeverybody.kr" data-og-source-url="https://codingeverybody.kr/html-a-%ed%83%9c%ea%b7%b8/" data-og-url="https://codingeverybody.kr/html-a-%ed%..

html / css 기초

안녕하세요! 비버팩토리입니다. 이번 주제는 퍼블리싱기초 공부에 대해서 남겨봅니다. 우선적으로 자주 사용하는 html5 는 article, asise, section, header, footer, nav 위주로 마크업을 사용 하면 됩니다.각자 사용법은 다양한데 제가 생각 하는게 맞다면 이런식으로 사용합니다.section 과 article 마크업은 하나를 묶어주는 마크업이라 생각합니다.  HTML  요소는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 은 제목을 포함하지만, 항상 그런 것은 아닙니다. https://developer.mozilla.org/ko/docs/Web/HTML/Element/section section, article 으로 사용하고..

해외 주소 검색 플러그인

해외 주소 검색 할 수 있는 플러그인을 소개합니다.영카트 라는 솔루션에 적용 해서 사용하면 됩니다. 일부 소스코드를 카피해서 다른 솔루션에도 이용은 가능합니다. 필요시 크몽으로 문의 주세요.https://kmong.com/gig/546111안녕하세요! 프리랜서로 활동중인 비버팩토리입니다. 그누보드, 영카트 유지보수 문의 주세요 - 크몽비버팩토리 전문가의 IT·프로그래밍 서비스를 만나보세요. 안녕하세요! 프리랜서로 활동중인 비버팩토리입니다.kmong.com    사용법은 아주 간단합니다.구글 클라우드 플랫폼 콘솔로 접속합니다.  여기서 대시보드에서 항목을 찾아보면 Maps JavaScript API가 보입니다.그러고 신청을 하면됩니다. https://velog.io/@sukqbe/API-%EA%B5%AC%..