꿀 떨어지는 코딩 양봉장

프라미스 API Promise 클래스에는 5가지 정적 메서드가 있습니다. 이번 시간에는 5가지의 메서드를 알아보도록 하겠습니다. Promise.all 여러 개의 프라미스들을 동시에 실행시킵니다. 모든 프라미스가 준비가 될 때까지 기다립니다. 문법 let promise = Promise.all([..promises...]); 예시 let promise = Promise.all([ new Promise(resolve=>setTimeout(()=>resolve(1),3000)), new Promise(resolve=>setTimeout(()=>resolve(2),2000)), new Promise(resolve=>setTimeout(()=>resolve(3),1000)), ]).then(response=>{ ..

저번 글에 이어서 이번에도 프라미스에 대해서 공부해 보도록 하겠습니다. 프라미스 체이닝 스크립트를 불러오는 것과 같이 순차적으로 처리해야 하는 비동기 작업이 여러 개 있을 수 있습니다. 만약 콜백만을 사용한다면 '콜백 지옥' 혹은 '멸망의 피라미드'가 만들어질 수 있습니다. 더 자세히 콜백에 대해서 알고 싶다면 아래 사이트를 참고하세요 https://ko.javascript.info/callbacks 콜백 ko.javascript.info 만약 이럴떄 프라미스를 사용한다면 여러 가지 해결책을 만들 수 있습니다. 이번 시간에는 프라미스 체이닝(promise chainnig)을 이용한 비동기 처리에 대해서 알아보도록 하겠습니다. 프라미스 체이닝이란? 프라미스 체이닝은 아래와 같이 생겼습니다. new Prom..

콜백 프라미스가 나오게 된 배경을 설명해줍니다. 콜백 함수란 쉽게 설명해서 나중에 호출되는 함수입니다. 프라미스 프라미스란? ES6에 도입된 기술입니다. 프라미스란 제작코드와 소비 코드를 연결해주는 특별한 자바스크립트 객체입니다. 프라미스는 시간이 얼마나 걸리든 상관없이 약속한 결과를 제작코드가 준비되었을 때, 모든 소비 코드가 결과를 사용할 수 있도록 해줍니다. 콜백함수가 해주는 일과 비슷하다고 할 수 있습니다. let promise = new Promise(function(resoleve, reject){ //executor 제작 코드 }); new Promise에 전달되는 함수는 executor(실행자, 실행함수)라고 부릅니다. executor는 new Promise가 만들어질 때 자동으로 실행되고..

취업 성공! 저는 얼마 전 취업에 성공하게 되었습니다. 고등학교에 들어와 취업이라는 목표 하나를 보며 많은 노력들을 했습니다. 이번 글을 통하여 앞으로 취업을 할 후배들을 위하여 구체적으로 제가 어떤 노력들을 했는지 적어보겠습니다. 📗우아한 테크 캠프 1차 코딩테스트 우아한 테크 캠프가 저희 학교에 들어왔습니다. 1차 코딩 테스트, 2차 코딩 테스트, 면접으로 인원을 선발한다고 했습니다. 저는 우아한 테크 캠프에 지원하기 위해서 배우지 않았던 자바스크립트를 공부했습니다. 저는 단기간에 자바스크립트를 배워야 했기 때문에 유튜브 영상을 보면서 자바스크립트의 기본 문법을 익혔습니다. 그리고 대략 한 달 동안 프로그래머스에서 레벨 1,2 문제들을 모두 풀었습니다. 총 4문제 중 2문제를 완벽하게 풀었고 저는 1..

GraphQL에 대해서 공부하기 이전에 REST API에 대해서 간단하게 알아보겠습니다. 📕REST API란 소프트웨어 간 정보를 주고받는 방식입니다. GraphQL이전부터 사용 '다른' 방식 - 용도와 작업 특성에 따라 적합한 것을 사용 ❓REST API를 알아보는 이유 이전 포스팅에서 어떤 언어를 배우기 이전에 언어의 탄생 배경에 대해서 알게 된다면 더욱더 언어를 쉽게 이해할 수 있다고 했습니다. 그래서 이번 시간에 GraphQl의 등장 배경과 목적에 대해서 알아보겠습니다. 저는 인프런에 GraphQL 강의를 보면서 따라 하고 있습니다. localhost:3000/api/team => team의 정보를 가져온다. localhost:3000/api/team/1 =>id가 1인 team의 정보를 가져온다..

평생 고3이 되지 않을 것 같았지만 어느덧 고3이 되고도 6달이 지났습니다. 고등학교 3학년이 되면서 졸업작품 전시회(IT Show)를 하게 되었습니다. 친구들과 어떤 작품을 출품할까 고민하다가 "사용자의 자세를 인식하여 공부 시간을 체크해주는 웹사이트"를 만들게 되었습니다. 단순히 자세를 인식하여 공부 시간을 확인해주는 것뿐만 아니라 사용자의 공부 시간을 그래프로 표시해주며 그룹을 만들어 다른 사람들과 공부 시간을 비교하는 기능 등 다양한 기능들을 추가로 설계했습니다. 어떤 이름을 붙일까 고민하다가 일찍일어나는 새가 벌레를 잡는다 라는 속담을 생각해 새와 관련지어 꿈꾸는 새라는 의미의 Dreaming Birds로 지었습니다. (창의력 없는 개발자들만 모였습니다...) 마지막 고등학교 프로젝트인 만큼 후..

1.문제설명 https://www.acmicpc.net/problem/1541 1541번: 잃어버린 괄호 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 문자는 숫자이다. 그리고 연속해서 두 개 이상의 연산자가 나타나지 않고, 5자리보다 www.acmicpc.net 세준이는 양수와 +, -, 그리고 괄호를 가지고 식을 만들었다. 그리고 나서 세준이는 괄호를 모두 지웠다. 그리고 나서 세준이는 괄호를 적절히 쳐서 이 식의 값을 최소로 만들려고 한다. 괄호를 적절히 쳐서 이 식의 값을 최소로 만드는 프로그램을 작성하시오. 2. 입출 첫째 줄에 식이 주어진다. 식은 ‘0’~‘9’, ‘+’, 그리고 ‘-’만으로 이루어져 있고, 가장 처음과 마지막 ..

JavaScript에서 Node를 선택하는 다양한 방법들이 있습니다. 부모 자식 관계를 이용할 수도 있고 직접적으로 id, class, tag 등을 이용하여 Node를 선택할 수 있습니다. getElemetsByTagName() getElementsByClassName() && getElementById() querySelector() getElemetsByTagName() HTML 태그를 가져옵니다. var lis = sec1.getElemetsByTagName("li"); lis[0].textContent = "Hello"; textContent: 안쪽에 있는 text function ex1(){ let section2 = document.getElementById("section-2"); let i..