728x90

JavaScript 9

[React] exceljs 사용법 정리 (예제 포함)

목차 exceljs 다운로드 npm install exceljs import ExcelJS from 'exceljs'; 셀 병합 // 셀 병합 ws.mergeCells('A1:D2'); 폰트 스타일 // 폰트 사이즈, 굵기, 색상 변경 ws.getCell('A1').font = { size: 18, bold: true, color: { argb: '000000' } }; 정렬 horizontal - left / center / right / fill / justify / centerContinuous / distributed vertical - top / middle / bottom / distributed / justify // 정렬 ws.getCell('A1').alignment = { horizon..

개발/React 2023.04.10

[명품 웹 프로그래밍] 8장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.377 Open Challenge 08 갬블링 게임 웹 페이지 만들기 3개의 숫자가 모두 같으면 성공하는 갬블링 게임 웹 페이지를 작성하라. 처음에는 3개의 숫자 모두 0으로 출력되지만, 각 숫자를 클릭하면 0~2 사이의 랜덤한 값으로 출력한다. 마지막 숫자를 클릭할 때 3개의 숫자를 검사하여 모두 같으면 성공한 것으로 한다. 코드 test.html 갬블링 게임 각 숫자를 클릭하면 0에서 2사이의 난수로 바뀝니다. 모두 같은 수가 나오면 승리합니다. 0 0 0 결과

개발/책 2021.11.15

[명품 웹 프로그래밍] 6장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.300 Open Challenge 08 별문자(*) 출력하기 다음 조건을 따라 prompt()로 정수를 입력받아 개수만큼 *를 출력하는 웹 페이지를 작성하라. 별 문자를 출력하는 함수를 만들고 이름을 printStar()로 하라. prompt() 입력 창에 사용자가 실수, 문자열 등 양의 정수가 입력되지 않은 경우 모두 "입력 오류입니다."를 출력하라. HINT prompt()가 리턴한 문자열을 parseInt()를 이용하여 정수로 변환하고 정수로 잘 변환되었는지 isNaN() 함수로 확인하면 된다. 코드 test.html 별 문자 출력하기 결과

개발/책 2021.11.07

[명품 웹 프로그래밍] 5장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.249 Open Challenge 05 컴퓨터 기술 소개 웹 페이지: CSS3로 태그 배치하기 CSS3의 배치 기능을 이용하여 4장의 open challeng에서 작성한 4.html, 4.css, survey4.html, survey4.css를 수정하여 다음 브라우저 출력처럼 되게 하라. 설문지 소프트웨어 기술에 대한 의견을 듣습니다. 많은 참여 부탁드립니다. 학년 1학년 2학년 3학년 4학년 성별 남 여 관심 분야 모바일 소프트웨어 웹 서비스 빅데이터 디지털 콘텐츠 및 가상 현실 진로(다중 선택) 개발 기획 영업 창업 남기고 싶은 말 Copyright 2021 by Hyunsun survey5.css html, body {..

개발/책 2021.10.18

[명품 웹 프로그래밍] 4장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.202 Open Challenge 04 컴퓨터 기술 소개 웹 페이지: CSS3로 모양 꾸미기 웹 페이지를 CSS3를 이용하여 꾸며보자. 3장의 open challenge에서 작성한 웹 페이지를 수정하여 4.html 파일로 만들고 설문조사 페이지는 survey4.html로 작성하라. 다음 사례처럼 CSS3로 독자 스스로 모양을 꾸며라. 힌트 4.html의 모양을 꾸밀 CSS3 스타일 시트는 4.css 파일로 작성하고, 4.html에 다음 코드를 추가하여 4.css 파일을 불러온다. survey4.html을 꾸밀 CSS3 스타일 시트는 survey4.css 파일로 작성하고, survey4.html에 다음 코드를 추가한다. 코드 ..

개발/책 2021.10.17

[명품 웹 프로그래밍] 2장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.104 Open Challenge 02 컴퓨터 기술 소개 웹 페이지: HTML 태그로 만들기 컴퓨터의 기술 중 한 가지를 소개하는 웹 페이지 2.html을 작성하라. HTML5 태그로 다음 요소를 모두 삽입하라. 웹 페이지가 출력되면 바로 배경 음악이 연주되게 하라. 웹 페이지가 출력되는 동시에 음악 연주 무한 반복 리스트, 표, 이미지 목차 부분은 링크로 만들고 본문에 앵커를 만들어 연결 관련 정보를 클릭하면 웹 페이지를 새 창이나 탭에 출력하도록 링크 작성 코드 스마트폰 스마트폰은 컴퓨터를 결합한 무선 휴대전화기이다. PC에서 실행되는 운영체제보다 작게 만든 모바일 운영체제를 탑재하여 인터넷 검색, 전자우편, 간단한 문서..

개발/책 2021.10.10

[명품 웹 프로그래밍] 1장 Open Challenge

생능출판사 명품 HTML5+CSS3+Javascript 웹 프로그래밍 수정판 p.58 Open Challenge 01 자기소개 HTML 페이지 만들기 본문의 그림 1-12, 1-13, 1-14를 참고하여 자신을 소개하는 HTML 페이지를 간단히 작성하라. 자기 이름 위에 마우스를 올리면 사진이 나타나도록 하라. 마우스를 내리면 사라진다. 코드 슈렉 저는 대한민국에서 태어나서 컴퓨터 공학을 전공하는 학생입니다. 제가 제일 좋아하는 과목은 웹 프로그래밍이고, 그 중에서도 자바스크립트를 제일 잘합니다. 결과

개발/책 2021.09.19
728x90