공부일지/Javascript28 Vanilla JS. 로또 추첨기(while) + 추가ver. for 하라는 공부는 안하고 로또 추첨기를 만들고 있는 내가 레전드 먼저, 버튼을 눌러서 번호가 출력되게 html파일에 기본적인 기능만 세팅을 해줍니다. START 그 다음에 app.js파일에 const start = document.querySelector("#start"); const result = document.querySelector("#result"); start.addEventListener("click", startLotto); start와 result를 불러와서 변수로 설정 한 후에 click 이벤트를 수신하고 startLotto 함수를 트리거하는 start에 이벤트 리스너를 추가합니다. function startLotto() { const lottoNumbers = []; }; startLo.. 2023. 3. 1. JavaScript 문법. for loop 여전히 이것저것 해보다가 삽질을 하고 온 곰인간 입니다. 이게 할 줄은 아는데 이해도가 없는게 마치, 롤에서 다양한 챔피언을 쓰지만 챔피언 숙련도가 없는 느낌을 받았습니다. 그래서 문법 공부에 좀 더 힘을.. 참고자료 : MDN Web Docs - for(javascript) for 반복문 어떤 특정한 조건이 거짓으로 판별될 때까지 반복합니다. for ([initialization]; [condition]; [final-expression]) statement initialization(초기문) 식(할당식 포함) 또는 변수 선언. 주로 카운터 변수를 초기화할 때 사용합니다. var 또는 let 키워드를 사용해 새로운 변수를 선언할 수도 있습니다. var 키워드로 선언한 변수는 반복문에 제한되지 않습니다... 2023. 2. 28. Vanilla Js. textarea(replace메서드, 개행) 오늘 별거도 아닌걸로 겁나게 헤맸다.. textarea를 사용해서 입력한 값을 저장해서 불러오는거였는데.. 줄 바꿈이 안되네? 후, 그래서 찾아보았다. 개행하는 법! 하지만 개행 이후에도 고난이 있었으니.. 바로 코드 들어가겠습니다. HTML코드 click 오늘의 주인공 textarea 태그의 입력값을 클릭을 누르면 p태그에 출력이 되도록 하겠습니다. Javascript 코드 const input = document.querySelector("#textInput"); const output = document.querySelector("#textOutput"); const click = document.querySelector("#click"); click.addEventListener("click", .. 2023. 2. 21. JavaScript 문법. JSON (stringify, parse) 엉뚱한 짓을 하고 다닐 때 봤던 JSON 말로만 들어보고 그냥 눈으로만 봤지 어떻게 동작하고 어떤 기능이 있는지 잘 몰랐다. 일단, 오늘 도움을 주신우리의 지식을 풍족하게 해주실 MDN Web Docs 선생님과 유튜브 드림코딩 엘리 님의 영상을 보고 작성함을 알려드립니다. 아니, 대체 JSON이 뭐죠? * 참고 자료 : MDN Web Docs - JSON으로 작업하기 JavaScript Object Notation (JSON)은 Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷입니다. 웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용합니다. (서버에서 클라이언트로 데이터를 전송하여 표현하려거나 반대의 경우) JSON 는 Douglas Crockford가 널리 .. 2023. 2. 15. 이전 1 2 3 4 5 6 7 다음
