본문 바로가기
728x90

자바스크립트

[Javascript] Callback_실행시점, 매개변수, this 제어권 위임
개발일지/JavaScript 2024. 4. 11. [Javascript] Callback_실행시점, 매개변수, this 제어권 위임 * 해당 게시글은 인프런 강의 '정재남_코어 자바스크립트'를 수강한 후 정리하였습니다. callback Function 회신되는 함수 콜백함수를 다른 함수나 메서드에 인자로 넘김으로써, 그 콜백 함수의 실행 시점이나 방법, 매개변수 등을 그 함수나 메서드가 결정하도록 하는 것을 의미한다. 비동기 처리, 이벤트 퍼리 등의 상황에서 사용된다. 제어권 위임 콜백 함수의 실행시점, 매개변수, this의 제어권을 위임하게 된다. 실행시점 예시 1. setInterval은 일정한 주기로 한 번씩 인자로 받은 함수를 실행하는 주기함수이다. setInterval은 첫 번째 인자로 Callback함수를 넘겨주고 두 번째 인자로 ms단위의 주기를 넘겨주게 된다. 결국 setInterval( callback, millise..
[Javascript] 데이터 타입(Data Type)_기본형(Primitive)과 참조형(Reference)의 메모리 할당 순서와 차이점
개발일지/JavaScript 2023. 12. 14. [Javascript] 데이터 타입(Data Type)_기본형(Primitive)과 참조형(Reference)의 메모리 할당 순서와 차이점 자바스크립트에서 데이터 타입(Data Type)은 기본형과 참조형으로 크게 두 가지로 분류된다. 각 데이터 타입에 대한 메모리 할당 순서와 어떤 차이점이 있는지 살펴보고자 한다. 기본형 타입(Primitive Type) 원시 타입이라고도 한다. 원시 타입의 변수들은 데이터 복사가 일어날 때, 메모리 공간을 새로 확보하여 독립적인 값을 저장한다. null을 제외한 모든 기본 타입은 typeof연산자로 테스트가 가능하다. typeof null은 object를 반환한다. 때문에 == null을 테스트해야 한다. 기본형 타입에는 총 6가지 타입이 존재한다. Number String Boolean null undefined Symbol Symbol은 ES6에서 추가된 타입이다. 참조형 타입(Reference Ty..
[코딩테스트] 230718_아이스 아메리카노
프로그래머스 2023. 7. 18. [코딩테스트] 230718_아이스 아메리카노 아이스 아메리카노 function solution(money) { var answer = []; answer.push(Math.floor(money / 5500)) answer.push(Math.floor(money % 5500)) return answer; }
개발일지/JavaScript 2023. 4. 7. [Javascript] Math.trunc() 개요 프로그래머스에서 입문문제를 풀다가 발견하였다. '두 수의 나눗셈'을 구하는 문제였고, 나는 return 영역에 Math.floor로 정수부분의 값을 반환하였는데, 문제를 풀고 나서 다른 사람들의 풀이를 보고 새로운 메소드를 보게 되었고, 이를 구글링한 정보를 정리하고자 한다. Math. trunc() ? 소수 자릿수를 제거하여 숫자의 정수 부분을 반환하는 메소드이다. 구문은 하단의 내용이며 기본적인 사용 예시를 함께 볼 것이다. Math.trunc(x) // x: 숫자 //반환값: X의 정수부분을 반환한다. // Math.trunc 사용 예------------------------------------------------------------- console.log(Math.trunc(13.37..
블록체인_9기/💛 JAVASCRIPT 2023. 3. 29. 16강_230323_Javascript(getBoundingClientRect, JSON, Storage.clear) 목차 016 1. getBoundingClientRect 👩‍🏫예시_스크롤 시 y좌표의 값에 따라 태그가 채워지는 애니메이션 2. JSON 3. Storage.clear( ) 👩‍🏫예시_input을 이용하여 리스트를 생성하고 요소별 삭제하기 getBoundingClientRect 해당 태그의 사각면과 위치 값을 구할 수 있다. 👩‍🏫예시_스크롤 시 y좌표의 값에 따라 태그가 채워지는 애니메이션 JSON Douglas Crockford가 널리 퍼뜨린 Javascript 객체 문법을 따르는 문자 기반의 데이터 포맷 JSON 안에는 Javascript의 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 다. Javascript와 객체 문법이 아주 유사하지만 꼭 Javascript..
230317~230321_toy project_마리오 골드 턴게임 제작
프로젝트/팀 프로젝트 2023. 3. 27. 230317~230321_toy project_마리오 골드 턴게임 제작 개요 첫 팀 프로젝트로 턴게임 제작에 들어갔다. 간단한 토이프로젝트로 주말을 포함하여 5일간의 작업을 통해 제작되었다. 제작조건은 다음과 같다. 제작조건 - 간단한 로그인 페이지 제작 - 회원가입 없이, 정해진 아이디, 패스워드 입력 시 게임시작 페이지로 이동. - 잘못 입력 시 다시 입력 - 게임 시작 페이지 제작 - 상점 페이지 제작 - 인벤토리 제작 - 게임 플레이. 턴 게임으로 제작 - 플레이어는 체력, 공격력, 방어력, 경험치, 돈을 가지고 있다. - 몬스터는 체력, 공격력, 방어력, 보상을 가지고 있다. - 플레이어와 몬스터는 턴 방식으로 공격한다. - 공격 시 일정 확률로 크리티컬이 발생한다. (공격력 * 2) 기획과정 기획 단계 시, 현재 우리가 만들 방식의 게임을 모티브 할 수 있는 게임..
13강(과제X)_230316_Javascript(callback, 스텍&큐, 콜 스택, 실행 컨텍스트, 화살표함수, this, setTimeout, 비동기함수)
블록체인_9기/💛 JAVASCRIPT 2023. 3. 16. 13강(과제X)_230316_Javascript(callback, 스텍&큐, 콜 스택, 실행 컨텍스트, 화살표함수, this, setTimeout, 비동기함수) 목차 013 1. callback 함수 👩‍🏫코드예시_구구단 2. 스택과 큐 3. 콜 스택(call Stack) 4. 실행 컨텍스트(execution context) 5. 화살표함수(arrow function) 6. this 함수 7. 비동기함수 callback 함수 함수의 매개변수로 함수를 실행시킬 수 있다. 함수의 코드를 작성하다가 함수의 매개변수로 전달받은 함수를 필요한 순간에 실행시킨다. function test(callback) { // 함수를 매개변수로 전달받을 함수 test console.log("1번 작업 끝"); console.log("2번 작업 끝"); if(true){ callback(); // 값이 true일때 매개변수로 전달받은 함수인 test2를 실행한다. } } function..
12강(과제X)_230315_Javascript(배열의 메소드, 문자열의 메소드, lotto 추첨코드)
블록체인_9기/💛 JAVASCRIPT 2023. 3. 15. 12강(과제X)_230315_Javascript(배열의 메소드, 문자열의 메소드, lotto 추첨코드) 목차 012 1. 배열 2. 익명함수 3. 배열의 메서드 4. 문자열의 메서드 5. 👩‍🏫코드예시_로또 추첨 기계.js 배열 배열은 리스트와 비슷한 객체로서 순회와 변형 작업을 수행하는 메서드를 갖는다. 인덱스의 순서로 해당 값에 접근할 수 있다. 사람은 1부터 숫자를 세지만 배열은 0부터 숫자를 세기 때문에 인덱스는 " 0 ~ 배열의 길이 - 1 "의 값을 가진다. 다른 언어(C, C++, C# 등)에서는 배열이 list 타입이 있는데 자바스크립트에서는 Arr타입이 있고 사용자가 편하게 접근하기 위해서 조금 허술한 부분이 있다. 💡 Javascript의 배열은 객체이다. Javascript안에서 배열은 메서드를 사용할 수 있다. Javascript에서의 배열은 다른 언어와는 달리 배열의 요소를 위한 각..
블록체인_9기/💛 JAVASCRIPT 2023. 3. 15. 11강_230314_Javascript(함수_function, 매개변수, return, alert) 목차 011 1. 함수 2. 변수의 스코프 3. 호이스팅(hoisting) 4. 매개변수 5. return 6. alert 함수 래퍼런스 타입 함수는 실행할 코드들의 이름을 지어준다. 반복 사용하는 기능들을 묶어서 관리한다. JavaScript에서 모든 함수는 Function 객체이다. 함수를 실행시키면 스택에 함수 실행이 쌓이고 순서대로 실행이 된다. 함수 선언: function 함수이름(매개변수) { 실행시킬 코드를 작성 } 함수 실행: 함수이름(매개변수에 전달받을 값); function fun() { console.log("fun 함수 실행됨"); //fun이라는 함수를 선언함. 선언해놓은 함수를 사용하여야 한다. console.log("fun 함수 실행됨"); console.log("fun 함수 ..
728x90

티스토리툴바