Bleeding edge

Promise란? 프로미스는 자바스크립트 비동기 처리에 사용되는 객체입니다. 자바스크립트는 일반적으로 동기 처리를 하는 싱글 스레드 언어인데, 위에서 아래로 글을 읽듯이 하나 둘 처리하는 방식이다. 비동기 처리는 동시에 멀티로 처리하는 방식을 말한다. Promise는 왜 필요할까요? 서버와의 데이터를 요청하는데, 이 때, 데이터를 받아오기 전에 데이터를 처리하면 빈화면이 나오는데, 이를 보안하기 위한 방법중 하나가 프로미스입니다 Promise의 상태 3가지 Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 Rejected(실패) : 비동기 처리가 실패하거나 오류가 발생한 상태 Pending 상태는 ..

자바스크립트에서의 this는 무엇을 의미하는 걸까? 1. 전역 this node.js에서의 this, 브라우저에서의 this는 할 수 있는 것이 다르다. 예를들면 node.js에서의 this는 alert가 안되고, 브라우저에서의 this는 alert가 가능하다. 이렇게 가장 밖에서 쓰는 this를 전역 this라고 한다. (this.process.env는 node에는 있지만, 브라우저에서는 없다) 2. 함수 this function(){ console.log(this) } 함수에서의 this는 window, 전역을 이야기한다 3. 메소드 this const obj = { name : 'obj', method : function(){ return this.name } } 같은 depth의 this값을 불러..

1. 하이브리드 앱, 크로스플랫폼 앱을 만들 수 있다. 하이브리드 앱을 만들고 싶다면 IONIC 하이브리드 예시 - 아마존, 위챗 크로스플랫폼을 만들고 싶다면 리액트 네이티브 리액트 네이티브 예시 - Discord, Tencent, Pinterest, 페이스북, 인스타그램 2. 맥, 윈도우 리눅스를 이용한 데스크톱 소프트웨어를 만들 수 있다 JS와 electron을 이용해서 만들 수 있다 예시 VSC, slack skype github, atom 3. 비디오게임을 만들 수 있다 Phaser Js Impact JS, 또한 Node JS, socket.io를 이용하여 인터렉티브, 멀티플레이어 2D게임도 만들 수 있다 4. 3D VR AR을 만들 수 있다 3JS를 이용하여 만들 수 있다. 카메라 마우스를 활용..

https://yoon-dumbo.tistory.com/entry/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EC%88%98%EC%8B%9D-%EC%B5%9C%EB%8C%80%ED%99%94-javascript [프로그래머스] 수식 최대화 - javascript 문제 [programmers.co.kr/learn/courses/30/lessons/67257] 문제 설명 IT 벤처 회사를 운영하고 있는 라이언은 매년 사내 해커톤 대회를 개최하여 우승자에게 상금을 지급하고 있습니다. 이번 대회에서는 우승 yoon-dumbo.tistory.com function solution(expression) { var answer = 0 const regex1 =..

https://programmers.co.kr/learn/courses/30/lessons/42583 코딩테스트 연습 - 다리를 지나는 트럭 트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 programmers.co.kr 이전에 못풀었던 문제를 푸니까 기분이 좋았다. function solution(bridge_length, weight, truck_weights) { var answer = 0; let sum = 0; let bridge = [] for (let i = 0; i < bridge_length; i++) { bridge.push(0) } ..

https://programmers.co.kr/learn/courses/30/lessons/64065 코딩테스트 연습 - 튜플 "{{2},{2,1},{2,1,3},{2,1,3,4}}" [2, 1, 3, 4] "{{1,2,3},{2,1},{1,2,4,3},{2}}" [2, 1, 3, 4] "{{4,2,3},{3},{2,3,4,1},{2,3}}" [3, 2, 4, 1] programmers.co.kr 개인적으로는, 이 문제가 무슨문제인가.. 하고 멘붕에 빠졌었는데, 어떤 분의 한마디가 문제아이디어를 잡는데 도움이 됬다. 숫자의 갯수로 정렬. 이 문제에서는 a1 a2 a3... an는 각 a1 : n, a2 :n-1 ... an : 1번만큼 출연을 하니 이에 맞게 sort를 하면된다. function solu..

글자의 순서를 알맞게 해주는 메소드로.. list.sort((a, b) =>a.localeCompare(b);) 와 같이 사용하면 된다

Object.keys() 오브젝트의 키들 Object.values() 오브젝트 벨류들 Object.entries() 오브젝트 키와 벨류를 둘다 호출 할 때 사용한다. 키와 벨류는 알고있었는데, 엔트리같은 경우 유용할꺼같아서 메모해뒀다 !!

https://programmers.co.kr/learn/courses/30/lessons/43162 코딩테스트 연습 - 네트워크 네트워크란 컴퓨터 상호 간에 정보를 교환할 수 있도록 연결된 형태를 의미합니다. 예를 들어, 컴퓨터 A와 컴퓨터 B가 직접적으로 연결되어있고, 컴퓨터 B와 컴퓨터 C가 직접적으로 연결되어 있 programmers.co.kr function solution(n, computers){ let answer = 0; let visited = []; for (let i = 0; i{ if(index!==now&&graph[now][index]===1&&visited[index]===false){ //[connected index] visited process dfs(graph, ind..