post-thumbnail

콜백과 Promise

비동기 비동기란 무엇일까요? 비동기를 알기전에 동기부터알아봅시다. 동기란 코드가 순서대로 진행되는 것을 의미합니다.! 결과는 1이 콘솔에 찍히고 그다음 2 그다음 3이 찍히겠죠? 이게 동기입니다. 비동기란 동기와는 반대로 코드가 순서대로 진행되지 않는걸 의미

2021년 3월 3일
·
0개의 댓글
·
post-thumbnail

백준-10816 숫자카드 2

문제 BS를 이용해서 풀려했는데 시간초과로 풀수가 없었다. 그래서 풀이법을 찾는중 lower bound와 upper bound의 개념을 찾게되었다.

2021년 3월 3일
·
0개의 댓글
·
post-thumbnail

백준-1991 트리 순회

이진 트리에 대해 전위순회, 중위순회, 후위순회를 알고리즘으로 구현하는 문제이다. 재귀함수에 대한 공부가 될수 있는 문제이다여기서 개념들이진트리 : 자식노드가 최대 두개인 노드들로 이루어진 트리재귀함수 : 함수인 자기 자신을 다시 호출하는 함수, stack과 같은 형태

2021년 2월 24일
·
0개의 댓글
·
post-thumbnail

백준-7576 토마토

전형적인 BFS문제로 인접한 노드들부터 탐색해서 최단 경로(문제에선 최소의 일수)를 구하는 문제이다.BFS문제이므로 queue를 이용할 생각을 해야한다.파이썬으로 풀었으므로 deque를 이용함.처음에 익은 토마토들이 있는 위치를 큐에 넣음큐를 하나씩 돌면서 처음에 po

2021년 2월 24일
·
0개의 댓글
·
post-thumbnail

비교 연산자

비교연산자는 다른연산자와 마찬가지로 값을 반환하는데 값의 자료형은 불리언형이다.다른 값에도 비교연산자가 반환한 값을 할당가능!'사전'순으로 문자열을 비교한다.1\. 문자열의 각 글자를 하나씩 비교하는데, 사전순으로 비교2\. 1이 모두 같은경우 문자열이 더 긴녀석을 더

2021년 2월 22일
·
0개의 댓글
·
post-thumbnail

백준-3078 좋은 친구

이 문제는 입력하는 데이터 값이 300,000까지로 되게 큰편이다. 그래서 완전 탐색이라던가 이런건 당연히 시간초과가 난다.이 문제는 queue를 사용해 sliding window개념을 통해 풀어야 한다.되게 까다로운 문제였다..친구의 이름의 길이의 수가 정해져 있다.

2021년 2월 22일
·
0개의 댓글
·
post-thumbnail

백준-14852 타일채우기 3

전형적인 DP문제로 좀 어려운 문제이다.나는 처음에 이 문제를 접했을 때 DP 자체가 너무 약해서 DP를 다시공부하고 풀었다.그래도 스스로 못풀겠어서 유튜브나 다른 솔루션을 참고해가며 풀었다.왜 DP문제인가?1\. 큰문제를 작은 문제들로 나눌수 있다.2\. 큰문제에서

2021년 2월 22일
·
0개의 댓글
·
post-thumbnail

기본 연산자와 수학

\*\*연산자를 이용하면 거듭제곱을 할수 있다.2 \*\* 4 // 2^4, 16정수가 아닌 number에 대해서도 적용됨2 \*\* (1 / 2) // 2^(1/2), 1.4142135623730951이항연산자란 피연산자가 2개인 연산자를 말한다. ex) a + b'

2021년 2월 20일
·
0개의 댓글
·
post-thumbnail

형변환

함수와 연산자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환됨.이를 형 변환이라 한다.예로 수학 관련 연산자가 전달받은 값은 숫자로 변환된다.ex) "100" / 20 = 5, 문자열 100은 자동으로 Number로 형변환되어 연산되어짐.자동으로 형변환 외에 명시

2021년 2월 20일
·
0개의 댓글
·
post-thumbnail

Hello world!

<script>태그를 이용하면 자바스크립트 프로그램(스크립트)을 HTML 문서 대부분의 위치에 삽입시킬수 있다.이렇게 <script>태그를 이용하면 자바스크립트 프로그램을 HTML문서에 삽입시킬수있다.즉, <script>태그엔 자바스크립트 코드가 들어간

2021년 2월 15일
·
0개의 댓글
·
post-thumbnail

백준-2493 탑

