상권's

오늘은 지난 주에 학습했던 비동기, 이번 주에 학습했던 HTTP 네트워크, 리액트 데이터 흐름, 웹 서버에 대해서 복습하고, 이번 주 토이를 다시 풀어봤습니다. 이렇게 토이를 복습하면서 문제에 접근하는 방식을 익혔습니다. 알고리즘에 대해서 처음부터 다시 학습한다는 마음으로 도서를 구입해서 오늘부터 읽기 시작했습니다. 내일은 현재 진행 중인 보일러 플레이트의 강의를 마무리할 예정이며, 웹서버에 대한 복습과 지금까지의 토이 문제를 훑어볼 예정이며, 알고리즘 책을 추가적으로 학습하겠습니다. 가끔 과제나 토이를 보게 되면 그때의 내가 풀었다는 게 가끔 놀랍기도 한 거 같습니다. 그리고 학생 때부터 새로운 문제에는 흥미를 잘 느끼는 데 풀어봤던 문제는 흥미가 잘 안 생기는 편이라 학습하는 데 좀 산만해지긴 하지만..

이번 한 주에는 http, rest api, postman, Effect hook에 대해서 학습했습니다. http response, request의 경우 이론은 쉽게 이해를 할 수 있었고, post man, Effect hook도 예습을 해서 진행하는 데에 큰 어려움은 없었습니다. 근데 http response, request 활용하는 부분에서 어려움을 느꼈습니다. 서버에서 정보를 받아서 클라이언트에서 정보를 필터링 하는 statesAirline의 경우 큰 어려움 없이 진행이 되었지만, 오늘 진행했던 request를 받고 response를 주는 서버 측면을 구현하는 것은 공식 문서를 읽어도 아직 익숙하지 않은 단어가 많아서인지 더디게 진행되었습니다. 다행스럽게도 페어의 도움을 받아서 공식문서 부분을 통해..

HTTP OPTIONS Method 출처 HTTP OPTIONS method 는 목표 리소스와의 통신 옵션을 설명하기 위해 사용됩니다. 클라이언트는 OPTIONS 메소드의 URL을 특정지을 수 있으며, aterisk(*) 를 통해 서버 전체를 선택할 수 있습니다. Request has body NO Successful response has body YES Safe(안전함) YES 멱등성 YES Cacheable NO Allowed in HTML forms NO 안전함 (HTTP 메서드) HTTP 메서드가 서버의 상태를 바꾸지 않으면 그 메서드가 안전하다고 말합니다. 다른 말로 하면, 읽기 작업만 수행하는 메서드는 안전합니다. 흔히 쓰이는 HTTP 메서드 중에서는 GET, HEAD, OPTIONS가 안전..

-2021.10.21 오늘의 코플릿- 하나의 집합을 의미하는 문자열을 입력받아 각 문자를 가지고 만들 수 있는 모든 부분집합을 리턴해야 합니다. arr[i]는 각 부분집합을 구성하는 원소를 연결한 문자열입니다. arr[i]는 알파벳 순서로 정렬되어야 합니다. 집합은 중복된 원소를 허용하지 않습니다.부분집합은 빈 문자열을 포함합니다. arr은 사전식 순서(lexical order)로 정렬되어야 합니다. // 하나의 집합을 의미하는 문자열을 입력받아 각 문자를 가지고 만들 수 있는 모든 부분집합을 리턴해야 합니다. // arr은 사전식 순서(lexical order)로 정렬되어야 합니다. sort를 진행하면 될 거 같다 let result = ['', str] // 만드는 걸 다 push한다. // str...

-2021.10.20 오늘의 코플릿- 오름차순 정렬된 정수의 배열(arr)과 정수(target)를 입력받아 target의 인덱스를 리턴해야 합니다. 이진탐색 알고리즘(O(logN))을 사용해야 합니다. 단순한 배열 순회(O(N))로는 통과할 수 없는 테스트 케이스가 존재합니다. // 오름차순 정렬된 정수의 배열(arr)과 정수(target)를 입력받아 target의 인덱스를 리턴해야 합니다. // 이진탐색 알고리즘(O(logN))을 사용해야 합니다. // target이 없는 경우, -1을 리턴해야 합니다. // findIndex 를 사용한다. // let isTrue = (element) => element === target // arr를 절반으로 나눠서 진행을 한다 // arr.length를 절반으로..

출처 O(1) – 상수 시간 : 문제를 해결하는데 오직 한 단계만 처리함. O(log n) – 로그 시간 : 문제를 해결하는데 필요한 단계들이 연산마다 특정 요인에 의해 줄어듬. => 주로 입력 크기에 따라 처리 시간이 증가하는 정렬알고리즘에서 많이 사용된다. O(n) – 직선적 시간 : 문제를 해결하기 위한 단계의 수와 입력값 n이 1:1 관계를 가짐. O(n log n) : 문제를 해결하기 위한 단계의 수가 N*(log2N) 번만큼의 수행시간을 가진다. (선형로그형) => 주로 입력 크기에 따라 처리 시간이 증가하는 정렬알고리즘에서 많이 사용된다. O(n^2) – 2차 시간 : 문제를 해결하기 위한 단계의 수는 입력값 n의 제곱. => 반복문이 2번 있는 케이스 O(C^n) – 지수 시간 : 문제를 ..

Redux data flow 사진 출처 O.REILLY STORE = 애플리케이션의 STATE들이 모여있는 곳. ACTIONS = 객체의 형태로 이루어져 있으면서, STATE의 변화에 대해서 설명. REDUCERS = STATE가 어떻게 바뀌는 지에 대해서 설명. 다양한 REDUCERS들은 combineReducers를 통해서 관리를 할 수 있음. => 스토어를 통해서 변경된 STATE를 리액트 컴포넌트로 보내준다. 리덕스가 없을 때에는, STATE를 변경하기 위해서 STATE가 선언되어 있는 곳으로 이동한 후, 변경하고, 또 해당 컴포넌트로 이동을 해야되는데... STORE를 통해서 보관을 하고 관리를 할 수 있다. 아직 기본적인 틀에 대해서만 학습을 해서 내용이 너무 간략하지만, 추후 더 많은 학습을..

해당 블로그에서 스코프에 대해서 학습한 적이 있습니다. 간단하게 설명하면, 바깥 범위(전역스코프)에서 선언된 변수는 안의 범위(지역스코프)에서도 접근이 가능하지만, 반대로 안의 범위(지역스코프)에서 선언된 변수에는 바깥(전역스코프)에서 접근할 수 없습니다. 전역 변수나 전역 함수를 많이 생성될 경우, 변수 이름, 함수가 겹치는 경우가 발생할 수 있습니다. 여러 사람들과 함께 프로그램을 만들 경우, 겹침으로써 문제가 발생할 수 있습니다. 이러한 문제를 해결할 수 있는 방법으로, 전역 변수를 이용하지 않고 함수 안에 넣어서 지역변수로써 이용할 수 있습니다. 아니면 객체 안에 넣어 이용할 수 있습니다. var obj = { name: "sangkwon", city: "daegu", 자기소개 : function..