JavaScript15

• 

  웹디자이너 자격증 취득 및 취업, 연봉 웹디자인은 현대 사회에서 필수적인 기술로 자리 잡았습니다. 다양한 디지털 콘텐츠가 생겨남에 따라 웹디자이너의 중요성은 날로 커지고 있으며, 이와 더불어 자격증의 수요도 증가하고 있습니다. 웹디자이너 자격증은 직업의 전문성을 증명하며, 취업 시장에서 경쟁력을 갖추기 위한 중요한 요소로 평가받고 있습니다. 이 글에서는 웹디자이너 자격증과 관련된 여러 가지 정보를 상세히 설명하고자 합니다.웹디자이너 자격증 소개학과소개웹디자인 관련 학과웹디자이너 자격증을 취득하려면 관련 학과에서의 학습이 도움이 될 수 있습니다. 대표적으로 웹디자인, 그래픽 디자인, 컴퓨터 공학 등이 웹디자이너로서의 기초적인 소양을 쌓을 수 있는 학과입니다.웹디자인 학과는 디자인 원리와 사용자 경험(UX) 디자인, 인터페이스(UI) 디자인 등의.. 팁/자격증 2024. 9. 14.

• 

  Certified Web Professional 자격증 취득 방법 - Web Developer (CWP) 디지털 전환이 가속화됨에 따라 웹 개발자에 대한 수요는 계속해서 증가하고 있으며, 전문적인 인증을 통해 실력을 증명하는 것은 경력 발전에 큰 도움이 됩니다. 이에 따라 Certified Web Professional (CWP) - Web Developer 인증에 대해 알아보도록 하겠습니다.  학과소개 웹 개발자란?웹 개발자의 역할웹 개발자는 웹사이트나 웹 애플리케이션을 설계, 개발, 유지보수하는 역할을 합니다. 이들은 클라이언트와 서버 사이의 상호작용을 구현하며, 데이터베이스와의 연동 작업도 수행합니다.프론트엔드 개발자는 사용자가 직접 상호작용하는 부분을 개발합니다. 이들은 HTML, CSS, JavaScript 등을 사용하여 웹사이트의 외관과 사용자 경험을 설계합니다.백엔드 개발자는 서버 측 논리, 데.. 팁/IT 팁 2024. 5. 27.

• 

  Certified Web Developer (CWD) - 웹 개발 자격증 취득 방법 Certified Web Developer (CWD) 자격증은 그 유용성과 명성으로 인해 주목받고 있습니다. 이 블로그 포스트는 CWD에 대한 전반적인 이해를 돕기 위해 작성되었습니다.  Certified Web Developer (CWD) 학과소개학과 개요Certified Web Developer (CWD) 프로그램은 웹 개발 분야에서 고급 지식과 기술을 습득하기 위해 설계된 학과입니다.이 학과는 최신 웹 기술과 도구를 다루며, 실무 중심의 교육을 통해 학생들이 현업에 바로 투입될 수 있도록 합니다.HTML, CSS, JavaScript, 프론트엔드 및 백엔드 프레임워크 등 다양한 웹 기술을 포괄적으로 배우게 됩니다.실습 프로젝트를 통해 이론적인 지식을 실제로 적용할 수 있는 기회를 제공합니다.업계 전.. 팁/일상 팁 2024. 5. 27.

• 

  HTML, CSS 및 JavaScript를 사용하여 웹 아날로그 시계를 만드는 방법 HTML, CSS 및 JavaScript를 사용하여 웹 아날로그 시계를 만드는 방법 bing GPT로 생성한 AI코딩 아래는 HTML, CSS 및 JavaScript를 사용하여 아날로그 시계를 만드는 방법입니다. bing GPT로 질문하여 얻은 대답으로 만든 웹 아날로그 시계입니다. HTML, CSS 및 JAVASCRIP를 사용하여 만들어 달라고 했습니다. 위의 코드는 HTML, CSS 및 JavaScript를 사용하여 아날로그 시계를 만드는 방법을 보여줍니다. 이 코드를 사용하여 웹 페이지에 아날로그 시계를 추가할 수 있습니다. 시계의 크기와 색상을 변경하려면 CSS를 수정하십시오. 시계의 시, 분 및 초를 조정하려면 JavaScript를 수정하십시오. 아래는 웹 코딩으로 작업된 아날로그 시계 적용 시.. 프로그래밍/자바스크립트 2023. 11. 24.

• 

  [자바스크립트] 예외 처리 - try catch finally 문 예외 처리 프로그래밍을 하다 보면 예상치 않은 곳에서 오류가 발생할 때가 있다. 그 오류가 문법적인 오류일 때도 있고, 정상적인 문법인데도 오류가 발생할 때가 있다. 에러 (Error) - 문법적 오류일 때 발생하는 오류. try{}catch{} 문으로 해결할 수 없는 오류. 예외 (Exception) - 정상적인 문법인데 프로그램 실행 중 발생하는 오류. try{}catch{} 문으로 해결할 수 있는 오류. 예외 처리 방법 프로그램에서 예외가 발생하면 프로그램이 멈춰버리는 상황이 발생한다. 그래서, 프로그램에서 예외 발생시 이를 처리하기 위해 try{}catch{}finally문을 사용한다. 1. try{}문 : 예외가 발생될거라는 의심가는 부분에 try{}문으로 감싸고, 2. catch{}문 : 그 .. 프로그래밍/자바스크립트 2017. 8. 30.

