[], {}, () 대괄호 [] 1. list 나열 혹은 list 인덱스 지정 ex) list[0], list[1] 중괄호 {} 1. dictionary 만들때 {'key':'value'} 2. style tag 지정 시 3. 특정 function에 대해 정의 할 때 function test(){} 형식이 되겠죠.. 4. for / if 등의 문법 상 필요할 때 소괄호 () 1. for나 if 같은 문법에 조건 식 넣을 때 JSON (Javascript Object Notation) 데이터를 저장하거나 전송할 때 많이 사용되는 "경량" Data 교환 형식 쉽게 말해서 javascript에서 객체를 만들 때 사용하는 표현식을 의미 -- 사람 기계 모두 이해하기 쉬우며 용량이 작아서 데이터 전송에 많이 쓰이..

// settimeout : 실행할 함수, 초(밀리세컨 단위) [callback] 콜백함수 : 간단하게 다른 함수에 매개변수로 넘겨준 함수를 의미 매개변수로 넘겨받은 함수는 일단 매개변수 먼저 넘겨받아둔 상태에서 일정 시점(때)가 되면 나중에 호출(call back)한다는 의미 // 콜백함수가 필요한 이유 1. 변수의 유효범위 (scope) 2. 동기/비동기(synchronous/Asynchronous) -> 이런 걸 위해서 함수를 활용하는 하나의 방법론적인 부분 유용한데.. 내가 a~z까지 console 찍는 행위를 제어하고 싶으면 코드가 너무 복잡해진다.. -> Callback Hell -- 작성자 입장에서는 크게 문제가 안될 수도 있으나 이걸 추후에 누군가 유지보수 한다고 생각하면? hell 이다...

'part-2/02_promiseConstructor.js' 파일을 구현하고, 테스트를 통과합니다. callback이라는 매개변수(parameter) 대신, Promise의 resolve, reject 함수를 이용하세요. part-2/03_basicChaining.js은, 앞서 작성한 getDataFromFilePromise를 이용해서 풀어야 합니다. fs 모듈을 직접 사용하는 것이 아닙니다. getDataFromFilePromise를 이용해, 'files/user1.json' 파일과 'files/user2.json' 파일을 불러오고, 두 파일을 합쳐서 최종적으로 두 객체가 담긴 배열을 만드는 것이 목표입니다. 파일 경로를 찾을 때, user1Path 및 user2Path를 이용하세요. then이 어떤 ..

1. each // [ for-each ] // 1. collection(배열 혹은 객체)과 함수 iteratee(반복되는 작업)를 인자로 전달받아 (iteratee는 함수의 인자로 전달되는 함수이므로 callback 함수) // 2. collection의 데이터(element 또는 property)를 순회하면서 // 3. iteratee에 각 데이터를 인자로 전달하여 실행합니다. _.each = function (collection, iteratee) { // TODO: 여기에 코드를 작성합니다. if (Array.isArray(collection)) { for (let idx = 0; idx 인자가 짝수판별 조건에 부합하는 지에 대한 결과 값을 true 로 뱉어 줄거임 if (짝수판별(짝수판별 인자값..

