odada

웹디자인기능사 실기&필기 샘플파일 https://github.com/oodada/exam-webdesign 웹디자인기능사 실기 소스 다운받기 1. VScode 설치하기 html, css, js를 메모장에서 작업해도 되지만 더 쉽게 작업할 수 있도록 도와주는 프로그램을 이용하는 것이 좋습니다. 큐넷 공개문제 자료실 을 확인해보면 Visual Studio Code를 사용한다고 적혀 있으니 VScode를 설치해 작업합니다. VScode 다운로드 VScode 설치 가이드 2. Chrome 설치하기 실무에선 Internet Explorer 대신 Chrome을 사용합니다. Chrome을 설치해 테스트 합니다. Chrome 다운로드 3. 폴더 만들기 A-1 예제를 실습해볼 예정입니다. 윈도우 탐색기를 열어 "A-1-..

실기자료 https://github.com/oodada/exam-webdesign 웹디자인기능사 공개문제 바로가기 위 링크 웹디자인기능사 공개문제를 다운 받으신 후 공개문제 위주로 실기연습하시면 됩니다. 20개 유형 중 한 개의 문제가 출제되니 모든 문제를 풀어보시고 시험보시면 됩니다. 실기 A-1 요구사항 1. 시험시간 내에 웹페이지를 제작 후 5MB 용량이 초과되지 않게 저장 후 제출한다. 작업 완료 후 폴더를 오른쪽 클릭 후 속성을 확인하시면 작업 폴더의 용량을 확인할 수 있습니다. 2. 웹페이지 코딩은 HTML5 기준 웹 표준을 준수한다. html 기본 셋팅시 html5를 기준으로 합니다. w3schools html 가이드 This is a Heading This is a paragraph. 3...

웹디자인기능사 필기, 실기 자료 github https://github.com/oodada/exam-webdesign 필기자료 아래 링크의 웹디자인기능사 기출문제 위주로 문제를 외워가시면 충분히 합격 가능합니다. 기능사 문제이기에 문제를 많이 변형하지도 않습니다. 기출문제에서 순서만 바꿔서 나옵니다. 달달 외워가세요~ 웹디자인기능사 기출문제 바로가기 실기자료 큐넷에 가면 출제기준, 공개문제 등의 자료를 얻을 수 있고 공개자료 20개를 연습해간다면 충분히 합격가능하다. https://www.q-net.or.kr/crf005.do?id=crf00505&jmCd=7798 출제기준 웹디자인기능사 출제기준(2022.1.1.~2024.12.31.).hwp 출제기준 다운로드 [공개]23년_웹디자인기능사.zip 공개문..

웹디자인기능사 시험정보 큐넷 시험정보 바로가기 취득방법 시 행 처 : 한국산업인력공단 시험과목 필기 : 1.디자인일반 2.인터넷일반 3. 웹그래픽디자인 실기 : 웹디자인 실무작업 검정방법 필기 : 객관식 4지 택일형 60문항(60분) 실기 : 작업형(4시간 정도) 활용소프트웨어 합격기준 : 100점 만점에 60점 이상 득점자. 시험일정 시험 일정 확인 후 필기 합격 후 실기 접수가 가능합니다. 2022년 일정은 아직 나오지 않았습니다. 시험정보 웹디자인기능사 출제기준(2022.1.1.~2024.12.31.) 2022년부터 웹디자인기능사의 출제기준이 변경되었습니다. 위 파일을 다운 받아 변경된 출제기준 확인 바랍니다. 공개문제 [공개문제]웹디자인기능사 ※ 실제 출제 되는 문제는 공개한 문제에서 일부 변경될..

GitHub github의 블로그에 나의 https://oddodd.io/ 도메인을 연결하려고 한다. 도메인 연결 전 가비아 등 도메인 구매 업체에서 DNS 설정 변경 - DNS 관리 https://dns.gabia.com/ [홈 > DNS 관리 > DNS 설정 > 레코드 수정 > 레코드 추가] CNAME의 값/위치를 입력할 때는 마직막에 .(점)을 입력한다. 타입 호스트 값/위 TTL CNAME @ 깃헙아이디.github.io. 600 CNAME www 깃헙아이디.github.io. 600 A @ 185.199.108.153 1800 A @ 185.199.109.153 1800 A @ 185.199.110.153 1800 A @ 185.199.111.153 1800 - 도메인 연결 아이디.github...

함수(Function)1. 함수 선언하기함수 선언문과 표현식의 차이점함수 선언문은 호이스팅이 일어나지만, 함수 표현식은 호이스팅이 일어나지 않는다.// 함수 선언문 (Declaration)function helloA() {}// 함수 표현식 (Expression)const helloB = function () {};helloA(); // 함수 호출helloB(); // 함수 호출2. 호이스팅이란?함수 선언문이 코드의 최상단으로 끌어올려지는 것을 말한다.함수 선언문은 선언하기 전에 호출해도 정상적으로 실행된다.hello1();function hello1() { console.log('hello1'); // hello1}하지만, 함수 표현식은 호이스팅이 일어나지 않기 때문에, 함수 표현식을 선언하기 전..

구문(Statement)1. 구조 분해 할당 (Destructuring assignment)객체나 배열을 변수로 '분해'할 수 있게 하는 문법객체의 속성을 해체하여 그 값을 변수에 담을 수 있게 하는 표현식- 배열의 구조 분해const arr = [1, 2, 3];// const a = arr[0]// const b = arr[1]// const c = arr[2]const [a, b, c] = arr; // 구조 분해 할당// 배열 데이터를 만든 후 arr 변수에 할당console.log(a, b, c); // 1 2 31) 각각의 변수가 미리 할당되어 있을 경우let a = 0;let b = 0;let c = 0;const arr = [1, 2, 3];// 초기화 후 재할당 가능[a, b, c] = ..

home : https://splidejs.com/ option : https://splidejs.com/guides/options/#type 1. Getting Started CDN - html - scss .slide-intro { .splide { max-width: 800px; margin: 0 auto; position: relative; } .splide__track { overflow: visible; } .splide__slide img { width: 100%; height: auto; } } - js var splide = new Splide( '.splide', { type : 'slide', // perPage: 2, padding: '5rem', gap: '10px', start:..

연산자(Operator)1. 산술(Arithmetic) 연산자+, -, *, /, %// 덧셈 연산자console.log(1 + 2); // 3// 뺄셈 연산자console.log(5 - 7); // -2// 곱셈 연산자console.log(3 * 4); // 12// 나눗셈 연산자console.log(10 / 2); // 5// 나머지 연산자console.log(7 % 5); // 2function isEven(num) { return num % 2 === 0;}console.log(isEvent(3)); // falseconsole.log(isEvent(4)); // true2. 할당(Assignment) 연산자a = bconst a = 1;console.log(a); // 1let aa = 1..

JS데이터(JSData)html, css : 모양 기반javascript : 데이터 기반0. ECMAScriptECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다.위키백과 :https://ko.wikipedia.org/wiki/ECMA%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B81. String (문자)'가나다라마바사'string은 문자열을 나타내는 데이터 타입const string1 = 'Hello'; // 큰따옴표const string2 = 'odada!'; // 작은따옴표const string3 = `Hello World! ${string1} ${str..