김숭늉 마음대로

자바스크립트의 Data type에 대해 알아 보겠습니다. Data type의 Value(값)은 object(객체) 혹은 primitive data(원시 데이터) 둘중 하나 입니다. primitive data(원시 데이터)의 종류는 뭐가 있을까? 1. 숫자(number) let age = 23; let PI = 3.1415; // 파이 처럼 변하지 않는 숫자인경우는 변수명을 대문자로 사용함 (관례적 약속) 2. 글자 (string) let firstname = 'seung' 3. 불리언 (Boolean) - true or false 4. undefined - 변수를 선언했을때 (빈값임) //undifined let year; // 빈 변수 console.log(year); // undifined conso..

안녕하세요 김숭늉 입니다 :) 그럼 바로 알아보겠습니다! 먼저 첫번째로는 dom을 사용하여 button 요소중 [0]번째를 가지고온후 이벤트 리스너를 추가해줍니다. 이벤트 리스너는 click시 alert가 노출되는 function을 추가하였습니다 :) document.getElementsByTagName("button")[0].addEventListener("click", function(){ /// 0번째의 버튼에 적용 alert("클릭하셨네요? You got clicked!"); }) 위 코드를 실행하면 아래와 같이 button의 0번째의 버튼을 클릭하면 아래와 같은 alert 창이 생성 됩니다. 그다음은 방금 작성한 문장을 for 루프로 넣어서 버튼의 갯수만큼 루프가 돌아갈수 있도록 설정합니다! :..

DOM과 자바스크립트를 활용하여 2인 랜덤 주사위 굴리는 페이지 만들어 보겠습니다. 플레이어1과 플레이어2가 각각 랜덤주사위를 굴려 누가 승자인지 페이지에 노출시켜주면 되는 과제 입니다. 위 페이지는 랜덤주사위를 굴리기 첫 시작 페이지입니다. 상단에 으로 문구가 작성되어있고, Player 1과 Player 2의 주사위가 각각 h1문구 하단에 위치해 있습니다. 지금 위 상태는 js파일과 아래의 주사위 이미지 파일이 html 문서에 연결되어있지 않은 상태입니다. (아무런 액션을 취하지 않은 상태의 페이지에서는 각 주사위는 6이 고정으로 보이도록 합니다.) 먼저, dicee.html에 미리 만들어둔 자바스크립트 문서(index.js)와 이미지소스를 html 문서에 연결 시키는 간단한 작업부터 시작합니다. Re..

안녕하세요. 이번에는 자바스크립트에서 점심값은 누가 낼까?에 대한 문제를 풀어보겠습니다 ^^ names(배열)의 최대길이를 length함수로 뽑아내고 Math.random의 최대값(배열길이)을 곱한후, Math.floor를 통해 뒷자리는 버린후 랜덤으로 숫자를 뽑아 내게 됩니다. 그럼 코드를 작성 해볼까요? function whosPaying(names) { // names에 names 리스트를 넣음 var numberOfPeople = names.length; // 5 리스트에 작성된 이름만큼의 갯수 var randomPersonPosition = Math.floor(Math.random() * numberOfPeople); // 0-4 / Math.random()*최대값설정 var randomPers..

안녕하세요 김숭늉입니다. 이번 글에서는 개발자라면 한번쯤 들어봤을 Fizzbuzz 문제에 대해 알아 보겠습니다. ❓Fizzbuzz란 영/미 문화권의 구구단을 재미있게 배우기 위해 흔히들 하는 게임이라고 하는데요, 우리나라의 3,6,9 게임과 비슷하다고 생각하시면 될것같아요. ^^ 1부터 돌아가면서 숫자를 말하되, 3의 배수에서는 "Fizz!"를 외치고 5의 배수에서는 "Buzz!"를 외치고, 3과 5의 둘다 해당되는 배수에서는 "Fizzbuzz!"를 외치는 게임입니다. ✅ 문제 ) Fizzbuzz 법칙을 자바스크립로 구현을 하면 어떻게 할수 있을까요? var output = []; // output에 push를 해보겠습니다. var count = 1; // 1부터 시작 function fizzBuzz()..

안녕하세요! 😊 김숭늉입니다. 자바스크립트 Array 배열 작성 법에 대해서 알아 보겠습니다! ✅ Array (배열)이란? 여러개의 아이템을 동시에 한 박스(변수)에 담을수 있다는 개념이 되겠습니다. 기본 배열 작성은 [ ]의 괄호안에 ,(콤마)를 구분으로 작성 할 수 있습니다. 아래를 참고 해주세요! var guestList = ["seungyeon", "minba", "minhyeok"]; 그럼 배열을 어떻게 작성하는지 알아보았으니, 배열에 관련된 응용 문제를 하나 풀어볼까요? ✅ 문제 1 파티에 초대된 게스트 리스트에 해당되는 사람은 "Welcome"으로 얼럿창을 띄우고, 아닌 사람은 "Sorry, maybe next time!"이라는 alert 창을 띄워 보겠습니다 ! (if 문과, include..