본문 바로가기

비개발자의 개발 일지

현장 팀장에서 수출 ERP까지 — AI와 함께 시스템을 만든 기록

시리즈 보기
반응형

javascript60

Canvas 기초 도형 완전 정리 Web Development · CanvasCanvas 기초 도형canvas 만들기, 2D context, 사각형, 선, 삼각형, 텍스트 그리기를 정리합니다.시작 오늘 분석할 코드Canvas는 HTML 안에 그림을 그릴 수 있는 비트맵 영역입니다. canvas 요소 자체는 도화지고, 실제 선과 도형은 JavaScript에서 2D context를 얻어 그립니다.const canvas = document.getElementById('myCanvas'); const context = canvas.getContext('2d'); context.beginPath(); context.rect(30, 30, 50, 50); context.strokeStyle = 'blue'; context.stroke(); cont.. 2026. 7. 7.
JavaScript 기초 문법 실습 완전 정리 Web Development · JavaScriptJavaScript 기초 문법 실습이벤트 함수, return, switch, 반복문, do-while, break를 정리합니다.시작 오늘 분석할 코드이 폴더는 JavaScript 기초 문법과 객체 배열 실습을 모은 장입니다. 함수, 조건문, 반복문, switch, break, prompt, eval, 객체 배열을 작은 예제로 나누어 확인합니다.function over(obj) { obj.style.background = "yellow"; } function out(obj) { obj.style.background = "white"; } function big(a, b) { let n = parseInt(a); let m = parseInt(b); if (.. 2026. 7. 7.
JavaScript 객체 배열 · eval 수식 완전 정리 Web Development · JavaScriptJavaScript 객체 배열 · evalprompt/eval 수식 계산과 책 객체 배열 생성, 최고가 찾기를 정리합니다.시작 오늘 분석할 코드이 폴더는 JavaScript 기초 문법과 객체 배열 실습을 모은 장입니다. 함수, 조건문, 반복문, switch, break, prompt, eval, 객체 배열을 작은 예제로 나누어 확인합니다.let str = prompt("수식 입력", ""); if (str == null) document.write("입력된 식이 없습니다."); else document.write(str + " = " + eval(str)); let bookArray = new Array(); for (let i = 0; i eval문자열.. 2026. 7. 7.
JavaScript 객체 생성 · 배열 완전 정리 Web Development · JavaScriptJavaScript 객체 생성 · 배열book 객체 생성 방식, 문자열 배열, split, reverse 예제를 정리합니다.시작 오늘 분석할 코드이 장은 JavaScript의 기본 데이터 구조와 브라우저 출력 연습을 묶은 내용입니다. 객체를 만드는 방식, 배열을 순회하고 정렬하는 방식, Date와 색상 문자열을 화면에 반영하는 흐름을 구분합니다.let book = new Object(); book.title = "HTML5"; book.author = "황기태"; book.price = 20000; let book2 = { title: "HTML5", author: "황기태", price: 20000 }; function Book() { this.titl.. 2026. 7. 6.
반응형

티스토리툴바