본문 바로가기
웹 페이지 만들고 배포하기 - HTML5 그동안 살펴본 HTML5 기초 문법만으로 엉성하지만 간단한 웹 페이지를 만들고 웹에 배포(www.netlify.com)까지 해 보았습니다. 처음 만들어본 페이지라 디자인 요소는 거의 사용하지 않았으며, 계산이 필요한 부분은 자바스크립트를 사용하여 결괏값을 페이지에 간단하게 뿌려지게 만들었습니다. HTML의 여러 기능들을 직접 적용하며 각각의 요소들이 어떻게 구현되는지를 살펴보는 게 주 목적입니다. 그러다 보니 페이지 구석구석 부족한 부분이 많지만 그래도 생각한 만큼의 필요 기능을 습득하는데 상당한 도움이 된 계기가 되었습니다. 이번에 작성된 웹 페이지는 프로그래밍 학습의 연장이라 생각하여 웹에 있는 HTML 템플릿 파일을 사용하지 않고 만들어 가독성이 다소 떨어질 수 있는 점을 미리 알려드립니다. ^^ .. 2021. 12. 14.
웹 페이지 만들고 배포하기 – 자바스크립트(JavaScript) HTML로 웹 페이지를 구성하여 사용자 입력을 받은 데이터를 자바스크립트로 가공하여 특정한 값을 출력하는 간단한 웹 서비스(민망합니다.)를 만들었습니다. 자바스크립트로 사용자 입력을 제어하고 함수를 통해 계산하고 JSON 타입의 오브젝트 배열에 접근하여 자료를 참조도 해봅니다. 이번 웹 페이지를 작성하며 자바스크립트의 문법과 스크립트가 어떤 구조로 실행되는지를 조금 맛본 것 같습니다. 스크립트 언어라 쉽게만 생각했는데 자바스크립트의 장점과 단점을 모두 경험하는 좋은 계기가 되었네요. 아직 부족한 것이 많지만 그동안 작성된 스크립트를 아래와 같이 소개해 봅니다. 엑셀 데이터 몇 가지를 JSON 타입의 오브젝트 배열로 만들어 const 선언을 통해 상수를 만듭니다. 그리고 torque_calc()함수 내에서.. 2021. 12. 13.