JM's NOTE🌙

본문 바로가기

[TIL] 💡 Day 9 - 랜덤으로 명언, 배경 설정하기 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 🎲 랜덤으로 명언, 배경 설정하기 (JS에서 만든 요소 Html에 추가하기) 🌱 Array에 접근하기 👉 랜덤으로 값을 받기 위해서는 먼저 데이터가 담긴 Array에 접근하는 방법을 알아야 한다. 어떻게 첫 번 째 array안에 접근할 수 있을까? 명언 10개가 담겨있는 quotes[ ]가 있을 때 → console.log(quotes[0])을 사용하면 된다. 명언이 10개이므로 index는 0 - 9까지의 값이 존재한다. 즉! 0 - 9까지의 값을 랜덤으로 받아오면 된다. 👉 어떻게 할 수 있을까? 랜덤 함수를 사용하면 된다! 🌱 Math.random( ) 👉 사용 시 0 - 1 사이의 값.. 2022. 4. 16.

[TIL] 💡 Day 8 - JavaScript로 타이머 만들기 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. ⏱ Vanilla JS로 타이머 만들기 🌱 Interval vs Timeout 👉 둘의 사용법과 차이점에 대해서 알아보기 Interval 매번 일어나야 하는 일에 사용 JS에 이미 내장되어 있는 함수 setInterval(함수명, 반복될 시간(ms)) 으로 사용한다. Timeout 한 번 실행 후 반복되지 않음 설정한 시간 뒤에 한 번 실행된다. setTimeout(함수명, 실행될 시간(ms)) 으로 사용한다. 🔗 Date 관련 인스턴스 메서드 - MDN ex) getDay, getFullYear, getHours, getMinutes, getSeconds... 👉 타이머에는 setInter.. 2022. 4. 16.

[TIL] 💡 Day 7 - Javascript value getting, saving, loading 하는 방법 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 📌 value getting, saving, loading 하는 방법 🌱 Getting Username 👉 사용자가 Input에 입력한 값을 화면에 출력하기 Form 제출 후 Form을 화면에서 사라지게하기(CSS 이용) CSS class hidden 이용하기 [ display : none ] input의 value를 username으로 할당 const username = loginInput.value; 예시코드 ` // js 파일 const loginForm = document.querySelector("#login-form"); const loginInput = document.query.. 2022. 4. 1.

[TIL] 💡 Day 6 - 함수는 정보를 담고 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. 📍 함수는 호출될 때 함수 안에 정보를 담은 상태로 실행되어 우리에게 정보를 전달해 준다. 🌱 Input의 value 👉 사용자가 Input에 입력한 값을 받아오는 방법을 알아보자 loginInput object에서 확인 가능한 property ❓ → value : 기본적으로 input안에 있는 텍스트를 의미 예시 코드 Log In // JS 파일 // ver 1 - loginForm도 html element니까 loginForm 이용 const loginForm = document.getElementById('login-form'); const loginInput = loginForm.qu.. 2022. 3. 31.

[정보] Gitmoji 사용하기 Gitmoji 란❓ Git + emoji의 합성어로 커밋 메시지에서 이모티콘 사용을 표준화하고 설명하기 위해서 만들어졌다. - [출처] gitmogi 공식 페이지 - 이모티콘을 사용해서 커밋을 하면 이모티콘만 보더라도 커밋의 의도를 빠르고 쉽게 파악할 수 있기 때문에 만들어졌다고 한다. 아래는 예시 gitmoji이다. 포스팅하게 된 이유 요즘 다른 사람들이 커밋을 올릴 때 이모티콘과 같이 올리는 것을 보고, 정말 귀여운데 어떤 의미로 이모티콘을 넣는 것인지 궁금했는데, 친구에게 gitmoji에 대해서 듣고 궁금증을 해결하게 되었다. 이때까지 어떤 의미인지도 모르고, 어떻게 쓰는 지도 몰라서 그냥 마음에 드는 이모티콘을 사용해서 커밋하고 있었는데, 얻어걸린 건지 몇 개는 의미가 맞아서 신기했다😂 노마드 코.. 2022. 3. 24.

이전 1 ··· 5 6 7 8 9 10 11 다음

티스토리툴바