이재호

5점을 먼저 내면 이기는 간단한 스코어 게임을 만들어보겠습니다. 0 to 0 1 2 3 4 5 6 7 8 9 10 player 1 player2 reset app.js const disp1 = document.querySelector('#disp1') const disp2 = document.querySelector('#disp2') const p1btn = document.querySelector('#p1btn') const p2btn = document.querySelector('#p2btn') const resetbtn = document.querySelector('#resetBtn') const selbtn = document.querySelector('#selScor') // 카운터 증가 let..

하루지나면 까먹는 성격에 다시한번 복습겸 블로그에 배운내용을 작성해봅니다 index.html 체크리스트 클릭! 리스트 : app.js const form = document.querySelector('form') const ul = document.querySelector('ul') form.addEventListener('submit', ()=>{ const todoInput = form.elements.todo addList(todoInput.value) todoInput = ''; }) // 리스트 추가 함수 const addList(todo) =>{ const NewList = document.createElement('li') const boldtxt = document.createElement..

네트워크 간의 통신을 가능하게 하는것이 네트워크 계층의 역활이며, 이 계층을 통해 다른 네트워크로 데이터를 전송하려면 라우터라는 네트워크 장비가 필요합니다. 라우터는 데이터의 목적지가 정해지면 해당 목적지까지 어떤 경로로 가는것이 좋은지를 알려주는 기능입니다. 하지만 라우터또한 데이터를 보내려는 상대가 어디에 있는지 모르면 목적지까지의 경로를 알려주지 못합니다. 랜에서는 MAC주소만으로 통신할수 있지만 다른네트워크에는 데이터를 보낼수 없는데요, 그래서 네트워크를 식별할수 있는 주소가 있는데 그 주소를 IP주소 라고 합니다. IP주소는 어떤 네트워크의 어떤컴퓨터인지를 구분할수 있도록 하는 주소 입니다, IP주소만 있다면 다른 네트워크에 있는 목적지를 지정할수 있습니다. 목적지 IP주소까지 어떤 경로로 데이..

학습한 내용을 복습하기 위해 블로그를 작성합니다. addEventListener 를 이용하여 버튼을 클릭했을때 배경색과 글자색이 변하게 만들어보겠습니다. index.html CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK CLICK app.js // 랜덤색깔을 나타낼수 있게 해주는 함수 const makeRandColor = () => { const r = Math.floor(Mat..

해당 링크는 포켓몬사이트에서 제공하는 포켓몬 API 입니다. https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png index.html app.js // id 요소 선택 const container = document.querySelector('#container'); 포켓몬 1세대는 1번부터 151번까지가 끝이므로 151번까지 반복을 돌립니다 // API URL도 변수에 추가해줍니다 const URL = "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png" for(let i =1; i < 151; i++){ // div로 감싸주..

DOM을 이용해서 버튼 100개를 만들어보자 index.html Look At All My Buttons! app.js const container = document.querySelector('span') //100개를 만들 반복문 for(let i = 0; i < 100; i++){ //버튼 태그 생성 const btn = document.creatElement('button') // 버튼 안에 텍스트 추가 btn.textCotent = "100개!" // span 태그에 버튼 추가 container.appendChild(btn) }