왼쪽방향으로 레이저를 쏘는 탑이 자기보다 큰 탑에만 레이저가 도달한다. 입력되는 탑의 길이에 맞게 수신되는 탑의 번호를 출력하라문제 자체는 어렵지않다.첫번째 방법이문제는 스택문제로 당연히 O(n2)을 하면 시간초과로 오류가 나온다.(완전탐색)두번째 방법스택을 이용.그치

2021년 2월 14일
·
0개의 댓글
·
post-thumbnail

자바스크립트란?

나는 유튜브나 사설 강의만 듣고 자바스크립트를 공부했다. 그건 어떠한 지식이 다른사람을 통해서 얻는 과정이였다. 즉, 순수한 지식보다는 누군가의 주관이 존재하는 지식을 배웠었다. 이러한 배움은 몸은 편했지만 여전히 부족함은 있었다. 그래서 제대로 문서를 보면서 공부하자

2021년 2월 14일
·
0개의 댓글
·
post-thumbnail

React로 사고하기

React의 장점중 하나가 앱을 설계하는 방식이다.지금까지 배운 내용을 토대로 앱을 설계해보자.이 JSON데이터를 외부로 부터 받아서 사용자에게 보여주는 앱을 설계해보자.이 앱은 사용자가 검색할수도 있다.일단 박스모델을 만드는것이 첫번째이다.모든 컴포넌트(혹은 그 하위

2021년 2월 12일
·
0개의 댓글
·
post-thumbnail

합성 vs 상속

합성과 상속 결론부터 말하면 React에서는 강력한 합성모델을 가지고 있으며 상속으로 코드를 재사용하기 보단 합성을 이용해서 컴포넌트간에 코드를 재사용하는것이 좋다. (합성이란 컴포넌트 합성 컴포넌트편에서 컴포넌트는 자신의 출력에 다른 컴포넌트를 참조할수 있다로 배웠

2021년 2월 10일
·
0개의 댓글
·
post-thumbnail

백준-9095 1, 2, 3 더하기

문제 ❗ 어떠한 숫자에 대해서 이 숫자가 1, 2, 3중 최소 하나를 사용해서 1, 2, 3합의 조합으로 숫자를 만들수있는 경우의수를 묻는 문제이다. 문제의 중요한점은 이 숫자는 양수이고 11보다 작다는 것이다. 즉, 1부터 10까지의 숫자에 대해서만 경우의 수를 알

2021년 2월 10일
·
0개의 댓글
·
post-thumbnail

Redux에서 Typescript 적용도중 발생한 에러

계속해서 사용하고싶은 todoReducer에서 제공하는 타입이 never가 떠서 todoReducer에서 관리하는 상태들을 아무것도 사용못하는 에러를 겪었다.그래서 todoReducer의 리듀서 함수 내부에서 데이터를 잘못 설정한게있나, 타입을 잘못건드린게 있나 마우스

2021년 2월 10일
·
0개의 댓글
·
post-thumbnail

react-beautiful-dnd

side project로 진행하는 todolist들을 drag and drop으로 카드를 재구성할수 있게 하고싶었다.react-dnd, 커스텀하게 직접 dnd를 구현.. 등등 여러방면으로 고민을하면서 codesandbox에서 실습을했는데 너무 어렵고 복잡했다.. 특히

2021년 2월 9일
·
1개의 댓글
·
post-thumbnail

백준-1874 스택수열

스택문제이다.입력된 수열이 되기 위해선 오름차순으로 push하는 방식의 stack을 push와 pop을 얼마나 해야할지에 대한 문제이다.여기서 힌트는 push를 오름차순으로 한다는 것이다.처음에 문제가 이해가 잘가지않았는데예시를 보며 노트에 직접써가며 해보니 쉽게 문제

2021년 2월 9일
·
0개의 댓글
·
post-thumbnail

State 끌어올리기

React를 사용해서 프로젝트를 진행하다보면 동일한 데이터에 대한 변경사항을 여러 컴포넌트에 반영해야할 때가 종종 있다. 이럴때는 글 제목 처럼, 이번 주제처럼 가장 가까운 공통 조상 컴포넌트로 state를 끌어올리는 것이 좋다.이번에는 공식문서의 예제와 완전 동일한

2021년 2월 9일
·
0개의 댓글
·
post-thumbnail

백준-1182 부분수열의 합

정수의 개수와 합이되어야할 수가 주어진다음정수의 개수에 맞게 정수들이 입력된다.주어진 정수들의 조합으로 주어진 합이될 경우의 수를 구하는 문제이다.combinations를 이용해서 풀었다.정수들의 조합이 중복은 되면 안되기 때문에 조합을 통해서 풀었고 combinati

2021년 2월 8일
·
0개의 댓글
·