투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

시맨틱마크업 디스플레이 블럭 인라인 블럭 폼 태그 기본 개념 폼 태그는 사용자로부터 데이터를 입력할 수 있는 범위를 지정할때 사용되며 주로 내부 input 요소들이 배치되어 있습니다. 추가로 이러한 정보들을 입력받아 서버와 통신할수 있지만 이번 실습에서는 사용자로부터 값을 입력받을 수 있는 폼을 만드는것 까지 진행합니다. fieldset태그 서로 관련이 있는것을 묶을때 사용한다 label태그 체크박스를 클릭할때 네모체크박스가외에도 레이블로 감싼 곳 어디를 눌러도 체크박스에 체크가 된다. 아이디 패스워드 저장 type=”submit” form안에서 모든내용을 제출한다는 의미 제출 아이디 : 비밀번호 : 아이디 패스워드 저장 제출 $("#login").submit(function (event) { event..

중복된 숫자 갯수 문제 설명 정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ array의 길이 ≤ 100 0 ≤ array의 원소 ≤ 1,000 0 ≤ n ≤ 1,000 입출력 예 array n result [1, 1, 2, 3, 4, 5] 1 2 [0, 2, 3, 4] 1 0 입출력 예 설명 입출력 예 #1 [1, 1, 2, 3, 4, 5] 에는 1이 2개 있습니다. 입출력 예 #2 [0, 2, 3, 4] 에는 1이 0개 있습니다. 내가 푼 답 function solution(array, n) { return array.filter((e) => e === n).length } c..

문자열 뒤집기 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_string return "jaron" "noraj" "bread" "daerb" 입출력 예 설명 입출력 예 #1 my_string이 "jaron"이므로 거꾸로 뒤집은 "noraj"를 return합니다. 입출력 예 #2 my_string이 "bread"이므로 거꾸로 뒤집은 "daerb"를 return합니다. function solution(my_string) { return my_string.split('').reverse().join('') } function ..

머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n 과 k 가 매개변수로 주어졌을 때, 양꼬치 n 인분과 음료수 k 개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. function solution(n, k) { return 12000 * n + (k - parseInt(n / 10)) * 2000 } console.log(solution(10, 3)) 머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n 이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세..

오늘은 팀원들과 알고리즘 기초 풀기를 들어갔다. 짝수의 합 문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0 a + b) / numbers.length } console.log(solution([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])) 처음엔 reduce를 사용해서 풀이를 했지만 for문을 좀 더 익숙해보자 두가지로 만들었다. function solution(numbers) { let sum = 0 for (i = 0; i < numbers.length; i++) { sum += numbers[1] } return sum / numbers.length } console.log(solution([1, 2..

객체의 기본 객체란? 실제로 존재하는 사물을 의미하고 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입 객체에는 배열도 포함된다. typeop([]) //"object" 출력된 object가 객체이다. 배열은 객체 기반으로 만들어졌으며 배열에는 인덱스와 요소가 있다. 객체는 키와 값으로 표현이 된다. 키:값 const product = { 제품명: '7D 건조 망고', 유형: '당절임', 성분: '망고,설탕', 원산지: '필리핀' } 키값에는 제품명, 유형, 성분, 원산지가 들어가고 속성값에는7D건조망고, 당절임, 망고, 설탕, 필리핀이 들어간다. console.log(product['제품명']) console.log(product['유형']) console.log(product['성분'..

함수 - 코드의 집합 필요할때마다 호출하여 반복적으로 사용할 수도 있다. 익명함수 - 이름이 붙어있지 않는 함수 let 함수 = function( ) { } 선언적 함수 - 이름이 있는 함수 function 함수( ) { } 리턴값 - 함수의 최종 결과를 리턴값이다. function f(x){ return x * x } console.log(f(3)) 기본적인 함수 예제 1. 윤년을 확인하는 함수 만들기 (윤년: 2월에 29일까지도 있는 년도) 4로 나누어 떨어지는 해는 윤년이다. 하지만 100으로 나누어 떨어지는 해는 윤년이 아니다. 하지만 400으로 나누어 떨어지는 해는 윤년이다. function isLeapYear(year) { return year % 4 === 0 && year % 100 !==..

반복문 while반복문 while (condition) { // 코드 // '반복문 본문(body)'이라 불림 } condition(조건)이 truthy 이면 반복문 본문의 코드가 실행됩니다. let i = 0; while (i < 3) { // 0, 1, 2가 출력됩니다. alert( i ); i++; } i++가 없었다면 이론적으로 반복문이 영원히 반복되었을 겁니다. 그런데 브라우저는 이런 무한 반복을 멈추게 해주는 실질적인 수단을 제공합니다. 서버 사이드 자바스크립트도 이런 수단을 제공해 주므로 무한으로 반복되는 프로세스를 종료할 수 있습니다. let i = 3; while (i) { // i가 0이 되면 조건이 falsy가 되므로 반복문이 멈춥니다. alert( i ); i--; } 본문이 한 줄..