잿꽃's posting Garden

Array numbers = [1, 2, 3] fruits = [Apple, Banana, Cherry] 메소드 작성 기능 예시 concat 배열.concat(배열) 배열을 합쳐서 새로운 배열을 만든다 const results = numbers.concat(fruits) results = [1, 2, 3, Apple, Banana, Cherry] foreach 배열.foreach(값, 인덱스) 배열의 길이만큼 콜백한다. fruits.foreach(item, index){ console.log(`${index} = ${item}`) } 0 = Apple, 1 = Banana, 2 = Cherry map 배열.map(값, 인덱스) 배열의 길이만큼 콜백하며 새로운 배열을 만든다. const results = ..

자바스크립트로 메뉴를 두 가지 방법으로 만들어 보자. for문과 forEach문을 이용할 것이기 때문에 두 가지 방법이지만 사실상 같은 방법이다. 1. forEach문으로 만든 메뉴 알고리즘 1. 한 인자에 메뉴 전체 값을 담는다. 2. 이벤트를 각자 적용하기 위해 forEach함수를 이용하여 배열로써 작동할 수 있게 한다. 3. 해당하는 아이템이 클릭되면 불리안 값의 인자가 토글되게 한다. 4. 참이면 인덱스의 값이 해당 인자의 배열 순서로 들어가고 클래스를 부여한다. 5. 거짓이면 클래스를 제거한다. let toggle = false; const mainmenuClick = document.querySelectorAll('header .mobile .total-menu .menu-box .mainme..

간단한 Space Counter(스페이스 카운터) 만들기 스페이스 바를 누르면 카운터 되는 아주 간단한 코딩을 해보았습니다. 별거 아니지만 독특한 걸 만들어보고 싶어서 제작해 보았습니다. 간단하기 때문에 HTML안에 CSS와 Javascript를 함께 작성했습니다. 순서도 1. 스페이스 버튼을 누르고 뗀다 2. 화면에 횟수를 보여준다 3. 버튼을 누르면 카운터를 리셋한다. HTML Press SpaceBar 0 times RESET COUNTER onkeyup메소드를 통해서 키를 떼었을 때 함수가 작동됩니다. 스페이스 코드는 32번으로 키 코드가 32번일 경우 화면에 있는 숫자가 올라가게 됩니다.

자바스크립트로 가위바위보 게임 만들기 2 저번 글에 이어서 이번에도 가위바위보 게임을 만드는 코드를 작성해 보았습니다. 저번에는 따로 창이 나와서 입력 창에 '가위 바위 보'를 작성하면 게임을 할 수 있었는데 아무래도 불편함이 있다 보니 버튼을 이용한 게임을 만들어 보았습니다. 코드는 거의 비슷하지만 아래의 알고리즘 1, 2번에 해당하는 코드가 조금 달라졌습니다. 순서도 1. 가위바위보 버튼을 누른다 2. 가위바위보에 대한 값을 할당한다 3. 랜덤한 값을 생성한다 4. 두 값을 비교하여 결과를 보여준다. HTML내에 script 작성 자바스크립트를 연습하는 과정으로 제작. COM USER 가위 바위 보 다시하기 에는 코드로 계산한 랜덤한(컴퓨터의) 값을 이미지로 변환하여 넣을 것이고 에는 유저가 선택한 ..

자바스크립트로 가위바위보 게임 만들기 1 저는 현재 웹 개발 수업 중에 자바스크립트 언어를 배우고 있습니다. 과거 몇 년 전에 C언어를 하긴 했는데 다른 직종에 있느라 너무 오래 전이 되어버렸네요. 문법이 기억 날 듯 말 듯하면서 C언어와 자바스크립트의 기본 문법이 유사한 부분이 많더라고요. 덕분에 기억을 더듬으면서 하고 있습니다. 오늘은 상단의 알림창으로 '가위', '바위', '보'를 입력하면 랜덤한 값(컴퓨터)과 게임을 해 결과값을 알려주는 코드를 만들어 봤습니다. 알고리즘 1. 유저가 '가위', '바위', '보'를 입력하게 함. - 적절하게 입력하지 않으면 다시 1번으로 돌아감. 2. 입력한 값을 비교하기 위한 숫자로 변환(유저의 값). 3. 랜덤한 값을 생성함(컴퓨터의 값). 4. 값을 서로 비교..