개발자 연쨘

function에 사용가능한 피라미터 문법 함수내에 구멍을 뚫어준다고 생각해보자! function alertOpen(구멍){ document.getElementById('alert').style.display = 구멍; } 지금 함수 내에 구멍을 뚫었습니다. 구멍을 뚫는 법은(파리미터 생성법) () 소괄호 내에 아무 글자나 적고 {} 중괄호 내에도 같은 글자 아무데나 적으면 됌. 구멍을 뚫는이유(파라미터 생성하는 이유) → 구멍을 뚫으면 함수를 업그레이드해서 사용할 수 있기때문! 구멍이 뚫려있으면 이제 함수를 쓸 때 그냥 쓰는게 아니라 소괄호 내에 뭔가 문자나 숫자등을 입력해서 사용가능 function alertOpen(구멍){ document.getElementById('alert').style.dis..

자바스크립트 function 문법 function (일명 함수) 라는 문법이 있는데 이 문법 쓰는 이유부터 알아보자! 함수는 긴코드를 한 단어로 축약하고 싶을 때 쓰는 문법! 개발자의 말로 표현하자면 특정 기능을 다음에도 쓰기 위해 모듈화해놓는 문법 간단하게 말하면 긴 코드 짧은 단어로 축약하고 싶을 때 쓰는 문법이라고 암기 function 작명(){ 축약하고 싶은 코드 } function 키워드 쓰고 소괄호, 중괄호 소괄호 왼쪽에 작명 긴 코드를 중괄호 안에 담으면 코드 축약 끝 그럼 이제 작명() 이거 쓸 때 마다 그 자리에 긴 코드가 실행 Alert 여는 코드 function으로 축약해보기 버튼의 onclick 안에 길고 더러운 자바스크립트 코드가 있었는데 그걸 함수 문법을 이용하면 짧게 축약해서 ..

css에서 UI를 숨기고싶으면 display:none; 주면 되고, 다시 보여주고 싶으면 display:block; 넣으면 보임 이게 싫으면 visibility:hidden; 거의 모든 html태그 내에 onclick이라는 속성을 넣을 수 있는데 이걸 넣게되면 해당 html을 클릭시 onclick안의 자바스크립트를 실행 버튼 예시로 Alert UI 디자인해서 안보이게 만들어보자! step 1. Alert UI 디자인부터 하기 html파일부터 들여다보면 알림창 css에서는 이것을 먼저 가려야하고 자바스크립트로 버튼누르면 보이게 할것임 그러기 위해서는 css로 먼저 저창을 가려놓아야함 .alert-box { background-color: pink; padding: 10px; color: white; bor..

자바스크립트의 기본 단어들을 해석해보자 ! 반갑습니다 부분에 단어들을 해석해보면 document → 문서를 의미함. 여기서는 html 웹문서 의미 마침표 (.) → ~의 getElementById('hi') → 아이디가 ‘hi’인 html 요소 일면(element) 를 찾아라 innerHTML → 내부 HTML이라는 뜻 = → 등호는 프로그래밍에서 오른쪽에 있는걸 왼쪽에 대입하라는 뜻 ‘안녕’ →안녕이라는 문자(큰따옴표, 작은따옴표안에 담겨있으면 항상 문) html 바꾸는법 document.getElementById('???').??? = '???'; 여기 물음표만 맘대로 바꿔주면 html의 모든걸 변경하고 조작가능 src 바꾸는법 document.getElementById('???').src = 'pr..