funfunweb

waypoint cdn https://cdnjs.com/libraries/waypoints waypoints - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers Easily execute a function when you scroll to an element - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN service trusted by over 12.5% of all websites, serving over 200 billion requests each month,..

CSS Grid는 2차원(row과 column)의 레이아웃 시스템을 제공합니다. 사용 방법: display:[grid],[inline-grid] 1 2 3 4 5 6 7 8 9 부모 container 에 display:grid 를 주었지만 화면 변화는 없다. grid-template-column - 그리드 열의 라인 이름과 트랙 크기 조정 기능 정의 /* Keyword value */ grid-template-columns: none; /* values */ grid-template-columns: 100px 1fr; grid-template-columns: [linename] 100px; grid-template-columns: [linename1] 100px [linename2 linename3]; ..

jquery란? jQuery는 빠르고 작고 기능이 풍부한 JavaScript 라이브러리입니다. 다양한 브라우저에서 작동하는 사용하기 쉬운 API를 사용하여 HTML 문서 순회 및 조작, 이벤트 처리, 애니메이션 및 Ajax와 같은 작업을 훨씬 더 간단하게 만듭니다. 다양성과 확장성의 조합으로 jQuery는 수백만 명의 사람들이 JavaScript를 작성하는 방식을 변경했습니다. 라이브러리란(library)? 자주 사용하는 기능과 효과(그들을 실행하는 프로그램)을 javascript 코드로 미리 만들어 두고 재활용할 수 있게 한것 jquery library 가지고 오는 방법 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and fe..

replace 문자열에서 특정 문자를 다른 문자로 변경할 때 사용 str1의 값은 변동 없고, str3에는 변경된 값이 저장된다. 대소문자 구분한다. See the Pen 다str1른문자로 변경 replace by 정은 (@luchiaChoi) on CodePen.

concat 두개의 문자열을 하나의 문자열로 만들어 주는 함수 입력값을 문자열 대신 배열을 사용하면 두개의 배열을 하나의 배열로 만들어 준다. let str1 = 'hi'; let str2 = 'javascript'; let str3 = str1.concat(str2); document.write(str3); See the Pen javascript concat 문자열합치기 by 정은 (@luchiaChoi) on CodePen.

indexOf, search 대상 문자열에 조건 문자열이 포함되어 있는지 확인 후 포함되어 있다면 몇번째 위치에서 처음 확인이 가능한지를 리턴해주는 함수이다. 찾는 문자열이 없을 경우 -1 반환한다. 대소문자 구분한다. indexOf h i w o r l d 0 1 2 3 4 5 6 7 let str = 'hello world'; document.write(str.indexOf('world')); world 가 몇번째 있는지 출력 6 반환 공백도 인덱스 번호가 있다. let str = 'hi world'; document.write(str.indexOf('hello')); See the Pen javascript :indexof 특정문자열 by 정은 (@luchiaChoi) on CodePen. sear..

let str = 'welcome'; document.write(str.charAt(4)); //인덱스 번호 4번에 해당하는 글자 반환 인덱스 번호는 0번부터 시작 w e l c o m e 0 1 2 3 4 5 6 4번 방에는 o 가 있으므로 o 반환한다.

for in 객체의 값들을 반복문을 이용하여 출력할 수 있다. See the Pen javascript:for in by 정은 (@luchiaChoi) on CodePen. obj 라는 객체 안에 a,b,c라는 property 를 만들고, 각 property 의 값들을 할당 in 뒤에 객체명 입력하고 객체 안의 각각의 속성을 key1 으로 지정하여 출력하고 객체에서 각 속성의 값은 객체명[속성명]의 문법으로 출력 for of 배열의 값을 item 변수로 할당 받아 해당 값 출력 See the Pen javascript roop -for of by 정은 (@luchiaChoi) on CodePen.

초기문; while(조건문){ 실행문; 증감문; } 0~ 10까지 출력 See the Pen javascript while loop by 정은 (@luchiaChoi) on CodePen. 초기문으로 변수를 초기화하고, while 문의 괄호()에 조건문 작성 중괄호 안에 반복될 구문 실행 마지막으로 변수의 값을 증감하는 증감식 작성 do while 문 초기문; do{ 반복될 구문; 증감문; } while(조건문); 0부터 10까지 출력 See the Pen javascript do while by 정은 (@luchiaChoi) on CodePen.

for(초기식;조건식;증감식){ 조건이 참일 경우 실행문; } 반복문 for 1~ 10까지 출력하는 반복문 See the Pen javascript loop for by 정은 (@luchiaChoi) on CodePen. for(let i = 1; i