Hjin Blog

변수를 쓸때는 선언과 할당 이라는 용어가 있다. 변수를 만드는것을 선언, 변수에 값을 집어넣는걸 할당이라고 한다. var 이름; var 나이; 이것을 변수의 선언이라 한다. var 나이; var 이름; // 할당 나이 = 30; 이름 = jin; 위와같이 선언한 변수에 값을 넣는것을 할당이라고 한다. 선언과 할당을 따로 할수 있고, 이미 있는 변수를 재선언 하는것도 가능하다. 그리고 이미 들어있는 값을 등호로 재할당 하는것도 가능 범위 변수는 사용가능한 범위가 존재한다. 함수 안에서 변수를 만들었을 경우 함수 안에서만 사용이가능하며 밖에선 사용할수 없다.(밖에서 출력시 에러) 반대로 함수 밖에서 만든 변수는 함수 안에서 사용할수있다. var let const 문법 let 물품 = 'box'; const ..

표시된 버튼을 눌렀을때 다크모드/라이트모드를 번갈아서 실행하는 버튼을 만들어 보자. Navbar Dark 🔄 Dark 🔄 먼저 해당 버튼을 클릭시 내부 글자를 Light로 변경하는 코드를 작성해 볼건데 class badge 를 홀수번 클릭시 Light 짝수번 클릭시 Dark로 번갈아 가며 변경될수 있게 작성하면 될거같다. 그렇다면 badge를 클릭한 횟수를 기록할 변수가 필요하게 된다. ex) var count = 0; 변수 생성 count라는 변수에 0을 담고 클릭할때 마다 count에 담긴 숫자가 1씩 증가하는 코드를 짜면 된다. var count = 0; $('.badge').on('click',function(){ count++; //badge를 클릭할때 마다 count를 증가시켜라 }); 위와 ..

비교 연산자는 좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환한다. if 문이나 for 문과 같은 제어문의 조건식에서 주로 사용된다. 동등/일치 비교 연산자 동등 비교 연산자,일치 비교 연산자는 좌항과 우항의 피연산자가 같은 값으로 평가되는지 비교해 불리언 값을 반환한다. 하지만 비교하는 엄격성의 정도가 다르다. 동등 비교 연산자 = 느슨한 비교 일치 비교 연산자 = 엄격한 비교 비교 연산자 의미 사례 설명 부수효과 == 동등 비교 x == y x와 y의 값이 같음 x === 일치 비교 x === y x와 y의 값과 타입이 같음 x != 부동등 비교 x != y x와 y의 값이 다름 x !== 불일치 비교 x ! == y x와 y의 값과 타입이 다름 x *동등 비교 연산자는 편리한 경..

조건식에 대해 if ( 1 == 2 ){ console.log('hello') } 조건식은 ()괄호 안에 1 == 2 와같은 비교 연산자 보다 true/false를 넣어야 잘 작동한다. if(조건식){ // 조건식이 참이면 이 코드 블록이 실행 } else { // 조건식이 거짓이면 이 코드 블록이 실행 } if 문의 조건식은 불리언 값으로 평가되어야 한다. 만약 if 문의 조건식이 불리언 값이 아닌 값으로 평가되면 자바스크립트 엔진에 의해 암묵적으로 불리언 값으로 강제 변환되어 실행할 코드 블록을 결정한다. if (조건식1){ // 조건식1이 참이면 실행 } else if (조건식2){ // 조건식2가 참이면 실행 } else { // 조건식1과 조건식2가 모두 거짓이면 실행 } else if 문과 e..

로그인하세요 전송 닫기 form태그는 서버로 유저정보를 전송하려고 쓰는것이다. form태그 안에 button을 만들때 일반 버튼은 type = "button"으로 만들어주고 전송 버튼에는 type ="submit"으로 작성해 주어야 나중에 에러가 없다. 폼태그로 서버로 전송하고 싶다면 form action="url" 안에 보내고 싶은 url을 입력하면 해당 url로 데이터가 전송된다. javascript를 이용해 전송버튼을 누를때 input에 입력된게 없을때 즉 '공백'일 경우 Alert를 띄우는 기능 만들기 if문을 사용해 만들어 보자, ** 조건문 쓰는법 if(조건){조건이 참일 때 실행할 코드} else{조건이 거짓일때 실행할 코드} if문은 괄호안에 조건이 참일때 실행된다. // 해당 input의..

로그인 버튼을 눌렀을때 모달창을 띄우고 닫기 버튼을 눌렀을때 사라지도록 기능을 구현해 보자. 로그인하세요 닫기 로그인 먼저 모달창과 버튼을 만들어 주었다. 숨겨져 있는 모달창은 보통 모든 html태그 맨 위에 작성해주는 것이 좋다. 이제 로그인 버튼을 눌렀을때 모달창이 보이도록 기능을 구현하면 된다 css .black-bg { width : 100%; height : 100%; position : fixed; background : rgba(0,0,0,0.5); z-index : 5; padding: 30px; visibility: hidden; opacity: 0; } .show_modal{ visibility: visible; opacity: 1; } .show_modal 클래스를 black-bg클래..