javascript (29) 썸네일형 리스트형 javascript css 속성 관리하기 (삭제) javascript css 속성 관리하기 javascript 에서 css 삭제 하는 방법은 removeProperty( ) 를 사용하면 된다. code { width : 100px; height : 100px; color : red; } 위의 코드가 있는데 안에서 color값만 지우고 싶으면 document.querySelector('.code').style.removeProperty('color'); 이렇게 작성하면 된다. return, breack문 차이 요약. return은 함수자체를 중단, (함수에서 탈출, 메서드에서 빠져나감) breack는 반복문 루프(if, while, else if) 에서 빠져나와서 다음 작업을 실행. switch문 사용법과 언제사용하는지? else if 와 비슷한 switch switch (text) { case 오늘 : today; break; case 내일 : tomorrow; break; ... default: 실행문n; break; } text 자리는 표현식 : 옆은 실행문 이다. switch문은 조건이 맞으면 실행시켜주는 아이. 예를들면 오늘이 today가 맞으면 실행, 내일이 tomorow가 맞으면 실행 이라고 보면된다. 대신 여기에 default, break가 필수로 들어가야 하는데 원하는 결과가 나오면 중단 할 수있는 것이다. 그래서 switch 문은 보통 else if가 반복될때 사용된다. else if 가 길어지면 가독성에 문제가 있기때문에 return 구문으로 끊어주는것도 많이들 사용한다고 한다. 또한 객체로 값을 만들어주고 그 값을 맵핑해서 꺼내오는 작.. javascript new 를 사용하는 이유 new 를 사용하는 이유는 기존에 있던 인스턴스 (객체)의 다른 저장소를 만들어 낼수 있고, 예기치 못한 동작이 발생하는 현상을 줄이기 위해서 사용된다. 메모리 할당: new 키워드를 사용하여 인스턴스를 생성하면, 해당 인스턴스를 저장할 메모리 공간이 할당되어 독립적인 메모리가 생긴다. 이렇게 하는 이유는 원본 손상 방지때문 생성자 호출: new 키워드를 사용하면 클래스의 생성자(constructor) 함수가 호출됩니다. 생성자는 인스턴스를 초기화하는 역할을 한다. 생성자 내부에서는 인스턴스의 초기 상태를 설정하거나 필요한 리소스를 준비할 수 있다. javasctipt 로 간단한 퀴즈만들기 select 지정하는법과 클릭횟수 저장방법, 변수에 저장하기! 리액트를 해왔던 내가 실무에서 주어진 코드가 바닐라 자바스크립트.....라는걸.... 알고난 후 다시 자바스크립트 강의를 듣고 있다. 듣는중 재미있는 퀴즈를 간단히 만들어봐서 기록한다. 이 퀴즈를 통해서 변수에 저장해서 클릭횟수나, 정답 입력횟수를 알려줄수 있다는걸 배웠다! html 은 아래와 같다. 태조이성계가 태어난 연도는? 제출 우선 count를 초기값 0으로 만든다. (저장소) -> 이걸 만드는 이유는 3번 틀리면 멍청이를 띄워야 하기때문! 그다음 클릭 이벤트 함수를 만들고 그안에 answer에 입력된 값을 유저답안 변수에 넣고 만약, 유저답안이 1335 와 같으면 alert으로 성공이라는걸 띄워줘 만약 3번 이상이거나 유저답안과 틀린 답이면 멍청아를 띄워줘 라는 이야기다. var count = .. javascript로 button 만들어서 열고 닫기 만들기 html 내용 div로 만들어 놓기 알림창임 버튼 닫기 script로 간단하게 만들기 function 자바스크립트1(){ document.getElementById("alert-box").style.display = "block"; } function 자바스크립트2(){ document.getElementById("alert-box").style.display = "none"; } 원하는 걸 onclick=" " 안에 넣어주기! 보여주기 css 속성을 none -> block 으로 변경 닫기 css 속성을 block-> none 으로 변경 *** 즉 함수는 긴 코드를 짧게 만들어 편리하게 쓰게 해주는 것이다. 진짜 모르겠는 함수 매개변수? 인수? 그게 뭔데 정말 개발공부를 처음하는 입장으로써 공부를 하는 두달까지도 이해가 안되었던 매개변수, 인수를 정말 초초 심플하게 정리한다. 하.. 고구마 먹은듯한 체함이 내려간다.. ex) funtion printFruit ( name ){ console.log( name ) } printFruit (' apple '); 차례대로 뜯어보자. funtion 은 함수를 부르는것. 시작을 알린다. printFruit는 내가 호출할 때 부르는 이름값 이다. 아무이름이나 맘대로 지어도 된다. console.log 은 내가 출력받고 볼수있게 제공해주는 코드블럭 이다. { } 로 밖에있는 건 printFruit (' apple '); 내가 호출 받고자 하는 것을 적는 호출란. 왜 이걸 막쓰면 되는데 왜 굳이 함수를 사용해서 매개변수.. setInterval() , clearInterval() 이란 무엇일까 setInterval() 함수는 JavaScript에서 사용되는 타이머 함수 중 하나로, 특정 시간 간격마다 지정한 함수를 반복적으로 실행할 수 있게 해주는 함수이다. 이 함수를 사용하면 주기적으로 어떤 작업을 수행하거나 반복적으로 업데이트를 할 수 있다. 함수는 다음과 같은 구문을 가진다. setInterval(function, delay); setInterval(function() { console.log("Hello, World!"); }, 1000); function: 실행할 함수를 정의하는 매개변수로, 주기적으로 실행할 코드 블록이나 함수를 지정한다. delay: 함수를 실행하는 간격(밀리초)을 나타내는 매개변수로, 함수를 실행할 시간 간격을 정의한다. setInterval()함수를 멈추기 위해.. 자바스크립트 왕 기초 String( ) , Number ( ) , boolean ( ) 차이점이 뭐지? 속성 의미 String( ) 숫자를 문자열로 자동변경 Number ( ) 숫자형으로 변경 / 만약 문자를썼다면 ("문자") NaN 출력됨 boolean ( ) ""빈문자열, 0 , undifined , NaN , null -> false로 출력됨 * 주의 * Number (null ) // 0으로 변환 Number (undefined) // NaN 으로 변환됨. boolean ('') 공백이 없으면 false boolean (' ') 공백이 있으면 true boolean (0) 숫자 0은 false boolean ( "0" ) 문자 0 true toLowerCase( ) , toUpperCase ( ) 대소문자 구별하는 메서드 메서드 의미 예제 toLowerCase 문자열을 소문자로 변환해서 반환 var str = 'Coding EverBody'; alert(str.toLowerCase()); 값 coding everybody toUpperCase 문자열을 대문자로 변환 var str = 'Coding EverBody'; alert(str.toLowerCase()); 값 CODING EVERYBODY 이전 1 2 3 다음