자바스크립트(41)
-
Web UI 개발 (Front End) ... Part 1
사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 23일 2. Web UI 개발 - FE Window 객체와 setTimeout window 객체: 브라우저 개발 시 자주 활용되는 객체로, 많은 메서드를 포함하고 있음 형태: window.메서드( ), 메서드( ) window 객체는 전역 객체이므로 생략하더라도 메서드가 동작 예시) alert, setTimeout, setInterval 등 setTimeout(callback, delay) 비동기(asynchronous)로 실행되는 함수로, 다소 낯설게 동작함 인자로 즉시 실행되지 않고 나중에 실행되는 callback 함수를 받음 작동되는 순서 setTimeout 실행 브라우저(Web API)가..
2020.04.02 -
JavaScript (Front End) ... Part 2
사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 21일 1. JavaScript - FE JavaScript의 함수 참고자료: Functions - JavaScript | MDN "JavaScript를 잘 이해한다" === "JavaScript 함수를 잘 이해한다" 함수: 매개변수에 해당하는 인자(argument)를 받아 실행됨 매개변수와 인자의 갯수가 반드시 동일하지 않아도 됨 매개변수 > 인자: 인자가 없는 매개변수의 값은 undefine가 됨 매개변수 < 인자: 여분의 인자는 무시됨 함수를 선언하는 두 가지 방법 함수 선언문: 일반적인 선언 방법 형태: function 함수명(매개변수) { 함수 호출 시 실행 코드 } 함수표현식: 변수에..
2020.04.02 -
JavaScript (Front End) ... Part 1
사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 19일, 20일 0. 소개 기본 개념 서비스의 구조가 단순하더라도 백엔드 관련 배경지식은 상당히 많이 필요 데이터: 웹사이트에 표시되는 내용 데이터베이스: 데이터를 관리하는 데 필요한 프로그램 JDBC: Java에서 데이터를 쓰고, 읽고, 수정, 삭제하는 데 쓰이는 프로그램 부스트코스에선 MySQL 데이터베이스, Spring JDBC를 이용 FE(Front End)의 Key Point JavaScript: 웹 화면의 다양한 요소를 움직이는 데 쓰이는 프로그래밍 언어 DOM, 이벤트, 서버와 통신하는 Ajax BE(Back End)의 Key Point JSP Servlet과 쓰는 방법이 다르지만,..
2020.04.02 -
JavaScript 코딩 연습 / The Most Wanted Letter
문제 / 웹사이트 알파벳 현상수배 (The Most Wanted Letter) / CheckiO 난이도 Simple / 초급 내용 알파벳으로 이루어진 문장에서, 대소문자 구분 없이 가장 많은 빈도로 나타난 알파벳을 추출하는 함수를 작성하세요. ※ 가장 많은 빈도로 나타나는 알파벳이 여럿일 경우, 알파벳 순서로 맨 앞의 알파벳 하나만을 추출합니다. 예시 mostWanted("Hello World!") == "l" mostWanted("How do you do?") == "o" mostWanted("One") == "e" mostWanted("Oops!") == "o" mostWanted("AAaooo!!!!") == "a" mostWanted("abe") == "a" 모범 답안 "use strict"; f..
2020.03.25 -
JavaScript 코딩 연습 / K번째 수
문제 / 웹사이트 K번째 수 / 프로그래머스 난이도 Level 1 내용 모의고사를 치게 된 3명의 학생이 각각 [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...], [2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...], [3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5]의 패턴대로 문제를 찍기로 했습니다. 1번부터 마지막 문제까지의 정답이 들어있는 'answers' 배열이 주어질 때, 가장 많은 문제를 맞힌 학생의 번호을 구하는 함수를 작성하세요. ※ 가장 높은 점수를 받은 사람이 여럿일 경우, return 값은 오름차순으로 정렬되어 있어야 합니다. 예시 array commands return..
2020.03.17 -
JavaScript 코딩 연습 / 모의고사
문제 / 웹사이트 모의고사 / 프로그래머스 난이도 Level 1 내용 모의고사를 치게 된 3명의 학생이 각각 [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...], [2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...], [3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5]의 패턴대로 문제를 찍기로 했습니다. 1번부터 마지막 문제까지의 정답이 들어있는 'answers' 배열이 주어질 때, 가장 많은 문제를 맞힌 학생의 번호을 구하는 함수를 작성하세요. ※ 가장 높은 점수를 받은 사람이 여럿일 경우, return 값은 오름차순으로 정렬되어 있어야 합니다. 예시 answers return [1, 2, ..
2020.03.17