FrontEnd :-)

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 SLIDING WINDOW 기준점 간 이동 배열 패턴 This pattern involves creating a window which can either be an array or number from one position to another. Depending on a certain condition, the window either increases or closes (and a new window is created). Very useful for keeping track of a subset of data in an array/string etc. 배열/ 문자열 등에서 데이터의 하위 집합을 추적하는 데 매우 유용합..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 Divide and Conquer 분할과 정복 패턴 This pattern involves dividing a data set into smaller chunks and then repeating a process with a subset of data. This pattern can tremendously decrease time complexity #1. Divide and Conquer Given a sorted array of integers, write a function called search, that accepts a value and returns the index where the value passed ..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 #1. Frequency Counter - Multiple Pointers Write a function called sumZero which accepts a sorted array of integers. The function should find the first pair where the sum is 0. Return an array that includes both values that sum to zero or undefined if a pair does not exist //Time Complexity - O(N^2) //Space Complexity - O(1) function sumZero(arr){ for(..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 #1. Frequency Counter - sameFrequency Write a function called same, which accepts two arrays. The function should return true if every value in the array has it's corresponding value squared in the second array. The frequency of values must be the same. //시간복잡도: O(n^2) //indexOf 는 전체 배열을 반복하거나 중첩된 루프인 전체 배열을 잠재적으로 반복하는 것. function same(arr1, arr2) { i..

FE : React , yarn BE: Express, npm BE 최종 코드 //app.js const express = require("express"); const app = express(); const port = 8080; const { default: fetch } = require("node-fetch"); //cors 추가하면 ajax 잘됨 npm install cors const cors = require("cors"); const corsOptions = { origin: 'http://localhost:3000', credential: true } app.use(cors(corsOptions)); //latest API 가져와서 데이터 저장 let date = ""; let rate..

FE : React , yarn BE: Express, npm ③ Third commit - FE 1. install axios, instance 생성 2. select 선택을 국가 기준으로 변경 3. 변수명 변경 (1 => from , 2=> to 등으로) ① First Commit - BE 라이브러리 설치 1. xhr2 : XMLHttpRequest 사용 위함. 2. cors: cors 충돌 해결 위함. 클라이언트-서버 데이터 get : date, currencylist, nationlist 보내기 post: 두 국가의 통화코드값 받으면, rate 값 보내기 const express = require("express"); const app = express(); const port = 8080; co..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 :: 섹션 4 문제 해결 접근법 HOW DO YOU IMPROVE? Devise a plan for solving problems Master common problem solving patterns PROBLEM SOLVING Understand the Problem Explore Concrete Examples Break It Down Solve/Simplify Look Back and Refactor 1. UNDERSTAND THE PROBLEM 문제의 이해 Can I restate the problem in my own words? What are the inputs that go into the problem? Wh..

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 :: 섹션 3 배열과 오브젝트의 성능 평가 객체의 빅오 Big O of Objects Insertion - O(1) Removal - O(1) Searching - O(N) Access - O(1) When you don't need any ordering, objects are an excellent choice! Big O of Object Methods Object.keys - O(N) Object.values - O(N) Object.entries - O(N) hasOwnProperty - O(1) Quiz 질문 1: 오브젝트에 키와 값을 추가하기 위한 빅오는 무엇일까요? 답: O(1) 질문 2: 오브젝트의 키에 접근..