하루를살자

- Index.html Log In - app.js const loginInput = document.querySelector("#login-form input"); const loginButton = document.querySelector("#login-form button"); console.log(loginInput.outerHTML); console.log(loginButton); function onLoginBtnClick (){ //input form 안에 쓴 글을 보려고 하는 데 무슨 프로퍼티로 보는지 모르겠으면 console.dir 로 찾아보고, console.dir(loginInput); //Value 라는 프로퍼티 가 쓴 값을 저장하고 있다는 걸 알았으니 console.log cons..

//아래 두개의 선택자는 같은결과를 줌 const title2 = document.querySelector("div .title"); //Event handler function handleTitleEnter(){ const titleColor = title2.style.color; let newColor; if (titleColor === "green"){ newColor = "tomato"; }else{ newColor = "green"; } title2.style.color = newColor; } //Call the event upon the user's behavior title2.addEventListener("mouseenter" , handleTitleEnter); "handleTitleE..

이벤트 핸들러는 예제로 설명할예정이다. //아래 두개의 선택자는 같은결과를 줌 const title = document.getElementById("title"); const title2 = document.querySelector("div .title"); console.log(title.innerText); console.log(title2.innerText); //Event handler function handleTitleEnter(){ console.log("Title was clicked!"); title2.style.color = "Green"; title2.innerText = "KAI KIM"; } function handleTitleLeave(){ console.log("Title wa..

Html 의 Elements 들은 JS 로 tag 타입 이나 class, ID 로 접근할수 있다. 가장 기본적인 예로 index.html 에 title 이란 ID 를 h1 tag 로 만들어서 console.dir() 을 아래와 같이 해볼 것 이다. -index.html Grab Me! -app.js const title = document.getElementById("title"); console.dir(title); dir 은 자바스크립트 오브젝트 가 가지고 있는 모든 properties 를 볼수 있게 하는 메소드이고 테그가 가지고 있는 모든 properties 들을 console 에 보여준다. 이 프로퍼티 들 은 테그 를 맨 처음 쓸 때 값을 주어도 무방하고, JS 로 동적인 효과를 줄 때도 사용이 ..

개발환경 - Editor --> VSCODE - Web browser --> Google Chrome - Language --> JS Java Script 란? 웹 페이지에 생동감(동적 이벤트) 을 불어 넣기 위해 만들어진 프로그래밍 언어로써, 많은 브라우저에 적용 되어 있는 스크립트 이다. 기본 적인 자바 스크립트 문법과 사용법을 익혀 보자. VSCODE 에 app.js index.html style.css 세개의 파일일 생성 한뒤, index.html 에 alert 이벤트를 구현 해보도록하자. 일단 HTML. CSS , JS 의 관계를 나의 방식대로 정의하면, HTML : 뼈대 CSS : 외관 JS : 근육 으로 생각할수 있고, HTML 코드에 붙혀 넣으면된다. HTML 기본 형식은 VSCODE 에서..

Momentum application 요구사항 1. Login 2. Change in Background (Random) 3. Time 4. Cookies & session 5. Local time 6. Random Quote 7. Create user To-Do list 이 모든 요구사항들을 자바 스크립트로 구현할것이고, 각 요구사항마다 게시글을 올릴 예정이다.

오늘은 nomad 에서 제공하는 Vanilla JS 클론 프로젝트를 소개 하려한다. 이코스를 통해서 Momentum 어플리케이션을 JS 로 구현 하는 방법을 배우고, 그 자취를 기록에 남기려고 한다. 프로젝트 강의는 아래 링크에서 수강할수 있다. https://nomadcoders.co/javascript-for-beginners/lectures/2867 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co

Constructor (생성자) 생성자 는 자바서 특별하게 사용되는 기법으로, Class 선언 할 시에 초기 맴버 의 값을 미리 지정하여 객체 화 될 시에 미리 지정되어 있던 값이나, 로직을 통해서 구현이 된다. 컴파일 시, Java complier 가 객체 가 instance 화 되는 코드를 따라, class 소스 파일을 읽고, 만약 아무런 생성자가 없을시에 Default Constructor (기본 생성자) 라는 것을 만든다. 이 기본 생성자 는 아래와 같이 쓰일 수 있는데, 만약 해당 클래스 가 기본 생성자 외 다른 생성자 가 필요 없을 시에는 기본 생성자 명시 를 안해도 상관이 없다. public class Student { String subject; int stduent_num; //기본 생성..