funfunweb

자바스크립트에서 함수는 코드를 재사용하고 구조화하기 위한 핵심적인 구성 요소입니다. 함수는 일련의 작업을 수행하는 코드 블록이며, 이를 호출하여 코드를 실행할 수 있습니다. 함수는 매개변수(parameter)를 받아들일 수 있고, 결과값을 반환할 수도 있습니다. 함수 만드는 방법1. 선언적 함수2. 익명함수3. 함수 표현식  함수 호출 방법선언적 함수는 함수 이름을 적어준다.익명함수 호출 불가능함수표현식 호이스팅(Hoisting)의 뜻은 영어로 '끌어올리다, 게양하다' 라는 뜻으로 자바스크립트가 실행될 때 끌어올려지는 현상을 말한다.

사용자에게 입력을 요청하는 대화 상자 표시사용자가 "확인"을 클릭하면 메서드 prompt()는 입력 값을 반환하고, 그렇지 않으면 null 을 반환한다.사용자는 확인 또는 취소를 클릭하여 계속 진행해야 한다.상자가 닫힐 때까지 사용자가 페이지의 다른 부분에 엑세스 하는 것을 방지한다. prompt(text, defaultText)  prompt 에 입력된 값은 string 형식으로 출력된다. ssSee the Pen Untitled by 정은 (@luchiaChoi) on CodePen.

head안에 script 를 넣으면 사용자가 html 다운받았을때 브라우저가 분석해서 css와 병합하여 dom 요소로 변환하는데 스크립트 태그가 보이면 html parsing 하는것을 멈추고 main.js 다운받아서 실행하고 다시 parsing한다. 단점은 js 사이즈가 크고 내용이 많으면 느리게 뜬다. (스크립트 다운받고 실행할때까지 스크립트 아래쪽 페이지를 볼수 없음) 스크립트에서는 스크립트 아래에 있는 dom요소에 접근할 수 없다. 스크립트를 head에 포함하는것은 좋지 않다. 그래서 많이 사용하는게 body 맨 끝에 넣는데 console 출력 html 모두 퍼싱후 모든 준비후 스크립트 다운 fetching하고 실행(executing) 단점 사용자가 기본적인 html 빨리 볼수있지만 javascri..

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