분류 전체보기
-
Javascript:: 가장 자주 등장한 숫자를 k개수만큼 return알고리즘 2020. 7. 16. 12:01
nums는 숫자로 이루어진 배열입니다. 가장 자주 등장한 숫자를 k 개수만큼 return 해주세요. nums = [1, 1, 1, 2, 2, 3] k = 2 return [1, 2] nums = [1] k = 1 return [1] 배열에서 같은 숫자, 글자 등 같은 값의 갯수를 서로 비교하고 싶다면 우리는 '객체'를 이용하면된다. 고로 for문을 돌려서 요소 하나하나를 객체의 key값과 비교하고, key값에 있다면 count 를 늘려주고, 없다면 객체 key에 넣어준다. 아래와 같이 코드를 작성한다. function topK(nums, k) { let obj = {}; for (let i=0; i < nums.length; i++) { (nums[i] in obj) ? obj[nums[i]] += 1 ..
-
fetch 함수와 활용예제.Study/React 2020. 7. 14. 20:23
fetch 함수 fetch함수는 API를 사용하여 백엔드 서버와 비동기 요청을 하는 방식 중 하나이다. Fetch API를 이용하면 Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작하는 것이 가능하다. 또한 fetch() 메서드를 이용하는 것으로 비동기 네트워크 통신을 알기 쉽게 기술할 수 있다. fetch를 통해 http통신의 요청과 응답에 대한 이해, Promise 공부를 해야한다. Basic 기본적인 fetch 작성법 fetch('api주소') .then( res => res.json()) .then( res => { // data를 응답받은 후의 로직 ); 위의 기본 fetch 작성을 함수 선언식으로 바꾼다면 아래와 같다. fetch('api주소') .then(f..
-
Ajax (axios와 fetch 비교)Study/React 2020. 7. 14. 13:45
Ajax(Asynchronous Javascript And Xml) 란 Javascript 를 사용한 비동기 통신이며, 클라이언트와 서버간의 XML 데이터를 주고받는 기술이다. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터만 로드할 수 있다. react에서 네트워크 통신을 도와주는 api인 axios와 fetch를 비교해보자. 1. axios 구형 브라우저를 지원한다. 응답시간 초과를 설정하는 방법이 있다. JSON데이터 자동변환이 가능하다. node.js에서의 사용이 가능하다 request aborting (요청취소)가 가능하다 catch에 걸렸을 때, .then을 실행하지 않고, .console창에 해당 에러 로그를 보여준다. return 값은 Promise ..
-
20.07.13:: TILStudy/TIL 2020. 7. 14. 12:00
오늘의 한 일 react로 인스타그램 구현 중 Feed 컴포넌트를 map메소드를 호출하여 구현함. Feed 컴포넌트에서 댓글기능을 따로 컴포넌트화해서 가져옴. 알고리즘 새롭게 배운 것 map 메소드 활용을 처음으로 적용해봄. component를 잘 활용하면 각 피드에 대한 함수적용이 쉽다. (예. 각 피드에서 댓글 기능구현) 위 코드 라이프 '경주마 처럼 달리기 보다는 내가 짠 함수를 다시 돌아보며 가자' 위코드에서 알고리즘 풀기, 과제 구현하기, 새로운 리엑트 기술들 배우기.. 이 모든것들을 따라가려하고, 옆 동료들과 발맞추어 가려다 보니 경주마처럼 달리고 있는 내 모습을 발견하게 된다. 내가 짠 함수를 정말 내 것으로 다시 만들기 위해서는 다시 돌아보고 복기하는 습관이 필요한 것 같다. 매일매일 TI..
-
[Data Structure] SetStudy/JavaScript 2020. 7. 13. 14:44
Set set은 array나 list 처럼 순열 자료구조 (collection)이다. 하지만 set은 '순서'라는 개념이 존재하지 않다. set의 특징은 다음과 같다. 데이터를 비순차적(unordered)로 저장할 수 있는 순열 자료구조(collection) 삽입 순서대로 저장되지 않는다. 즉, 특정한 순서를 기대할 수 없는 자료구조 수정 가능함.(mutable) 동일한 값을 여러번 삽입 불가능. 동일한 값이 여러번 삽입되면 하나의 값만 저장된다. Fast Lookup이 필요할 때 주로 쓰인다. set의 구조 Array와 달리 set은 요소들을 순차적으로 저장하지 않습니다. Set에서 요소들이 저장될 때 순서는 다음과 같습니다. 저장할 요소의 값의 hash 값을 구한다. 해쉬값에 해당하는 공간(bucke..
-
splice 와 split :: 활용예제Study/JavaScript 2020. 7. 12. 17:07
splice 자바스크립트의 배열(Array) 객체에서 제공되는 함수인 splice를 이용하면 원하는 위치에 요소를 추가하거나 삭제할 수 있다. 즉, splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다. 먼저 splice 함수를 사용해 원하는 위치에 요소를 추가하는 것을 정리해보자. 예를 들어, 먼저 a라는 배열 객체가 다음과 같은 상태라고 해보자. a.splice(2, 0, "7"); 우리는 a 라는 배열의 '2'인덱스를 가진 위치에 0개를 삭제하고 7을 대입했다. 그럼 다시 a의 처음 상태로 돌아가 다음 코드를 실행하면 다음의 상태가 된다. a.splice(0, 0, "7"); 우리는 a라는 변수명을 가진 배열의 0번째 인덱스에 0개의 요소를 삭..
-
프레임워크(Framework)와 라이브러리(Library) :: 부제.리엑트는 무엇인가Study/React 2020. 7. 7. 16:03
프레임워크(Framework)란 프레임워크는 Frame + work 두 단어가 합쳐진 단어이다. Frame '틀' + work '일하다' = " 틀, 뼈대를 가지고 일한다. 즉, 뼈대나 기반구조를 뜻한다. 장난감 키트를 가지고 예를 들어보자. 아래는 장난감 키트에서 제공하는 부품들이다. 위의 키트를 가지고 우리는 다양한 형태의 장난감을 만들 수 있다. 장난감 키트가 제공해주는 일정한 부품들과 틀을 가지고 다양한 형태의 장난감을 만들 수 있다. 그러나 동시에 우리는 이 장난감을 만들기 위해서 메뉴얼에 포함된 규악을 지키면서 만들어야 할 것이다. 즉, 프레임워크는 '제공받은 일정한 요소와 틀, 규약을 가지고 무언가를 만드는 일'이라고 정의할 수 있다. 그렇다면 이 개념을 프로그래밍, 소프트웨어에서는 어떻게 ..
-
JavaScript:: 정수 뒤집어 return 하기알고리즘 2020. 7. 7. 13:50
reverse 함수에 정수인 숫자를 인자로 받습니다. 그 숫자를 뒤집에서 return 해주세요. x : 숫자 return : 뒤집어진 숫자를 반환! 예를들어, x : 1234 return : 4321 x : -1234 return : -4321 x : 1230 return : 321 우리가 함수를 통해 구현해야 할 것은 아래와 같다. 1. x가 숫자인 상태에서 수를 뒤집을 수 없으니 x를 문자열로 바꾸어 주어야 한다. 2. x 문자열의 각 요소를 분리하여 하나의 배열로 만든다. 3. 배열의 자리를 뒤집는다. 4. 만약 배열에 '-' 가 들어갈 경우, 배열을 뒤집었을 때 - 가 맨 뒤로 가기에 뒤에 있는 -를 빼주고 배열의 맨 앞에 -를 넣어준다. 5. 만약 배열 index 0번째 자리에 0이..