전체 글400 [JavaScript] onClick 시 나타났다 사라지기 / display:none 과 display:block 이용하기 먼저 css의 상태 div{ border:1px solid black; width:300px; height:100px; display:none; } body내용 test click 마지막 script내용 🤔코드 복습 if(id.style.display=="block"){ id.style.display="none"; } 👉 id(앞에 만들어놓은 객체) 의 style 의 display 속성이 block이면 id(앞에 만들어놓은 객체) 의 style 의 display 속성을 none으로 바꿔라! else { id.style.display="block"; } 🙄 문득 든 생각 let id= document.getElementById를 사용하지 않고 id값만을 이용해서 divId.style.display 라고 해.. 2022. 9. 2. [코딩연습] 나무위키 싸이트 따라하기 이번 주 과제에서 내준, 나무위키 싸이트 따라하기 (아직 기능구현 부분에서 안 배운 것들이 있기에, 눈에 보이는 것을 똑같이 따라하면 됐었다) 나무위키를 따라 만들며 느낀 점은 1. div 나누는 것이 매우 중요하다. 2. css의 우선순위를 생각하는 것이 중요하다. 3. table로 만들지, div로 만들지, li로 만든것인지 개발자도구를 통해 알아볼 수 있었다. 4. 난 확실히 프론트 앤드가 재밌다 ㅋ 이게 선생님이 따라치라고 하신 내용이고 이게 내가 만든 부분(뿌듯~) 물론, 나무위키처럼 link 연결이 모두 되어있지 않고, href="#" 처리로 해놓은 상태~! 🙄 추후, 내가 연결해보고 싶은 기능들 1. 최근 수정 시각 표시 2. 우측에 [최근 변경] 페이지를, DB에서 데이터 연결하게 끔 만들.. 2022. 9. 1. [코딩 용어] 갑자기 헷갈리기 시작한 Parameter 와 Argument 의 차이 정리 💭 복습 중 뜬금없이 혼란에 빠진 용어 정리 function 함수명('여기 안에는 파라메터? 어규먼트? ') function myfood(아규먼트(함수를 이용하는 사람이 집어넣은 값)){ alert(test); } 내용이 들어가는거고 그걸 아규먼트라고 한다. 직접, 예제를 만들어보면서 이해해보기 결과값을 아래처럼 나옴 🙄 Parameter 와 Argument 의 차이? Parameter는 함수 혹은 메서드 정의에서 나열되는 변수 명 Argument는 함수 혹은 메서드를 호출할 때, 전달 혹은 입력되는 실제 값 Parameter 매개변수 (변수명) Argument 전달인자, 인자( 입력 값 ) Parameter와 Arguement의 예시 파라메터(매개변수) str1, str2 는 매개변수 function my.. 2022. 8. 30. [JavaScript] JavaScript를 통해 오디오 제어기 만들어보기 맨 처음 웹 개발 과정 공부했을때, 다짜고짜 java를 먼저 시작했던 때가 기억이 난다. 개발 공부를 시작한 지 4개월차가 되가는 지금, 여전히 모르는 것이 많지만 이젠 '이 태그를 왜 사용하고 있는지' , '이 작업을 하면, 아래 뭐가 있겠구나' 정도의 생각은 감히 할 수 있지 않나 뿌듯함이 든다. 공부해나가는 이 과정 속에서 나의 주변 상황들이 내 맘과는 달리 내 뜻을 따라주지 않고 흘러가고 있다지만, 이 어쩔수 없는 상황들 속에서 난 누구에게도 뒤쳐지지 않을 '열심히 살아가는 태도'를 여전히 잃지 않고, 노력해나갈 뿐이라는 생각이 든다. '정진'이라는 말이 요즘 참 좋다☕ 각설하고, 오늘 배운 내용 코드 분석 해야지~ 먼저 상단부분 코드 👇 오디오 제어 메시지 출력 재생 중지 리플레이 볼륨 다운 볼.. 2022. 8. 29. [canvas] canvas가 뭐야~? / canvas를 이용하여 사각형 그림 그리기 😊 학원 수업시간에 추가로 배운 canvas 정리해봐야징~ canvas가 뭐야? 🙄 canvas는 java script를 이용해 그림을 그릴 수 있는 공간을 제공해준다 즉, 도화지라고 생각하면 된다 HTML5에서 도입된 canvas ✔ 도입 배경 플러그인 없이 자바스크립트 코드로 웹 페이지에 자유롭게 그래픽 모바일 단말기/PC를 포함하여 HTML5 표준 브라우저에서 작동 ✔ 그래픽 기능 선, 원, 사각형, 곡선, 이미지, 2차원 문자 이미지 합성 및 변환 ✔ 활용 웹 페이지에 실시간 그래프, 애니메이션, 대화형 게임, 지도 ✔의미 웹이 문서를 보여주는 수준을 넘어 응용 프로그램으로 진화하는 계기 웹 페이지에 canvas는 어떻게 나타내지? 🙄 ☝ 캔버스 공간 할당하기 ( 크기는 얼마짜리 도화지로 할 지 정하.. 2022. 8. 28. [JavaScript] 버튼 누르면 글자색 변하게 하기 / document. getElementById("id값"); 뜻이 뭐에요? 1. 글자색을 변하게 만들고 싶은 태그에 id값을 부여한다. 2. button 을 생성하고, 버튼에 onclick 시 발생할 함수를 입력해준다. onclick="메소드명();" 3. javascript에서 아까 부여했던 id값을 불러온다 그냥 id이름을 부를 수 없고 몇가지 절차가 필요함 4. 아래 내용 [1] let [2] 변수명 [3]= [4]document. [5]getElement [6]ById [7]("id값"); [1] : let은 자료형 [2] : 변수명 (즉, 우리가 앞으로 부를 변수 이름인 셈) [3] : =은 쉽게 말하자면 (오른쪽 의 값을 왼쪽에 담는다) docu부터 시작해서 ");까지 끝나는 데이터를 변수 안에 넣겠다는 것 [4] : document '현재 문서'라는 의미 [5],[.. 2022. 8. 27. 이전 1 ··· 55 56 57 58 59 60 61 ··· 67 다음
