WebAssembly 입문해 보았다
문득 WebAssembly를 시험해 보려고 생각하고, 해 보았습니다. javascript는 동적 타입 언어로 인터프리터 타입이므로 직관적이고 간단하게 기술할 수 있는 반면, 타입 추론하면서 실행하기 때문에 느리다는 특징이 있습니다. 이 바이너리 포맷을 사용하는 것으로 파일 사이즈의 축소와 구문 분석의 처리를 단축하는 것에 의한 실행 속도의 고속화를 실현하는 기술이라고 하는 이해입니다. 아직 ...
HTMLC웹자바스크립트WebAssembly2022-10 last update
6 minutes reading
Apache를 설치하여 HTML 파일을 표시해 봅니다 (Linux 권한)
http 서버, 웹 서버라고 불리는 것의 대부분은 이콜 이녀석이다. yum install httpd #http 서버 다운로드 Is this ok [y/d/N]: #여기서 y를 입력하고 Enter를 누릅니다. 디폴트에서는 CentOS7는 FW로 HTTP 통신등은 거부되고 있는 것 같기 때문에, 그것을 허가로 변경할 필요가 있다. success 와 나오면 OK. 그렇다면 뭔가 무서운 문장이 나오...
서버HTML아파치firewalldchmod2022-10 last update
6 minutes reading
'성장을 겪고 있는 3년째 웹 엔지니어를 위한 파이썬 웹 애플리케이션 자작 입문'을 업데이트했습니다.
를 업데이트했습니다. 이제 웹 서버(=HTTP 서버)로 최소한의 기능을 갖추게 된다는 단계는 거의 끝입니다. 다음 단계로 "응답 본문으로 무엇을 반환합니까?"에 대해 좀 더 자세히 살펴 보겠습니다. 이미 구현되어 있는 「HTML 파일이나 화상 파일의 내용을 응답 본체로서 그대로 돌려준다」라고 하는 기능을, 일반적으로는 「정적 파일 전달」이라고 부릅니다. 이 기능만 있으면, 예를 들면 등은 충...
HTML파이썬webserverHTTP2022-10 last update
9 minutes reading
메타태그 재입문 ~ OGP를 설정해 보자! ~
메타 태그 설정을 생각한 적이 있습니까? 컨텐츠의 외형이나 움직임에 의식이 가 버려, 메타 태그는 초기 설정 그대로라든지 있다고 생각합니다! 이번에는 그런 메타 태그에 초점을 맞추고 해설했습니다! 동영상으로 확인하고 싶은 분은 이쪽을 부디! 메타태그 이외도 포함되어 있습니다. 우선 메타 태그는 아니지만 ... 검색 결과에 표시되는 부분이므로 설정해 둡시다! 검색으로 히트할지 여부가 바뀌므로 ...
HTMLtipsOGP결국YouTube2022-10 last update
6 minutes reading
[HTML로 그림 그리기 시작] 자바스크립트에서 Canvas에 직선을 그립니다.
canvas,JavaScript의 마우스 이벤트로 직선을 그립니다. canvas로 선분을 그리는 방법 그대로 마우스 이벤트를 설정하면 문제가 발생하기 때문에, 문제점·해결안을 썼습니다. 아래 이미지를 목표로합니다. 마우스 이벤트 1.onmousedown->시점 설정 2.onmousemove->시점~커서 위치까지를 선으로 묶는다 3.onmouseup -> 종점을 설정/시점~종점까지를 선으로 연...
HTML캔버스자바스크립트그림 그리기HTML52022-10 last update
7 minutes reading
javascript를 사용하여 간단한 계산기를 만드는 part3 입문자 용
지난번 만든 사칙연산에 더해 실제로 있는 것 같은 계산기를 만들고 싶어졌다. part2의 「향후의 구상」은, 일단 잊어 계산기의 외형을 만든다 0~9까지의 숫자 버튼으로 텍스트 입력을 할 수 있도록 한다 사칙 연산을 할 수 있도록 한다. (미 구현) 위의 텍스트 입력란에 숫자 버튼으로 입력하는 곳까지 할 수 있었다. HTML caluculate.html CSS caluculate.css 자바...
HTMLCSS자바스크립트프로그래밍2022-10 last update
14 minutes reading
javascript를 사용하여 간단한 계산기를 만드는 part2 입문자 용
전회의 기사로 만든 덧셈만의 계산기에 뺄셈 기능도 붙이고 싶었기 때문에. 마지막 덧셈과 비슷한 프로그램으로 빼기 기능 만들기 덧셈·뺄셈을 바꿀 수 있는 버튼을 배치 (이 버튼을 만드는데 꽤 시행착오해버렸다) 각각이 active중에만 각각의 계산을 실시할 수 있는 기능(미실장) 더하기 버튼이 active 뺄셈 버튼이 활성 caluculate.html caluculate.css caluculat...
HTMLCSS자바스크립트프로그래밍2022-10 last update
16 minutes reading
Flask 입문 2: 데이터 프레임을 스타일시트로 멋지게 표시
Mac, 로컬 왜? 이 스타일 시트가 상정하는 구조 (예 : 아래 그림) pd.DataFrame.to_html()에서 내뿜는 구조와 다르기 때문 매우 알기 쉬운 것이 있었다. 진짜로 여기에 모두 써 있기 때문에 코드 게재 등은 할애 덧붙여서 스타일 시트를 변경했는데 반영되지 않지? 라고 생각하면 127.0.0.1:5000/static/style.css 변경 사항을 확인할 수 있을 때까지 여러...
FlaskHTMLpandas파이썬CSS2022-10 last update
10 minutes reading
【초보자 필견】Firebase의 설치 방법과 사이트 공개(MacOS편)
Firebase는 GOOGLE이 제공하는 빠르고 고품질의 모바일 앱을 개발할 수 있는 플랫폼으로 개발에 도움이 되는 수많은 기능이 준비되어 있다. 원래 Firebase라는 기업이 시작한 서비스였지만 천하의 Google에 인수되어 GCP에 가입한 것 같습니다. 적절한 파일 (Html.css 등) Google 계정 Node.JS (Ver.12.2.0) Npm (Ver.6.9.0) 적용 가능한 파...
CSSFirebaseHTML자바스크립트2022-10 last update
7 minutes reading
jqGrid 설치부터 표시까지
환경은 Eclipse. 다음 두 가지 다운로드 · jQueryUI ( ) - 페이지 마지막 꼬리의 "Theme"섹션에서 "Redmond"를 선택하고 다운로드 ・jqGrid ( ) - 그대로 다운로드 jqGrid.html ↓정리했지만, 우선 다운로드한 2개의 폴더의 내용을 전부 혼자 하면 OK! jQuery의 "images"폴더는 라이브러리가 로드되므로 필요! 우선 간단하지만 이것으로 jQgr...
jQuery자바스크립트jquery.uiHTMLjQgrid2022-10 last update
7 minutes reading
AngularJS에 도전! 입문 1
AngularJS를 알게 된 것은 1년 정도였지만, 어쩐지 뭉치기 어렵고, 지금까지 부탁했습니다. 열심히 공부하려고 자신을 설레게 할 생각으로, 조금씩 계속 쓰려고 합니다. "다운로드"버튼에서 다운로드할 수 있습니다. 어떤 언어라도 처음은 Hello World! AngularJS에서는 Hello XXXX!(XXXX는 입력한 문자열)입니다. HelloWorld.html<body ng-app> ...
BootstrapAngularHTML2022-10 last update
5 minutes reading
HTML 5.1의 새로운 요소 picture 입문
(2016/09/26 추가)picture 요소에 대해 ICS MEDIA에서 더 자세히 설명했습니다. 여기도 함께 참조하십시오. HTML 5.1 로 구현되는 신요소 picture 요소를 사용하면(자), 를 사용해 이미지를 나누는 것이 가능합니다. 예를 들어, 뷰포트 가로폭이 700px 이하일 때 a.png 라는 이미지를 표시하는 코드는 아래와 같습니다. 개별 이미지는 source 요소로 지정되...
HTML5입문사진HTML2022-10 last update
6 minutes reading
도트 인스톨씨의 동영상을 몇개인가 시청해, 오리지날로 만들어 보았던 「라스트 바바 빼기」
나는 이번 여름 휴가이기 때문에 많은 시간을 확보 할 수있는 상황에 있습니다. 그래서 HTML, CSS, JavaScript를 제대로 공부하려고 생각했습니다. 제가 공부하는 교재로 이용한 것이 입니다. 그리고 이번에 어느 정도 이해할 수 있고 오리지널로 게임을 만들 수 있었기 때문에 기사로했습니다. 오랜만의 투고가 됩니다만, 잘 부탁드립니다. [구판] 처음 HTML [구판] 처음 CSS 【구...
HTML도트 설치자바스크립트HTML5CSS2022-10 last update
18 minutes reading
Gatsby.js에서 정적 웹 사이트를 바삭하게 만들기 (설치에서 HTML 편집편)
주말에 Gatsby.js를 만져 보았으므로 그 공유입니다. 여러가지 할 수 있는 Gatsby.js입니다만, 공식의 Hello World를 베이스로 CSS(SCSS)나 메타 정보의 설정 정도까지를, 몇번에 나누어 해설합니다. 궁극적으로 Netlify 당 정적 웹 사이트를 배포 할 때까지 작성하려고합니다. 이번에는 설치에서 로컬 서버를 시작하고 HTML 편집 정도까지 갑니다. 는 React.js...
scssReactHTMLgatsbyNetlify2022-10 last update
5 minutes reading
비프런트엔드 엔지니어를 위한 CSS 설계 입문(OOCSS)
CSS를 쓰고 있어, 설계 방침을 모르는, 파탄해!important를 붙일 수밖에 없게 되어 버리는 일이 있었기 때문에, CSS 설계의 1개의 사고방식인 OOCSS에 대해서 정리해 보았습니다. 이 기사에서는 객체 지향 CSS 상세도 에 대해서는 설명하지 않습니다. 객체 지향 CSS입니다. 같은 코드를 두 번 쓰지 않는다 어디에 써도 같은 행동을 한다 주변을 목적으로 한 CSS의 설계 개념입니...
CSSOOCSSCSS3CSS 설계HTML2022-10 last update
6 minutes reading
haml 설치 mysql 오류
수행하려는 내용 bundle 그리고 HTML을 haml로 만들고 싶습니다. 일어나는 현상 Gemfile 맨 아래에 gem "haml-rails", "~> 2.0" 를 쓰고 bundle 오류 내용 터미널 이 부분은 오류 내용에서 중요합니다. An error occurred while installing mysql2 (0.5.3), and Bundler cannot continue. Make s...
루비MySQLhamlHTMLRails2022-10 last update
11 minutes reading
【React 입문】컴퍼넌트의 조건부 Render (Conditional Rendering)
React 공식 문서의 조건부 렌더(Conditional Rendering)에 트라이. 조건부 렌더링-React Ubuntu18.04 yarn 1.17.3 create-react-app 3.1.2 에서 ./public/index.html 및 ./src/App.js 편집. ./public/index.html ./src/App.js 우선은 둥근 파크리가 되지 않게 공식 문서의 머니를 해 Gree...
웹ReactHTML프런트 엔드자바스크립트2022-10 last update
12 minutes reading
30대부터의 프로그래밍 공부 4일째【HTML/CSS입문편】
수정 요청과 지적 댓글을 주셔서 감사합니다. 솔직히 「아무도 보고 있지 않아!」라고 하는 노리로 자신용 복습 메모 겸 학습 의욕 계속을 위한 루틴으로서 시작한 것이었기 때문에 놀랐습니다. 원래 쓰는 법을 별로 알 수 없기 때문에 보기 흉하게 되어 버리는 일도 많이 있을까는 생각합니다만, 신경이 쓰이는 점이 있으면 지도 받을 수 있으면 다행입니다. 계속 Udemy 강좌입니다. 더 많은 시간을 ...
비망록CSSHTML2022-10 last update
6 minutes reading
【JavaScript】Mapbox 입문【API】
CDN Mapbox GL JS / 내 계정으로 액세스 토큰 얻기 container 마운트할 div 요소(not 중첩) 지도 스타일 센터 중심지의 위도 경도 zoom 줌도 addControl UI에서 맵 조작 GeolocateControl 위치 정보 조작(유사: ) 지오위치 사용자의 위치 정보를 다루는 기술 enableHighAccuracy · false : 기본 · true : 고정밀도로 현...
mapboxapi자바스크립트HTML2022-10 last update
6 minutes reading
HTML 속성을 사용하는 방법 이 텍스트는 40픽셀 및 녹색입니다.
HTML 속성은 HTML 요소의 색상, 크기 및 기타 특성을 변경하는 데 사용됩니다.예를 들어, 속성을 사용하여 텍스트 요소 글꼴의 색상이나 크기를 변경하거나 이미지 요소의 너비와 높이를 변경할 수 있습니다.이 강좌에서는 HTML 속성을 사용하여 HTML 텍스트 요소의 크기와 색상 속성의 값을 설정하는 방법을 배울 것입니다. HTML 속성은 다음과 같이 열린 태그에 배치됩니다. 흔히 볼 수 ...
HTMLSpin Up2022-06 last update
6 minutes reading
HTML을 사용하여 웹 페이지에 스타일링된 개인 정보 이미지를 추가하는 방법
이 강좌에서 우리는 맨 위의 윤곽 이미지를 추가하고 그 스타일을 설정하는 절차를 소개할 것이다. 저희가 시작하기 전에, 귀하는 웹 사이트에 포함할 수 있도록 개인 정보 사진을 선택해야 할 수도 있습니다.만약 당신이 개인 자료 사진이 없다면, 당신은 어떤 이미지로 프레젠테이션을 하거나, 같은 사이트를 통해 화신을 만들 수 있습니다.그렇지 않으면, 당신은 사진 을 다운로드하여 우리 프레젠테이션 ...
HTMLSpin Up2022-06 last update
5 minutes reading