JavaScript 10

비동기식 코드 작성 (promise, async , await) 고려점

프로젝트를 진행하면서 비동기식 코드를 작성을 많이 하게 되는데, 비동식으로 코드 작성시 항상 갈증이 있었는데 외국 블로그에 잘 정리된 글을 보고 배움을 얻어 코드를 작성할때 고려하려고 한다. 한화면에서 여러 api로 호출하는 부분이 있었는데 promise.all을 써서 해결한 경험이 있었는데 eslint 로 조금더 가독성 좋은 코드로 되는 부분이 있어서 내용을 가져왔다. // ❌ for (const url of urls) { const response = await fetch(url); } // ✅ const responses = []; for (const url of urls) { const response = fetch(url); responses.push(response); } await Promi..

코딜리티(Codility) Lesson5 GenomicRangeQuery 문제풀기

한참을 문제를 고민을 하다가 해결이 안되어서 다른 사람들의 글을 찾아보고 이해하게 되었다. 주어진 배열에서 최소 뉴클레오타이드 값이 무엇인지 리턴하는 문제입니다. DNA는 뉴클레오타이드 A, C, G, T의 배열로 만들 수 있는데 각 뉴클레오타이드의 영향도가 1, 2, 3, 4 라고 합니다. 예를 들어 S = CAGCCTA 라고 한다면 전체 배열 중 최소 뉴클레오타이드의 영향도는 A가 있으므로 1이 됩니다. 여기서 문제는 부분 배열에서의 최소 뉴클레오타이드의 영향도를 찾는 것이고, 문제에서는 세 가지 예를 보이고 있습니다. P = [2, 5, 0] Q = [4, 5, 6] 여기서 S[2:4] = GCC 이고 C의 영향도가 2이므로 2가 되고, S[5:5] = T 이고 T의 영향도는 4이므로 4가 되고, ..

IT/Algorithm 2021.06.02

프론트엔드 참고 사이트

참고 및 심심하면 들어가서 보는 사이트 사이트 이름 설명 MDN 자바스크립트를 하면 무조건 참조 모던 javascript 튜토리얼 기초적인 공부하기 좋은곳 타입스크립트 핸드북 TypeScript 기초 캡틴판교 Vuejs 관련 Fontawesome 다양한 ICON을 가져올 수 있는 사이트 Velopert velog React 관련 좋은 컨텐츠가 많은곳 제로초 블로그 자바스크립트, CSS 등 정보가 많이 정리 TOAST UI FE관련 현업에 쓰이는 컨텐츠 제공 NAVER D2 네이버 기술 블로그 우아한형제들 기술 블로그 배민 관련 기술 블로그 제공 노마드 코더 Nomad Coders 개인적으로 좋아하는 개발자의 정보 공유 외국 javascript 구독하는 유튜브 채널 채널 이름 설명 The Net Ninja..

코딜리티(Codility) Lesson2 OddOccurrencesInArray 문제풀기 (javascript)

A non-empty array A consisting of N integers is given. The array contains an odd number of elements, and each element of the array can be paired with another element that has the same value, except for one element that is left unpaired. For example, in array A such that: A[0] = 9 A[1] = 3 A[2] = 9 A[3] = 3 A[4] = 9 A[5] = 7 A[6] = 9 the elements at indexes 0 and 2 have value 9, the elements at i..

IT/Algorithm 2021.02.28

Javacript - call , apply , bind 차이점 정리

함수를 호출하는 방법: -함수이름.call(객체, 인수,인수....) , 함수이름.apply(객체, [인수,인수,...]) , 함수이름.bind(객체,인수,인수 ...) Call - 모든 함수에서 사용할 수 있으며, this를 특정 값으로 지정할 수 있다. 뭔소리지? 밑에와 같이 person1의 객체에 매개변수 'Hello'을 담아서 함수를 즉시 호출 할 수 있다. 즉!! say함수 안에서 this는 person1 또는 person2로 지정된다. var person1 = {firstName: 'Jon', lastName: 'Kuperman'}; var person2 = {firstName: 'Kelly', lastName: 'King'}; function say(greeting) { console.log..

위장 문제 (자바스크립트)

해시 - Level 2 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 종류 이름 얼굴 동그란 안경, 검정 선글라스 상의 파란색 티셔츠 하의 청바지 겉옷 긴 코트 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 clothes의 각 행은 [의상의 이름, 의상의 종류]로 이루어져 있습니다. 스파이가 가진 의상의 수는 1개 이상 30개 이하입니다. 같은 이름을 가진 의상은 존재하지 않습니다..

IT/Algorithm 2019.12.04