Record

현대사회에서 많은 사람들이 데이터 라는 것을 만들어 낸다. 가령 페이스북 좋아요 / 유튜브 구독등도 모두 데이터로 만들어서 데이터베이스라는 곳에 저장이 된다. 데이터 베이스란 일정한 체계 속에 저장된 데이터의 집합이다. 그리도 데이터는 데이터베이스 안에서 table이라는 단위로 저장된다. 이런 표 형식으로 저장 된 데이터을 테이블이라고 한다. 물론 하나의 데이터베이스 안에는 여러가지 테이블이 존재할 수 있다. 그리고 여러게의 데이터베이스도 만들 수 있는데 이렇게 많은 테이블과 데이터베이스를 만들어 정보를 관리하게 되면 아무리 많은 양의 정보라도 체계적으로 관리 할 수있다.

assign메소드는 주로 객체를 복사하거나 병합할떄 사용하는 함수이다. 함수의 예제 식은 아래와 같다. Object.assign(target, ...sources) let espresso = ['espresso']; let americano = Object.assign( [], espresso); americano.push('water'); let caffeLatte = Object.assign( [], espresso);; caffeLatte.push('milk'); let caffeMocha = Object.assign([], caffeLatte); caffeMocha.push('chocolateSyrup'); let vanillaLatte = Object.assign([], caffeLatte); ..

function calculateChange(payment, cost) { // 코드를 작성해 주세요. let cal = payment - cost; let oMan, man, oChun, chun; // 오만원 계산 oMan = (cal - (cal % 50000)) / 50000; cal -= 50000 * oMan; // 만원 계산 man = (cal - (cal % 10000)) / 10000; cal -= 10000 * man; // 오천원 계산 oChun = (cal - (cal % 5000)) / 5000; cal -= 5000 * oChun; // 천원 계산 chun = (cal - (cal % 1000)) / 1000; cal -= 1000 * oChun; console.log(`5000..

회문 또는 팰린드롬은 거꾸로 읽어도 제대로 읽는 것과 같은 문장이나 낱말, 숫자, 문자열 등이다. 이것을 확인하는 코드를 구현하자. function isPalindrome(word) { let x = word; if(x.split("").reverse().join("") == word){ return true; } else { return false; } } // 테스트 코드 console.log(isPalindrome("racecar")); console.log(isPalindrome("stars")); console.log(isPalindrome("기러기")); console.log(isPalindrome("123321")); console.log(isPalindrome("hello")); conso..

위와 같은 달력의 UI를 만들어보자. 실질적으로 작동하는 달력은 아니다. 하지만 접근성에 따라 제작하였고 FE나 퍼블리셔를 꿈꾸거나 공부하시는 분은 꾸미는 방법을 알아야하니 시작하자. 전체코드 html calendar 일 월 화 수 목 금 토 30 1 국군의 날 2 3 개천절 4 5 6 7 8 9 음 9.1 한글날 10 11 12 13 14 15 16 17 18 19 20 21 22 23 음 9.15 24 25 26 27 28 29 30 31 1 2 3 css .blind{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px..

코드잇 팀나누기 실습 코드입니다. 문제는 아래와 같습니다. 오늘은 풋살 동아리 경기가 있는 날입니다. 총인원 10명이서 5명씩 팀을 나누려고 하는데요. 실력이 비슷한 사람들끼리 가위바위보를 했고, 이긴사람이 0번 index, 진 사람이 1번 index 배열을 만들어 정리했습니다. 다음 groups 배열을 가지고, 이긴 사람끼리 그리고 진 사람끼리 팀을 나눠 teams 배열을 완성해 주세요. let groups = [ ['영준', '캡틴'], ['태순', '우재'], ['재훈', '지웅'], ['윤형', '동욱'], ['규식', '소원'] ] let teams = [ [], [] ]; for(let i = 0; i < groups.length; i++) { for(let j = 0; j < groups[i..

// 배열의 값 추가/삭제/수정 // splice(startIndex, deleteCount, item) let hobby = ['축구', '농구', '야구', '골프', '탁구']; for(let i = 0; i < hobby.length ; i++){ console.log(hobby[i]); } // 출력 : 축구 농구 야구 골프 탁구 // 첫번째 요소 삭제 index 임으로 0부터 시작 hobby.splice(0, 1); // 출력 : 농구 야구 골프 탁구 // 첫번째 요소를 삭제 후 그 자리에 테니스 삽입 hobby.splice(0, 1, '테니스'); // 출력 : 테니스 야구 골프 농구 // 두번째 요소 부터 3개 삭제 후 그 자리에 럭비 족구 스카이다이빙 삽입 hobby.splice(1, 3..

배열 Array 만드는 방법은 대괄호[] 를 사용합니다. let anime = ['원피스', '나루토', '강철의 연금술사', '빨간머리 앤']; 이 값을 불러올때는 인덱스 값을 사용하여야 하는데, 여기서 주의점은 인덱스값은 0 부터 시작한다는 것이다. anime라는 이름을 가진 배열안에 '원피스', '나루토', '강철의 연금술사', '빨간머리 앤' 이 있는데 이 이름의 나열 순서대로 0번부터 번호가 붙는다고 생각하면 된다. 그래서 값을 가져올때는 console.log(anime[0]); // 원피스 console.log(anime[1]); // 나루토 console.log(anime[2]); // 강철의 연금술사 console.log(anime[3]); // 빨간머리 앤 console.log(anime..

자바스크립트 Date함수는 날짜와 시간을 위한 메소드를 제공하는 함수입니다. D-day 계산기나 달력이나 이런 부분들을 개발할 때에 사용하고 시간이나 알림등에도 사용하는 아주 중요한 함수입니다. 예를들어 여자친구와 사귄지 얼마나 되었는지 계산할 때 어떻게 할지 아래 코드를 사용해 보았습니다. let today = new Date(2020, 8, 27); let loveing = new Date(2013, 1, 10); function loveDay(loveDate) { // 여기에 코드를 작성해 주세요. let td = today.getTime() / (1000*60*60*24); let sd = loveDate.getTime() / (1000*60*60*24); console.log(`오늘은 만난지 $..

자바스크립트에 여러가지 문법중 for..in에 대해서 알아보자. for in문은 모든 객체에 사용할 수 있고 , key 값과 value 값을 뽑아내는데 굉장히 유용하다. 사용 예시는 아래와 같다. for (변수 in 객체){ 동작부분 } let sum = 0; for(let k in list){ sum += scoreObject[k]; } 이런 형식이다. 반복문내에 들어가면 그 안에서 선언한 k의 값이 list에 있는 값을 처음부터 끝까지 돌면서 뽑아온다. 예시 코드를 보자. let list = { '데이터 모델링의 이해': 10, '데이터 모델과 성능': 8, 'SQL 기본': 22, 'SQL 활용': 18, 'SQL 최적화 기본 원리': 20 }; function listChecker(list) { ..