• 

  [자바스크립트] window.moveBy() window.moveTo() - window 이동하기 윈도우 이동 - window.moveTo(x, y) | window.moveBy(x, y) window객체의 멤버 메소드(moveTo(), moveBy())로 윈도우를 이동 시킨다. window.moveTo(x1, y1) : 윈도우를 화면 (x1, y1) 에 위치시킨다. window.moveBy(x2, y2) : 윈도우를 화면 현 위치에서 (x2, y2) 만큼 이동시킨다. 사용 예 [script] // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px'); childWindow.document.write('window move'); // 윈도우 시작 좌표 - 단위 px childWindow.moveTo(100, 100.. 프로그래밍/자바스크립트 2017. 8. 28.

• [자바스크립트] Date 객체 및 D-day(디데이 날짜 및 시간 계산 Date 객체 날짜 및 시간을 구하는 객체 Date 객체 생성 new Date() : 현재 날짜 및 현재 시간를 가진 객체 생성 new Date(년, 월 - 1, 일, 시, 분, 초, 밀리 초) : 매개변수 값으로 날짜를 가진 객체가 생성된다. 월 계산시 (-1)을 주의 사용 예 // 현재 날짜 구하기 var now = new Date(); // 날짜 객체 생성하기 var newDay = new Date(2020, 7, 1, 10, 20, 30, 40); document.write("now : " + now); document.write(" "); document.write(" "); document.write("newDay : " + newDay); document.write(" "); 결과값 Date.. 프로그래밍/자바스크립트 2017. 8. 27.

• 

  [자바스크립트] 문서 객체 동적 생성 - createElement(), createTextNode(), appendChild(), innerHTML() 문서 객체 동적 생성 문서 객체 동적 생성(1) HTML 에 정의 되어 있지 않은 요소 노드와 텍스트 노드를 동적 생성한다. 아래에서 요소 노드와 텍스트 노드에 대해 알아본다. 본문 내용 동적 생성하기 html, head, title, body 와 같은 태그를 요소 노드라 한다 태그 사이에 '문서 객체 동적 생성' 또는 태그 사이에 있는 '본문 내용 동적 생성하기' 를 텍스트 노드라 한다. 문서 객체를 동적 생성을 위해 아래를 참고한다. 요소 노드 생성 : createElement(tag) - html 태그를 매개변수로 넘긴다. 텍스트 노드 생성 : createTextNode(text) - html 태그 사이에 넣을 텍스트를 매개변수로 넘긴다. html에 연동 하기 appendChild(노드) : 위에서.. 프로그래밍/자바스크립트 2017. 8. 25.

• 

  [자바스크립트] window.resizeTo(), window.resizeBy() - 윈도우 크기 변경 윈도우 크기 - window.resizeTo(x, y) | window.resizeBy(x, y) window객체의 멤버 메소드(resizeTo(), resizeBy())로 윈도우 크기를 변화 시킨다. window.resizeTo(x1, y1) : 윈도우를 화면 (x1, y1) 의 크기를 가진다. window.resizeBy(x2, y2) : 윈도우를 화면을 현 크기에서 (x2, y2) 만큼 증가시킨다. 사용 예 [script] // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px'); childWindow.document.write('window resize'); // 윈도우 시작 크기 - 단위 px childWi.. 프로그래밍/자바스크립트 2017. 8. 24.

• 

  [자바스크립트] window.open() 속성 및 사용법 window.open() 윈도우 새창을 생성할 때 호출한다. 자식 윈도우로 접근할 수 있다. 새창 (자식)윈도우 생성 window.open([URL], [NAME], [FEATURES], [REPLACE]); [URL] : 새창으로 띄울 웹 페이지 주소 [NAME] : 새창 이름 [FEATURES] : 새창의 옵션(크기, 위치, 메뉴바 등의 옵션 설정) [REPLACE] : 히스토리 리스트 옵션 사용 예 var childWindow01 = window.open('', 'child01', 'top=100px, left=100px, height=500px, width=500px'); childWindow01.document.write('자식창 childWindow01'); childWindow01.docum.. 프로그래밍/자바스크립트 2017. 8. 23.

• [자바스크립트] Math 객체 메소드 Math 객체 수학계산에 쓰이는 Math객체 Math객체는 생성하지 않고 객체자체를 바로 사용한다. 객체 속성 Math.E : 오일러상수 값 (2.718281828459045) Math.LN10 : 밑수가 10인 사용로그 값 (2.302585092994046) Math.LN2 : 밑수가 2인 자연로그 값 (0.6931471805599453) Math.PI : 원주율 값 (3.141592653589793) Math.SQRT2 : 2의 제곱근값 (1.4142135623730951) Math 객체의 메소드 Math.abs(x) : x의 절대값 리턴 Math.ceil(x) : x보다 크거나 같은 수 중 가장 작은 정수값를 리턴 Math.floor(x) : x보다 작거나 같은 수 중 가장 큰 정수값을 리턴 Mat.. 프로그래밍/자바스크립트 2017. 8. 21.

• 자바스크립트 내장 함수 내장 함수 자바스크립트에서 기본으로 제공하는 함수를 말한다. 많이 봐왔던 alert()가 대표적인 내장 함수이다. 그 외에 다른 내장 함수를 살펴본다. 입력창 > prompt() // 입력창 // prompt(param1, param2); var result = prompt('알림 메시지', '입력 메시지'); document.write("prompt 입력 결과값: " + result + " "); 타이머 함수 > setTimeout() / clearTimeout() / setInterval() / clearInterval() // 타이머 함수 // 특정 시간에 함수를 실행하는 함수 // setTimeout(함수, 시간/ms) - 일정 시간 후 함수를 한번 실행한다. var timeoutID = setT.. 프로그래밍/자바스크립트 2017. 3. 10.