HTML-CSS-JS

String(문자열) 메서드 String 메서드는 String 객체에 관련된 문자열을 작업할 때 사용한다. split(분열) 역할 : 문자열을 분할하는 mathod 문법 : string.split( separator,limit ) 첫번째 인자값 : string으로 자

고차 함수 개념 > 고차함수는 함수를 변수처럼 파리미터로 넘겨 줄 수도 있고 결과값을 반환받을수도 있는 함수입니다. 다른 함수를 인자로 받는 경우 > doubleNum 함수는 고차함수이고 doubleNum 함수에 callback에 함수가 들어올 경우 callba

::before / ::after ::before 역할 선택한 엘리먼트 앞에 가상 콘텐츠 삽입 ::after 역할 선택한 엘리먼트 뒤에 가상 콘텐츠 삽입 mouseover 이벤트 역할 마우스가 해당 범위를 들어올 때 콜백함수를 실행 문법 .addEv

setInterval 역할 일정한 시간 간격으로 함수 코드를 반복실행한다. 문법 strInterval(콜백함수,반복 시간) // 반복시간은 1000 = 1초 setTimeout -역할 일정 시간 후 함수 코드를 실행 (한번만) 문법 setTimeout(

Submit event (click) submit click 차이 > form 태그에서 submit을 클릭하면 액션이라는 링크로 바뀌는데 submit에 id를 주고 자바 스크립트로 click 이벤트을 주었을때 click 이벤트도 먹히고 form도 작동하여 2번의 이

DOM (Document Object Model ) 문서 객체 모델 문서에 대한 모든 내용을 담고있는 객체 Document 관련 내용을 객체화 하여 관리한다. 자바스크립트로는 객체화 된 모델을 이용하여 동적 HTML을 제어할 수 있다. elements(요소)

선언 방법let Arrow = () => console.log("Arrow");화살표 함수는 항상 익명함수로 사용한다.기본 문법매개변수가 없는 경우 - ( ) 소괄호 필수let abc = () => console.log("abc");abc(); // 출력 abc매개변수

"단순한 데이터"이고 실제 값 자체를 가지고 연산이 이루어 진다. 종류로는 "null, undefined, string, number, boolean" 등이 있다.모든 연산이 실제 값이 아닌 값의 주소를 참조하여 연산한다. 종류로는 객체(Object), 배열(Array

다중 for문 정의 - for문안에 for문을 사용한것을 다중 for문이라고 한다. 예를 들어 구구단을 만들고 싶다면 이런식으로 for문안에 for문을 넣어 구구단을 만들수 있다. 별찍기 예제 다른예로 다중 for문을 이용하여 알고리즘 기초문제로 자주 나오는 별찍

1\. 1~10까지 출력을 하시오.답:for(let i = 0; i < 11; i++){console.log(i)}해석 : i가 0이고 i가 11보다 작은 수 이면 +1을 계속 반복한다.2\. 1~20까지 출력하는데 숫자가 5배수일때.hello world로 바꿔서

함수(function)의 역할은 특정 역할을 동일시 수행할 경우function 이라는 예약어를 사용한다사용 문법예약어 함수명(임의로 지정할 수 있다)function suhwan(){}함수 정의function suhwan(){ console.log("hello world

\- JavaScript를 배우기 전 기초 용어/개념 정리API = 운영체제가 제공하는 함수의 집합체이고 수업에선 우선 "모듈"이라고 칭하였다.OS = 운영체제 (Winodw, Linux, Unix)컴퓨터의 결과물인 0,1 이진법을 우리가 눈으로 볼 수 있고,여러가지

오늘은 간단하게 홈페이지에 게시판 부분을 만들어 보았다.h1을 이용해 게시판 로고를 클릭하면 게시판화면으로 돌아오도록 설정하였다.<table>을 이용해 5칸씩 3줄짜리 표를 만든후 번호,제목,작성자 등을 추가하고 제목을 클릭하면 게시글영역으로 이동하게 링크를 걸어

<input>을 사용해 체크박스를 만들었다.<label for=""> 을 사용해 이름을 정하였다.<div>를 사용해 버튼을 누르면 나올 popup 영역을 만들고 <h2>로 제목부분을 만들었다.checkbox부분을 display:none을 사용해

<input>을 이용해 체크박스를 하나 만들어 놓고 체크박스 위에 아이콘 모양을 만들기 위해 <span>을 3개 만들어두었다. <div> <ul><lu>를 이용해 icon 클릭시 나올 menu부분도 추가하였다. icon을 display:no

html을 이용해 메뉴얼을 만들기 위해 어제와 같은 방법으로 메뉴를 만들었다."h2" 부분에 글씨 크기와 색상을 조절하였다."h2"와"span" 부분에 block 성질을 이용하여 다음칸으로 넘어주고 글씨크기와 색상을 조절하였다."p" 부분에 글씨 크기와 위치를 조절하였

브라우저는 크롬, 파이어폭스, 사파리 등이 있으며 주로 웹 정보를 화면에 표시해 주는 소프트웨어이다.\*( 이때 크롬, 파이어폭스, 사파리 등 브라우저마다 랜더링 방법이 다르다. )브라우저에는 크게 네트워크와 랜더링 화면으로 나뉘는데네트워크는 주로 랜더링을 가져오는 역

파일명을 만들 때 영어로 할 것확장자는 파일명.html로 만들 것특수문자/띄어쓰기 X예외 특수문자 - \_ (예시 hello_world.html)Tip! 만 쳐도 HTML형태로 완성된다.Point\* <input> 속성과 속성값 구분할 줄 알아야 함내가 쓰는 속성

<title>경일게임아카데미</title>우선 <title>을 사용하여 홈페이지 이름을 만든다. <link href="./sample.css" type="text/css" rel="stylesheet"> <link> 를 사용하여 내가 가