Record

화질구지 ... 죄송합니다. 카드 CSS/JS를 활용하여 뒤집는 인터랙션을 준 모습입니다. 구현코드는 아래와 같습니다. 부트스트랩/제이쿼리 연동하셔야 정상작동합니다. 부트스트랩 / 제이쿼리 HTML / CSS / JAVASCRIPT를 사용하였습니다. HTML / BOOTSTRAP Front Back Front Back CSS #body{ font-family: '나눔스퀘어라운드'; } #main_user_id{ display: none; } .container { perspective: 1000px; height: 110px; } .card { position: relative; transition: transform 1s; transform-style: preserve-3d; cursor: pointe..

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..

코드잇 팀나누기 실습 코드입니다. 문제는 아래와 같습니다. 오늘은 풋살 동아리 경기가 있는 날입니다. 총인원 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) { ..

let my = { name: '심명섭', age: 345, height: 371, myNull: null, hobby: { title: '개발', lang: 'javascript' } } 라는 object가 있다. 이 오브젝트 안에 속성값을 수정, 추가, 삭제가 가능할까 ? 정답은 당연히 가능하다 이다. 아래 코드를 보자 // 수정 console.log(my.name); // 심명섭 my.name = '원빈'; console.log(my.name); // 원빈 // 추가 / undefined이기 때문에 이건희 할당이 가능하다. console.log(my.ceo); // undefined my.ceo = '이건희'; console.log(my.ceo); // 이건희 // 삭제 console.log(my...