본문 바로가기

JavaScript13

[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.

[후기] 노마드코더 바닐라JS 챌린지 1주일 지난 시점 후기 바닐라 JS챌린지란? 👉 "노마드코더" 사이트에서 진행 중인 프로그램으로, 매 기간별로 지원자를 받아서 정해진 기간 동안 미션에 도전하는 일종의 스터디다! 그리고 챌린지는 무료지만, 챌린지에 참여하기 위해 유료 강의를 수강해야 하는 경우가 있는 것 같다. 그중에서 내가 참여한 과정은 바닐라JS챌린지로 아래의 '바닐라 JS로 크롬 앱 만들기' 강의와 같이 진행되는 챌린지이다. 강의도 무료, 챌린지도 무료인데 챌린지를 끝내고 나면 다른 강의를 들을 때 사용할 수 있는 최대 30% 할인쿠폰과 뱃지, 수료증 등을 제공한다고 하니 안 할 이유가 있나?😆 챌린지의 목적? 홈페이지에 나와있는 목적은 위와 같다. 크게 강의를 끊어놓고 완강하기 힘들었던 사람이나, 강의만 듣고 실전에 적용이 어려웠던 사람들이 들으면 좋다.. 2022. 3. 16.

[TIL] 💡 Day 5 - JS를 통해서 CSS를 조작하는 방법들 ✔ 이 포스팅은 노마드코더 - "바닐라 JS로 크롬 앱 만들기를 들으면서 깃허브에 기록한 필기를 옮긴 내용입니다. JS를 통해서 CSS를 조작하는 여러 가지 방법을 배웠다.😊 🌱 CSS in Javascript 1️⃣ 👉 JS안에서 style로 CSS에 접근하여 조작하는 방법 예제 코드 const h1 = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { // getter - 값을 가져옴 console.log(h1.style.color); // setter - 값을 설정함 h1.style.color = "cornflowerblue"; console.log(h1.style.color); } // console결.. 2022. 3. 13.

이전 1 2 3 4 다음

티스토리툴바