티스토리

Dev Blog

검색하기

블로그 홈

Dev Blog

nomadkim880901.tistory.com/m

ALL ABOUT ENGINEERING, CAREER and BETTER LIFE 🌳

구독자: 1

방명록 방문하기

주요 글 목록

런타임 node.js 런타임: 런타임이란 프로그래밍 언어가 구동되는 환경(=프로그램) 자바스크립트 런타임: 브라우저, node.js NVM(Node Version Manager): 다양한 node version를 설치하고 관리할 수 있는 프로그램 NPM(Node Package Manager): 필요한 모듈을 다운로드할 수 있는, 모듈들이 모여있는 모듈 스토어 package.json: 프로그램을 실행시키기 위해 필요한 모듈들이 무엇인지, 프로그램을 실행시키는 방법, 프로그램을 테스트하는 방법 등이 명시 dependencies: 프로젝트가 돌아가기위해 반드시 필요한 모듈들. devDependencies: 프로젝트를 개발하는 환경에서 필요한 모듈들. 예를 들면 코드 모양을 잡아주는 lint나 테스팅 모듈. scripts: npm .. 공감수 0 댓글수 0 2020. 12. 2.
비동기 호출 동기 호출 예시 function waitSync(ms) { var start = Date.now(); var now = start; while(now - start < ms) { now = Date.now(); } } // 현재 시각과 시작 시각을 비교하여 ms 범위 내에서 무한 루프를 도는 blocking 함수 function drink(person, coffee) { console.log(person + '는 ' + coffee + '를 마십니다') } function orderCoffeeSync(coffee) { console.log(coffee + '가 접수되었습니다'); waitSync(2000); //2초동안 blocking 시킨다..!!! return coffee; } let customer.. 공감수 0 댓글수 0 2020. 11. 27.
spread syntax VS rest parameter spread syntax 란? 전개 구문(Spread Syntax)는 ECMAScript6(2015)에서 새로 추가된 문법으로 간단하게 이 문법은 문법 이름 그대로 객체 혹은 배열들을 펼칠 수 있게 해 줍니다. 1. 펼칠 대상이 객체인 경우 const myObject1 = { laptop: 'MacBook Pro', tablet: 'iPad Pro 11' } const myObject2 = {...myObject1}; console.log(myObject1); // {laptop: "MacBook Pro", tablet: "iPad Pro 11"} console.log(myObject2); // {laptop: "MacBook Pro", tablet: "iPad Pro 11"} console.log(my.. 공감수 0 댓글수 0 2020. 11. 27.
알고리즘 - 수도코드 작성법 알고리즘을 짜기 위해서는 수도코드를 잘 작성할 줄 알아야 합니다. 이는, 현실 세계의 문제를 추상화하여 각각의 함수가 잘 작동할 수 있게 간결하게 작성하는 연습입니다. 이를 위해서, 세가지, 요구사항이 하나 이상인 문제를 여러개로 쪼개서 생각할 수 있는가. 문제를 일상적인 문장으로 표현할 수 있는가. 잘게 쪼갠 특정 문제가 Javascript의 어떤 개념과 연관되는가. 그리고, 갖추어야할 능력 5가지. 작성한 수도코드를 자바스크립트로 능숙하게 바꿀 수 있다. 타입 확인과 변환을 능숙하게 할 수 있다. 이중 반복문을 능숙하게 사용할 수 있다. 반복문 내에 여러개의 if문을 능숙하게 사용할 수 있다. for문과 while문이 필요한 때를 쉽게 파악할 수 있다. 알고리즘 문제 풀기 프로세스 텍스트에서 foo라.. 공감수 1 댓글수 0 2020. 11. 10.
고차함수(Higher Order Function) 특별한 대우를 받는 일급 객체(first-class citizen)인 함수는 세가지 특별 대우를 받습니다. 변수에 할당할 수 있다. assignment 다른 함수의 인자로 전달될 수 있다. argument 다른 함수의 결과로서 리턴될 수 있다. return 함수를 데이터(string, number, boolean, array, object)를 다루듯이 다룰 수 있다는 걸 의미합니다. 변수에 저장할 수 있기 때문에 배열의 요소나 객체의 속성값으로 저장하는 것도 가능합니다. 다른 함수를 인자로 받는 함수는 caller => 콜백함수를 호출(invoke)하여 실행시킵니다. 그 인자로 전달되는 함수를 callback 라고 합니다. => 호출되어 실행되는데 답신전화를 뜻합니다. => '배열' 데이터를 활용하는 메.. 공감수 0 댓글수 0 2020. 11. 10.
Closure Closure란? 클로져는 "함수와 함수가 선언된 어휘적(lexical) 환경"의 조합을 말합니다. 이 환경은 클로저가 생성된 시점의 유효 범위 내에 있는 모든 지역 변수로 구성됩니다. 통상적으로 "외부함수의 변수에 접근할 수 있는 내부함수"를 클로져 함수라 부릅니다. 외부함수의 실행이 종료된 후에도, 클로져는 외부함수의 스코프를 참조할 수 있습니다. 클로저 사용 예시: 클로저를 통해 커링(currying, 함수 하나가 n개의 인자를 받는 대신 n개의 함수를 만들어 각각 인자를 받게 하는 방법), 클로저 모듈(변수를 외부 함수 스코프 안쪽에 감추어, 변수가 함수 밖에서 노출되는 것을 막는 방법) 등의 패턴을 구현할 수 있습니다. 클로저의 단점: 일반 함수였다면 함수 실행 종료 후 가비지 컬렉션(참고 자료.. 공감수 0 댓글수 0 2020. 11. 8.
Scope Scope란? : 무언가 제한된 범위를 잘 들어다보기 위해 사용되는 개념, 범위가 있어야 함수가 잘 작동하는지 확인할 수 있다 Achievement Goals JavaScript의 Scope의 의미와 적용 범위를 이해할 수 있다 JavaScript의 Scope 주요 규칙을 이해할 수 있다 중첩 규칙 block scope(block-level scope) vs. function scope(function-level scope) let, const, var의 차이 전역 변수와 전역 객체의 의미 Rule1: Scope: 변수 접근 규칙에 따른 유효범위 변수는 어떠한 환경 내에서만 사용 가능. 프로그래밍 언어는 각각의 변수 접근 규칙을 가짐. 변수와 그 값이, 어디서부터 어디까지 유효한지를 판단하는 범위 자바스.. 공감수 0 댓글수 0 2020. 11. 3.
객체 Achievement Goals 객체 기초, 퀴즈, 실습 배열 및 객체 구조를 이해하고 어떻게 사용하는 지 이해할 수 있다. 배열과 객체의 특징을 구분하여 사용할 수 있다. (순서를 가진다, 의미를 가진다) 배열과 객체의 특징에 따라 실생활에서 언제 쓰여야 하는지 이해할 수 있다. 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다. 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다. 객체 실습 - 2 에서 나오는 tweet.content와 tweet['content']의 차이가 무엇인지 확실히 이해한다. obj.a = "hello" 와 같은 이질적인 객체 할당 방식을 능숙하게 다룰 수 있다. 객체 속성 삭제를 위한 del.. 공감수 0 댓글수 0 2020. 11. 3.
배열 배열 기초 메소드 배열 요소(element)의 조회, 추가, 삭제, 복사, 분리 하는 법을 이해할 수 있다. unshift, shift, slice, length 자바스크립트의 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray 배열의 요소(element)를 추가 및 삭제할 수 있다. push, pop 자바스크립트의 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes Array 메소드 구성 1. 원본 배열을 변경하는 Array.prototype 메소드 Array.push(): 하나 이상의 요소를 배열의 가장 마지막에 추가합니다. Array.pop(): 배열의 가장 마지막 요소를 제거하고, 그 제거된 요소를 반환합니다. Array.shift(): 배열의 가.. 공감수 0 댓글수 0 2020. 11. 2.
디버깅이란? 문제 해결을 위한 방법 실험보고서 작성 실험 목적과 원리 실험 도구 및 방법 이론값과 측정값 비교 결과에 대한 논의 결론 참고문헌 예를 들어, 실험 보고서를 작성에 있어, 문제(이상한 결과)가 발생했을때 무엇이 문제인지 단서 확보와 분석이 필요하다. (4.결과에 대한 논의) 문법에러가 아닌 로직에서 에러가 발생한 경우라면? 문제가 발생했을 것이라 생각되는 부분 선정(가설 선정) 가설이 맞는지 틀린지 실험(가설 검증)을 위해 (3.이론값과 측정값 비교) 경우의 수를 하나씩 기대값과 실제값 비교한다.(유닛테스트. 개발방법론: 테스트 주도 개발) 공감수 0 댓글수 0 2020. 10. 28.
반복문 반복문 기초 Achievement Goals 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다. for 문과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다. 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for 문을 만들 수 있다. for와 while의 차이에 대해서 알고 있다. 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있다. 이중 포문이 무엇인지 이해하고 활용할 수 있다. 반복할 내용을 { }block 안에 넣는다. for 구문 - 반복할 조건을 초기화, 조건식, 증감문 순으로 넣는다. for(시작;끝;증가 또는 감소(업데이트되는값)){ 반복할내용 } 예를 들면, let sum = 1; for(let n = 2; n 공감수 0 댓글수 0 2020. 10. 28.
조건문_2020.10.26 Achievement Goals truthy와 falsy 가 조건문에서 작동하는 방식을 이해할 수 있다. 논리 연산자에 대해 이해할 수 있다. if 와 else if , else를 이해하고 무리없이 활용할 수 있다. 복잡한 조건문을 활용하여 실생활에서 쉽게 마주할 수 있는 문제를 해결할 알고리즘을 짤 수 있다. if문 if ( condition1 ) { statement1 } condition1을 만족하면 statement1을 실행한다. if~else문 if ( condition1 ) { statement1 } else { statement2 } condition1을 만족하면 statement1을 실행하고, 만족하지 않으면 statement2를 실행합니다. 다중if문 if ( condition1 ) { .. 공감수 0 댓글수 0 2020. 10. 27.
함수_2020.10.26 Achievement Goals 1 함수의 필요성에 대해서 이해하고, 반복 작업을 편리하게 수행할 수 있다. 함수 선언을 위해 필요한 keyword, name, parameter, body 에 대해 이해할 수 있다. 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있어야 한다. 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다. 함수란? - javascript에서 코드의 집합을 나타내는 자료형이다. - 함수를 변수에 할당하거나 , 함수를 리턴 할 수 있다. 함수 선언 function name([param[, param[, ... param]]]) { statements } name: 함수 이름. param: 함수.. 공감수 0 댓글수 0 2020. 10. 27.
타입기초_2020.10.26 Achievement Goals 자바스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다. 원시 자료형 string, number, boolean, undefined 의 의미를 이해할 수 있다. 타입마다 다른 속성과 메소드가 있다는 것을 이해할 수 있어야 한다. typeof 를 활용하여 특정 값의 타입을 확인할 수 있다. == 및 !=가 타입 검사를 하지 못한다는 것을 알 수 있다. console.log(typeof 42); // expected output: "number" console.log(typeof 'blubber'); // expected output: "string" console.log(typeof true); // expected output: "boolean" console... 공감수 0 댓글수 0 2020. 10. 27.
변수_ 2020.10.26 Achievement Goals 변수의 선언과 할당에 대해서 설명하고 코드로 작성할 수 있어야 한다. 표현문이 값으로 변환되어서 변수에 할당되어 담기는 과정을 설명할 수 있어야 한다. What is the meaning of 변수? 데이터 보관함(메모리) 보관함의 크기는 동일 각 보관함의 이름 = 변수 이름을 통해 데이터 사용(재활용) 변수란? 메모리에 공간을 할당받아 하나의 값을 저장할 때, 그 값을 찾아갈 수 있는 이름 혹은 그 공간 자체를 뜻한다. 변수에는 값, 표현식, 함수 등이 저장될 수 있다. let age = 42; age = '마흔두살 변수의 선언 3가지 var name = '김정은인민지도자?'; //변수선언과 값 초기화. let name = '트럼프대통령'; //블록 범위(scope) 지.. 공감수 0 댓글수 0 2020. 10. 27.
문자열(String)_20201026 String 전역 객체는 문자열(문자의 나열)의 생성자입니다. String(thing) 문자열은 전역 객체를 직접 사용 및 생성할 수 있습니다. 문자열은 변경 불가능한 값입니다. 문자열 메소드 빠르게 찾기 1. str.length: 문자열 길이를 숫자로 반환(공백포함) 2. str[인덱스]: 문자열의 한 글자 반환(공백 포함) 3. str.indexOf(원하는글자): 원하는 글자의 문자의 인덱스 찾기(첫글자인덱스반환) 4. str.lastIndexOf(원하는글자): 마지막 문자열의 첫번째 글자 index를 반환한다.(마지막으로 발견한 문자열) 5. str.substr(시작인덱스,글자수): 문자열 특정 위치부터 특정 문자 수 만큼 문자를 반환. str.substr(2): 0번째 인덱스부터 2개 반환. 6... 공감수 0 댓글수 0 2020. 10. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.