[ ES5 ] function BbangFrame(zearyo1, zearyo2){ this.base = zearyo1; this.main = zearyo2; } var creambbang = new BbangFrame('밀가루', '크림') console.log(creambbang) var strawberrybbang = new BbangFrame('쌀가루','딸기') console.log(strawberrybbang) [ ES6 ] class BbangFrame2{ constructor(zearyo1,zearyo2){ this.base = zearyo1; this.main = zearyo2; } } let patbbang = new BbangFrame2('밀가루','팥x2') console.log(p..

1. filter : 배열 메서드 - 모든 배열의 요소 중에서 특정 조건을 만족하는 요소를 걸러내는 메서드 - filter 메서드 사용 예시 // 함수 표현식 const isEven = function (num) { return num%2 === 0; } let arr = [1,2,3,4]; // '짝수'를 판별하는 함수가 조건으로서 filter 메서드의 전달인자로 전달된다. let output = arr.filter(isEven); console.log(output); // ->> [2,4] const isLteFive = function (str) { // Lte = less than equal return str.length > ['hello', 'code', 'happy'] - filter 활용 ..

고차함수 Higher order function - 함수를 전달인자(argument)로 받을 수 있고, 함수를 리턴할 수 있는 함수 콜백함수 callback function - 다른 함수(caller)의 전달인자(argument)로 전달되는 함수 - 어떤 작업이 완료되었을 때 호출하는 경우가 많아서, 답신 전화를 뜻하는 콜백함수라는 이름이 붙혀짐 커링 함수 - 함수를 리턴하는 함수 - 따로 커링 함수라는 용어를 사용하는 경우에는, 고차 함수라는 용어를 '함수를 전달인자로 받는 함수'에만 한정해 사용하기도 함 - 고차 함수가 커링 함수를 포함 '함수를 리턴하는 함수'와 '함수를 전달인자로 받는 함수' 모두, 고차 함수로 사용 1. 다른 함수를 인자로 받는 경우 function double(num) { re..

1단계. 문제 이해 및 설계 범위 확정 기능적 요구사항 파일 추가. 가장 쉬운 방법으로는 구글 드라이브 안으로 drag-and-drop 가능하도록 파일 다운로드 여러 단말에 파일 동기화. 한 단말에서 파일 추가 시 다른 단말에도 자동으로 동기화 파일 갱신 이력 조회(revision history) 파일 공유 파일이 편집되거나 삭제되거나 새롭게 공유되었을 때 알림 표시 비기능적 요구사항 안정성: 저장소 시스템에서 안정성은 매우 중요. 데이터 손실 발생하면 안됨 빠른 동기화 속도 네트워크 대역폭: 너무 많이 사용하면 사용자 불편 초래 규모 확장성: 아주 많은 양의 트래픽도 처리 가능해야 함 높은 가용성: 일부 서버에 장애가 발생하거나, 느려지거나, 네트워크 일부가 끊겨도 시스템은 계속 사용 가능해야 함 개략..

1단계. 문제 이해 및 설계 범위 확정 아래와 같은 기능을 갖는 비디오 스트리밍 서비스 설계에 초점을 맞출 예정 빠른 비디오 업로드 원활한 비디오 재생 재생 품질 선택 기능 낮은 인프라 비용 infrastructure cost 높은 가용성과 규모 확장성, 그리고 안정성 지원 클라이언트: 모바일 앱, 웹 브라우저, 그리고 스마트 TV 개략적 규모 추정 일간 능동 사용자DAU 수는 5백만(5million) 한 사용자는 하루에 평균 5개의 비디오 시청 10%의 사용자가 하루에 1비디오 업로드 비디오 평균 크기는 300MB 비디오 저장을 위해 매일 새로 요구되는 저장 용량 : 150TB CDN 비용 클라우드 CDN을 통해 비디오를 서비스할 경우 CDN에서 나가는 데이터의 양에 따라 과금 아마존의 클라우드프론트C..

검색어 자동완성 (autocomplete, typehead, search-as-you-type, incremental search)에 관한 이야기. 1단계. 문제 이해 및 설계 범위 확정 요구사항 빠른 응답속도 : 사용자가 검색어를 입력함에 따라 자동완성 검색어도 충분히 빨리 표시되어야 함 페이스북 공식 문서 기준 시스템 응답속도는 100밀리초 이내여야 한다 연관성 정렬 : 시스템의 계산 결과는 인기도(popularity) 등의 순위 모델(ranking model)에 의해 정렬되어 있어야 한다. 규모 확장성 : 많은 트래픽을 감당할 수 있도록 확장 가능해야 한다. 고가용성 : 시스템의 일부에 장애가 발생하거나, 느려지거나, 예상치 못한 네트워크 문제가 생겨도 시스템은 지속 가능해야 함 개략적 규모 추정 ..

1단계. 문제 이해 및 설계 범위 확정 페이스북 메신저, 위챗(WeChat), 왓츠앱(WhatsApp) 처럼 1:1 채팅에 집중하는 앱, 슬랙(Slack) 같은 그룹 채팅에 중점을 둔 업무용 앱, 게임 채팅에 쓰이는 디스코드(Discord) 같이 대규모 그룹의 소통과 응답지연(latency)이 낮은 음성 채팅에 집중하는 앱 요구사항 1. 응답지연이 낮은 1:1 채팅 기능 2. 최대 100명까지 참여할 수 있는 그룹 채팅 기능 3. 사용자의 접속 상태 표시 기능 4. 다양한 단말 지원. 하나의 계정으로 여러 단말에 동시 접속 지원 5. 푸시 알림 6. 5,000만 DAU(Daily Active User: 일별 능동 사용자 수) 처리 2단계. 개략적 설계안 제시 및 동의 구하기 이 채팅 서비스는 아래 기능 ..

뉴스 피드 란? 홈 페이지 중앙에 지속적으로 업데이트 되는 스토리들로, 사용자 상태 정보 업데이트, 사진, 비디오, 링크, 앱 활동(app activity), 그리고 페이스북에서 팔로우하는 사람들, 페이지, 또는 그룹으로부터 나오는 '좋아요(likes)' 등을 포함하는 것 비슷한 유형의 문제로 페이스북 뉴스 피드, 인스타그램 피드, 트위터 타임라인 설계 등이 있다고 한다. 1단계. 문제 이해 및 설계 범위 확정 모바일 앱, 웹 모두 지원해야함 새로운 스토리 올리기 및 보기 다 가능해야한다. 피드 나열은 간단하게 시간 흐름 역순(reverse chronological order)으로 : 최신순 한 명의 사용자는 최대 5000명의 친구를 가질 수 있음 트래픽 규모는 약 1,000만명 피드에는 이미지나 비디오..