우니셀렉트

Q1. 함수에 대한 설명으로 올바른 것을 고르시오. (2) 코드를 반복하기 위한 도구 코드를 잘 정리정돈하기 위한 도구 코드를 실행할지 선택하는 도구 값을 순서대로 정리해주는 도구 더보기 [해설] 함수를 사용하면 코드의 관리가 용이해지고 짧아져 성능은 물론 유지보수 관리가 쉬워진다. Q2. 함수의 장점으로 올바르지 않은 것을 고르시오. (4) 특정 기능이 변경될 때 한 곳만 수정하여 해결할 수 있다. 공통된 코드가 한줄로 줄어들어 웹 페이지의 크기가 줄어든다. 사용하는 곳에서 기능이 모두 동일하다는 것을 확신할 수 있다. 여러 값을 하나의 변수에 순서대로 담을 수 있다. 더보기 [해설] 여러 값을 하나의 변수에 담는 것은 불가능하다. Q3. 함수를 선언하기 위한 키워드로 올바른 것을 고르시오. (2) w..

함수(function)란? nightdayhandler라는 함수를 통해 모든 input 태그를 핸들링 할 수 있다. 함수 사용의 장점 1. 코드의 유지보수가 쉬워진다. 하나의 함수를 여러군데에서 사용할 때, 이를 하나하나 바꿔줄 필요 없이 함수를 만들어 준 곳에서만 바꿔주면 된다. 즉, 효율성과 실수를 줄여준다. 2. 코드의 길이가 짧아진다. 같은 코드가 계속해서 반복되는 것을, 딱 한 번만 써줌으로 인해서 웹페이지의 크기를 줄여줄 수 있고, 이로 인해 전송 속도가 빨라진다. 즉, 성능이 좋아진다. 3. 함수를 사용하면 두 코드가 논리적으로 같다는 것을 한 번에 알 수 있고, 적절한 이름을 붙여주면 이 코드가 어떤 일을 하는지 한 눈에 알 수 있다. 즉, 다른 사람이 내가 작성한 코드를 보기 용이해지고 ..

Q1. 다음 중 연산 결과가 Boolean이 아닌 것을 고르시오. (2) x===y x=y xx>y 더보기 [해설1] Boolean 자료형은 값이 Ture 이거나 False이다. '=' 는 대입 연산자이다. Q2. 다음 코드의 실행 결과로 옳은 것을 고르시오. (3) var num = 2; if (num === 1) { document.write("사과"); } else { document.write("딸기"); } if (num === 2) { document.write("바나나"); } else { document.write("수박"); } 딸기수박 사과수박 딸기바나나 사과바나나 더보기 [해설2] 변수 num은 2 이므로 첫번째 조건문에서 1이 아니므로 딸기가 출력되며,두번째 조건문에서 2가 맞으므로..

컴퓨터 언어 vs 프로그래밍 언어 프로그램에는 순서가 있으며, 이러한 순서를 만드는 것이 프로그래밍 언어이다. 즉, HTML로 만든 웹페이지는 시간의 순서가 없고 한번 만들어지면 변하지 않는다. 반면에 Javascript는 사용자와 상호 작용하며 시간에 따라 여러 기능이 실행된다. 따라서, HTML은 컴퓨터 언어이지만 프로그래밍 언어는 아니다. 조건문(if/else) 프로그램이 조건에 따라서 다른 기능들이 다른 순서에 따라서 실행되도록 만들어 주는 것 if(document.querySelector('#night_day').value === 'night') { document.querySelector('body').style.backgroundColor = 'black'; document.querySele..

Q1. Javascript의 특징으로 올바른 것을 고르시오. (1) 웹 페이지를 동적으로 만들어주는 언어이다. 웹이 세상에 처음 등장했을 때 사용하던 단 하나의 언어이다. 화면에 웹을 보여주고 그 모습 그대로를 유지하는 언어이다. 웹 페이지를 디자인하기 위한 언어이다. 더보기 [해설1] 2. 웹이 세상에 처음 등장했을 때 사용하던 단 하나의 언어는 HTML이다. 3. 화면에 웹을 보여주고 그 모습을 그대로 유지하는 언어는 HTML이다. 4. 웹 페이즈를 디자인하기 위한 언어는 CSS이다. Q2. HTML에 Javascript를 작성하기 위해 사용하는 태그를 고르시오. (1) 더보기 [해설2]2. 는 웹페이지의 본문을 나타내기 위한 태그이다. 3. 는 메타데이터를 정의하기 위한 태그이다. 4. 는 제목을 ..

1주차에는 전반적인 웹과 Javascript의 개요에 대해서 소개하며, HTML, CSS, Javascript 기초 개념 및 문법에 대해 설명한다. 1) HTML + CSS + Javascript = Web Page 정적인 HTML(Hyper Text Markup Language)을 이용해 웹페이지를 만들고, 동적인 Javascript를 이용해 정적인 HTML을 동적으로 만들고, CSS(Cascading Style Sheets)을 이용해 웹페이지에 있는 요소들의 디자인을 바꾸는 것 2) HTML과 Javascript 차이 1+1 동적인 Javascript 코드의 결과값은 2가 출력될 것이고, 정적인 html 코드의 결과값은 1+1이 출력될 것이다. 3) Javascript 이벤트(Event) 이벤트(Ev..

부스트코스란? www.boostcourse.org/ 다 함께 배우고 성장하는 부스트코스 부스트코스(boostcourse)는 모두 함께 배우고 성장하는 비영리 SW 온라인 플랫폼입니다. www.boostcourse.org 부스트코스의 강의를 수강하고 학습내용 혹은 후기를 자신의 블로그에 기록하고 자신의 성장을 공유하며 더불어 부스트코스도 알리는 온라인 대외활동으로 프로그래밍 학습에 관심을 가진 분들이면 누구나 지원할 수 있다. 새해 첫 목표로 무엇을 해볼까 고민하던차 우연히 부스트코스 공식블로그에서 3기 모집 공고를 보게 되었고, 평소 관심있었던 웹 프로그래밍 강좌가 포함되어 있어 신청하였다. 서포터즈 3기 코스는? 1. 쉽게 배우는 자바 https://www.boostcourse.org/cs126/joi..