누렁이의 명예의전당

나이는 재할당 가능한 변수출신지역은 재할당불가능한 변수에 저장하기 let age = 20;const place = '서울'; var name = 'park';var id = 0;function showName(){ var name = 'kim'; var id = 1; console.log(name);}showName();console.log(id); 출력창에는  'kim', 0 이 출력됨함수 안에 있던 변수는 바깥으로 탈출하지 않는다.함수 밖의 변수는 함수 안에 적용된다. Q) 이자율 계산하기첫 예금액이 5만원 미만이면 이율이 연 15퍼센트,첫 예금액이 5만원 이상이면 이율이 연 20퍼센트라고 합니다. (1) 변수에 예금액을 넣으면(2) 2년 후의 총 예금액을 자동으로 콘솔창에 출력해주는 기능을 자..

다크모드 버튼 눌렀을 때 버튼 누른 횟수가 홀수면 버튼 내부 글자를 Light로 변경해주세요~버튼 누른 횟수가 짝수면 버튼 내부 글자를 Dark로 변경해주세요~ Dark 🔄 (ms-auto mx-3 이런 클래스명도 추가하면 우측정렬 잘됨)  버튼 1회 누르면 안의 글씨가 Light로 바뀜2회 누르면 다시 Dark3회 누르면 다시 Light4회 누르면 다시 Dark...  var 나이 = 20;var 이름 = 'kim';문자, 숫자 말고도document.getElementById() 이것도 변수에 넣어쓰기 가능영어로 작명시 camelCase로 작성var 인삿말 = '안녕하세요 반갑습니다 오랜만인데 그동안 잘지냈니';긴 문장을 하드코딩할 필요없이 줄여줄수 있음 var count = 0; 기존 값에 +1 하..

