목록분류 전체보기 (39)
남고생들의 소소한 개발 일지
arguments란 arguments 객체는 함수에 전달된 인수에 해당하는 배열 형태의 객체이다. 여기서 결과는 가 나온다. 이유는 arguments 안에는 사용자가 전달한 인자가 2개이기 때문이다. 매개변수의 수 매개변수와 관련된 두 가지 수가 있는데 하나는 함수.length, 다른 하나는 arguments.length이다. arguments.length는 실제로 함수에게 전달되는 인자의 수를 의미하고, 함수.length는 함수에 정의된 인자의 수를 의미한다. 아래의 코드를 보자. arguments.length의 값은 1, 2, 3, 4가 나오고 sum.length의 값은 sum 함수에 인자 값이 없기때문에 0이 나온다. 참고 생활코딩
클로저란 내부함수가 외부함수의 맥락에 접근할 수 있는것 을 가킨킨다고 한다. 클로저에 대해 알아보기 전에 내부함수와 외부함수에 대해서 알아보자 내부함수 다음 코드를 봤을 때 두 개의 함수가 등장한다. outter와 outter내부에 inner가 정의되어 있다. 밖에 있는 outter를 외부함수, 안에 있는 inner를 내부함수라고 한다. function outter(){ var title = '클로저예제1'; function inner(){ alert(title); } inner(); } outter(); inner함수에서는 inner밖에 있는 title란 변수를 사용할 수 있다. 그래서 위 코드를 실행시켜보면 '클로저예제1'가 출력이 될 것이다. 클로저 클로저는 내부함수가 외부함수의 맥락에 접근할 수 ..
이번 시간에는 비동기 처리에 대해 알아보겠습니다. 전 시간에 배운 콜백은 비동기 처리에서도 유용하게 사용됩니다. 콜백에 대해 안배우신분들은 아래 링크에서 학습해주세요 [JS] 값으로서의 함수와 콜백 (1) 비동기 처리는 시간이 오래 걸리는 작업이 있을 때 이 작업이 완료된 후에 처리해야 할 일을 콜백으로 지정하면 해당 작업이 끝났을 때 미리 등록한 작업을 실행하도록 할 수 있습니다. 아래 예제는 일반적인 환경에서는 작동하지 않고 서버 환경에서만 동작합니다. datasource.json.js {"title":"JavaScript","author":"egoing"} ----------------------------------------------------- demo1 코드 한줄한줄 살펴보겠습니다. jqu..
JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. function a(){} 위의 예제에서 함수 a는 변수 a에 담긴 값이다. a = { b:function(){ } }; 다음과 같이 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체에 담긴 함수 b와 같은 것을 메서드(method)라고 부른다. function cal(func, num){// func = increase, num = 1// func = decrease, num = 1 return func(num)// increase(1)// decrease(1) } function increase(num){// num = 1 return num+1// return 2 } function dec..
다음주 JS 일정 월 화 수 목 금 토 일 MainBrain Imsosexy delli GRapple byrung kantata5789 회의 다스12님은 JS를 이미 아는 부분이라 글 내용만 보시다가 나중에 모르는 부분이 나올 때부터 다시 하기로 하셨다. 다음주부터 토이 프로젝트 시작할 예정.
변수 혹은 함수에는 유효범위(Scope)가 있다. Javascript같은 경우에는 var형은 function scope고, let과 const는 block scope다. function scope란 말 그대로 함수 내에서 유효한 범위를 말하고, block scope는 중괄호를 기준으로 유효한 범위를 말한다. function test(){ var a = 10; } console.log(a); //Error for(var i = 10; i
다음 주는 학교 시험으로 인하여 JS공부 휴식 토이 프로젝트 진행 민사고 간편 결제 제작기를 참고하여 필요한 다른 기능들을 추가하여 토이 프로젝트를 진행하려고 한다. 기한 : 내년 학교 축제 전 다음주까지 할 일 : 우리가 만들 토이 프로젝트에 대한 이해 (위 사이트 읽어보기) 글 쓰는 시간이 늦어지는 것과 오늘 다스12님과 delli님이 결석하셔서 규칙을 몇가지 더 정하였다. 규칙 추가 지각은 적어도 2~3시간 전에 말하기 (사유없는) 회의 지각 : 5분까지 봐주고 다음 10분당 1천 원 + 반성문 (사유 없는)회의 결석 : 1만 원 + 반성문 회계 관리 : 카카오 뱅크 셰이프 박스로 관리 (MainBrain님이 관리) 회의 중 다른 일 : 1회 경고 후 반성문 규칙은 곧 정리해서 따로 올릴 예정
정규표현식이란 문자열에서 특정한 문자를 찾아내는 도구이다. 정규표현식 생성하는 방법에는 2가지가 있다. 첫 번째 정규표현식 리터럴 리터럴은 /로 찾고자 하는 패턴을 감싸는 방법이다. 두 번째 RegExp객체 RegExp객체는 정규표현식 객체를 만들어 괄호 안에 찾고자 하는 패턴을 넣어주는 방법이다. 이제 만든 정규표현식을 실행해보겠다. RegExp.exec는 실행결과를 배열로 리턴하는 방법이다. 정규표현식 a에는 /a/가 들어가 있어서 abcd 중에 a를 찾은 후 배열로 리턴을 해주었다. 만약 여기서 a가 없다면 결과값은 널이 나온다. RegExp.test는 test 인자 안에 패턴에 해당하는 값이 있으면 true 아니면 false를 리턴해준다. 참고자료 : https://opentutorials.org..