본문 바로가기
728x90
반응형

JavaScript 시리즈☕45

😉바닐라 JS로 그림판 만들기 후기😉 후기 오늘 바닐라 JS로 그림판 만들기를 2일 정도 걸려서 수료하였다.👏👏 1챕터 마다 정리하면서 글을 올리려고 했지만, 전에 JS에 대해 개념을 정리한 글과 겹치는 내용이 많아서, 정리 없이 바로 후기 글을 올리게 되었다. 나름 컴퓨터 전공자들 사이에서 빛과 같은 존재? 인 니콜라스 쌤👨‍💻이 제공하는 무료강의 사이트에서 바닐라 js 로 그림판 만들기 강의를 들었다. 구성은 위와 같이 되어있으며, JS(자바스크립트)에 대해 기초적인 지식만 있으면, 어렵지 않게 수강할 수 있을 정도의 난이도 인것 같다. 어차피 강의 구성도 짧고 간결해서, 시간이 부족하다면 더할나이 없이 정말 추천하고 싶다.👍👍👍👍👍 결과 git 사용법에 대해 공부후,,, 사이트 주소를 같이 올릴 예정! 2021. 8. 13.
🚀명언 적용 하기 + 배경 설정하기🚀 | JavaScript 시리즈 020 0. 알아두기 Math.floor()은 내림 Math.ceil () 올림 Math.round() 는 반올림 변수 에다 이미지변수에 있는 내용들을 랜덤으로 출력하는 코드 입니다. (아래 명언 및 배경설정 적용시 들어감) 명언/인용구 (quote) , (author) 적용 하기 1. JS 1. 배열 quote 에다 배열(array)를 저장해준다. 2~18. 내용 적기 20. 변수 quote 에다 document( html에 있는) .querySelector(위치에 해당하는 곳)을 가져와서 저장. 여기서는 div 요소에 아이디가 quote 인 span 요소에 첫번째span을 의미함. 21. 변수 author 에다 document( html에 있는) .querySelector(위치에 해당하는 곳)을 가져와서 저.. 2021. 8. 8.
🚀Time (시계) 만들기(🔥통합정리🔥)🚀 | JavaScript 시리즈 019 1. setInterval : 자바스크립트에서 시간 기능 사용하기 * interval 은 매번 일어나야 하는 무언가를 말함 setInterval() 사용법 => 2개의 인자를 받는다. => 1번째는 네가 실행하고자 하는 function => 2번째 인자는 호출되는 function 간격을 몇 ms로 할지 쓰면됨. 그러니까 매 호출 사이에 얼마나 기다릴지 시간을 써주면 됨. --------------------------------------------------------------------------------------------- 마지막줄 코드를 해석하면, 5초 마다 (5000ms) sayHello 함수 실행. 즉, 콘솔창에 5초 마다(간격)으로 hello 문자가 출력된다. 2. setInterva.. 2021. 8. 8.
🚀local Storage을 이용한 로그인 시스템 만들기🚀 | JavaScript 시리즈 018 1. 알아두기 1. string을 반복해서 사용하는 경우에 그리고 그것들이 무조건 같아야 할경우 변수로 고정시키는것을 추천!! =>이유: 왜냐하면!!! 만약 string을 작성하다가 오타가 나면 자바스크립트는 이걸 지적하지 않고, 변수명은 오타가 나면 지적해주기 때문이다. 2. 전체적인 구조 설명 앞에서 배웠던 local Storage 를 이용하여, 값을 브라우저에 저장하고, 불러오고 , 제거하는 법을 배웠다. 로그인 입력란에 값을 받은후, 변수 username에 저장된다. 그후, local Storage에 값을 저장한다. 그리고나서 , h1 요소에 텍스트 출력한다. 그후 h1 의 클래스에 hidden 을 제거해준다. (즉, hidden(css에 display:none)을 제거 한다는 건 화면에 출력한다.. 2021. 8. 8.
728x90
반응형

티스토리툴바