function 삼육구게임() { //빨리 이 함수를 디자인해봅시다. } 실행결과 예시 :삼육구게임(6); 실행하면 3의 배수니까 콘솔창에 '박수'라는 글자가 떠야합니다.삼육구게임(12); 실행하면 3의 배수니까 콘솔창에 '박수'라는 글자가 떠야합니다.삼육구게임(11); 실행하면 3의 배수 아니니까 콘솔창에 '통과'라는 글자가 떠야합니다. 힌트 : 자바스크립트엔 % 나머지 연산자가 있긴 합니다 function 삼육구게임(num){ if (num % 3 == 0) { console.log("박수"); }} function 삼육구게임(num){ if (num % 3 == 0) { console.log("박수"); } else { console.log('통과'); }}삼육구게임(15..

document.getElementById('email').addEventListener('input', function(){ console.log('안녕')}); 에 입력된 값이 변결될 때 이벤트가 발생한다-> 바뀔때 마다 안녕이 계속 출력됨, 커서를 다른데 찍어도 출력됨 -> 포인터이동개념 값이 변경되었을 때 뭔가 코드를 실행하고 싶으면 input, change 이벤트리스너 활용 if (true){ console.log('진짜임')} if ()안의 조건문 자리에는 true, false를 넣어야 잘 작동한다. console.log(2 != 1) 다름을 비교 console.log(2 == '2') //true 나옴console.log(2 === '2') //false 나옴 ==는 비교, ===는 ..

전송 닫기 전송 버튼을 누르면 폼 전송이 되며 success.html로 이동 첫 에 입력한 값이 없으면 전송 버튼을 누를 때 알림을 띄워보자 자바스크립트로 "전송버튼을 누르면 저기 에 입력된 값이 공백이면 알림띄워주세요" if (조건식){ 실행할코드} $('form').on('submit', function(){ if (input에 입력한 값이 공백) { alert('아이디 입력하쇼'); }}); 전송 버튼 누르면 $('form').on('submit', function(){ if (input에 입력한 값이 공백) { alert('아이디 입력하쇼'); }});  $('form').on('submit', function(){ if (document.getElementById('em..

안녕하세요  html을 조작, 변경하는 역할이며, document -> 문서인데 html웹문서마침표 -> ~의getElementById('어쩌구') -> 아이디가 '어쩌구'인 html 요소(element)를 찾아줘 // 셀렉터라고 불린다 html 요소를 찾기위해 사용innerHTML -> 내부HTML= -> 등호는 오른쪽 값을 왼쪽에 대입'바보' -> 바보라는 문자(큰따옴표, 작은따옴표에 담겨있으면 항상 문자 document.getElementById('???').??? = '???'; document.getElementById('???').src = 'profile.jpg'; document.getElementById('???').style.color = 'red'; document.getElement..

버튼 누를때 display : block 으로 버튼만들기 가능.black-bg { (생략) display : none;}.show-modal { display : block;} 하지만 나중을 위해 class 부착식으로 만들면 show-modal을 원할때 부착하면 모달창이 보임 로그인 버튼을 누르면 .black-bg에 show-modal 클래스명 추가하는 코드임자바스크립트만 쓰면 document.querySelector('.black-bg').classList.add('show-modal') // 닫기 버튼 클릭 시 모달창 닫기 $("#close").on("click", function () { $(".black-bg").removeClass("show-modal"); }); UI 애니메이..

jQuery cdn 검색해서 위 코드를  $는 querySelector와 동일하게 사용됨  이렇게 css 스타일 변경이 가능함 안녕 jQuery 써서 class 탈부착가능 안녕안녕안녕안녕안녕안녕$()셀렉터는 그냥 querySelectorAll처럼 여러개가 있으면 전부 찾아준다. 안녕버튼 이벤트 리스너는 on을 쓰면 똑같다.on은 $() 로 찾은 것들에만 붙일 수 있다. 안녕버튼 .hide() 사라지게.fadeOut()는 서서히 사라지게.slideUp()은 줄어들며 사라지게show(), fadeIn(), slideDown(),fadeToggle() 등이 있다. 느낀점 '안녕'이 '바보'로 바뀌지 않았는데 처음에 가 빠져 있는 부분이 코드에 포함되어 있어, 이후의 스크립트가 제대로 실행되지 않았다.  이렇..

셸(Shell)명령어 해석기, 명령 행 인터페이스사용자와 커널사이 명령어를 해석하여 처리GUI로는 하기 힘든 다양한 기능을 수행셸 스크립트는 텍스트파일로, 프로그래밍을 통한 셸 명령 조합텍스트 모드로 로그인시 기본 셸이 주어짐 GNOME 데스크톱에서는 터미널  창을 실행시켜 셸 사용세미콜론; 을 사용하면 한 라인에 여러 명령을 입력할 수 있음많은 리눅스 배포한에서 Bash를 기본 셸로 사용종류에 따라 에일리어스 설정, 초기화 파일, 셸 스크립트 작성법, 명령 행 완성 기능, 명령 행 편집 기능일반 사용자는 $, root 사용자는 #을 사용 Bash 셸 - Bourne 셸에 기반을 둠C 셸과 Korn 셸의 유용한 기능을 가져옴/bin/bash/etc/passwd 파일에 다음과 같은 라인이 있음 셸 선택하기..

Rocky Linux기존 CentOS 리눅스의 대체 제품RHEL의 소스 코드를 이용해 만들어지 무료 배포판안정성, 신뢰성을 제공해야 하는 서버용 컴퓨터에 널리 사용된다https://www.rockylinux.org/download/ 에 접속.iso 이미지 파일 다운로드다운로드받은 iso 이미지 파일을 프로그램을 이용하여 DVD 또는 USB 메모리 스틱에 구움 현재 VMware Workstation player 가 유료로 전환되어 무료버전이 안되는 상황. 오라클 버추얼박스로 다운로드 받은 후 가상머신에서 rockylinux.iso 파일을 실행하여 설치