Sub DevLog

기술 블로그

[Javascript]Javascript this와 this 바인딩 우선순위

기초지식

Javascript를 사용하다보면 this를 많이들 사용해본 경험이 있을거다. this란 메서드를 호출한 객체가 저장되어있는 속성인데 이게 상황별로 지정하는 대상도 틀리고 우선순위도 다르다 그래서 가끔 예상치 못한 상황도 발생하는데 우선순위만 정확하게 파악해도 이런 일이 없을거다. 차근차근 예시를 들어가며 알아보자. this 혼자 쓰인경우 아무것도 ...

Posted by Sub DevLog on February 7, 2021

[Javascript] Javascript에서의 비동기 프로그래밍

기본기

자바스크립트는 싱글 스레드에서 동작하는 언어입니다.그래서 기본적으로 동기방식으로 작동을 합니다. 동기방식이라함은 코드가 실행될때 현재 작업이 완료되야 다음줄로 넘어가는 것을 의미합니다. 즉 한번에 한가지일밖에 처리하지 못한다는 뜻이죠. ex) 동기 : 요청을 보낸 후 응답을 무조건 받아야 다음 동작을 실행 비동기 : 요청을 보낸 후 응답에 상...

Posted by Sub DevLog on January 30, 2021

[Javascript] Prototype이란

기본기

자바스크립트의 프로토타입을 처음 접한건 상속을 위해 prototype만을 알아보고 급하게 구현했던 걸로 기억합니다. 그때 당시로는 그냥 prototype은 그냥 javascript객체 상속을 위해 쓰는 내부 함수구나 하고 넘어갔었고 또 작년 기술면접을 준비하며 정의에 대해서 공부를 하며 달달 외우기만 했던 것 같습니다. 이때까지 뭔가를 위해서 급하게...

Posted by Sub DevLog on January 23, 2021

[React]create-react-app 오류

오류

이틀전에 React프로젝트 초기 셋팅할 때 애먹었던 오류이다. react-create-app을 이용하여 React를 셋팅하고 실행하려는 순간… 아래 문구처럼 에러가 떠 프로젝트 초기 실행을 할 수 없었다… 오류명 If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an...

Posted by Sub DevLog on January 18, 2021

Chrom Extension,App 만들기

가이드

설명… 이번에 크롬 브라우저에서 동작하는 확장 프로그램과 앱을 만드는 과정을 설명해보겠습니다. 우선 둘의 차이점으로는 크롬 확장프로그램은 크롬어플리케이션에 종속이 되어있으며 기능도 앱에 비해서 조금 제한적입니다. 반면 크롬앱같은 경우에는 Window App처럼 설치형프로그램처럼 사용할 수 있고 확장프로그램보다 기능을 다양하게 이용할 수 있습니다. 간...

Posted by Sub DevLog on November 15, 2020

[백준/JavaScript] DFS와 BFS

알고리즘 풀이

문제 설명 그래프를 DFS로 탐색한 결과와 BFS로 탐색한 결과를 출력하는 프로그램을 작성하시오. 단, 방문할 수 있는 정점이 여러 개인 경우에는 정점 번호가 작은 것을 먼저 방문하고, 더 이상 방문할 수 있는 점이 없는 경우 종료한다. 정점 번호는 1번부터 N번까지이다. 입력 첫째 줄에 정점의 개수 N(1 ≤ N ≤ 1,000), 간선의 개수 M(...

Posted by Sub DevLog on November 9, 2020

[백준/JavaScript] 저울

알고리즘 풀이

문제 설명 하나의 양팔 저울을 이용하여 물건의 무게를 측정하려고 한다. 이 저울의 양 팔의 끝에는 물건이나 추를 올려놓는 접시가 달려 있고, 양팔의 길이는 같다. 또한, 저울의 한쪽에는 저울추들만 놓을 수 있고, 다른 쪽에는 무게를 측정하려는 물건만 올려놓을 수 있다. 무게가 양의 정수인 N개의 저울추가 주어질 때, 이 추들을 사용하여 측정할 수 없...

Posted by Sub DevLog on November 8, 2020

[백준/JavaScript] 바이러스

알고리즘 풀이

문제 설명 신종 바이러스인 웜 바이러스는 네트워크를 통해 전파된다. 한 컴퓨터가 웜 바이러스에 걸리면 그 컴퓨터와 네트워크 상에서 연결되어 있는 모든 컴퓨터는 웜 바이러스에 걸리게 된다. 예를 들어 7대의 컴퓨터가 <그림 1>과 같이 네트워크 상에서 연결되어 있다고 하자. 1번 컴퓨터가 웜 바이러스에 걸리면 웜 바이러스는 2번과 5번 컴퓨...

Posted by Sub DevLog on November 7, 2020

[백준/JavaScript] 회의실 배정

알고리즘 풀이

문제 설명 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시...

Posted by Sub DevLog on November 6, 2020

[백준/JavaScript] 수리공 한승

알고리즘 풀이

문제 설명 항승이는 품질이 심각하게 나쁜 수도 파이프 회사의 수리공이다. 항승이는 세준 지하철 공사에서 물이 샌다는 소식을 듣고 수리를 하러 갔다. 파이프에서 물이 새는 곳은 신기하게도 가장 왼쪽에서 정수만큼 떨어진 거리만 물이 샌다. 항승이는 길이가 L인 테이프를 무한개 가지고 있다. 항승이는 테이프를 이용해서 물을 막으려고 한다. 항승이는 항...

Posted by Sub DevLog on November 4, 2020

FEATURED TAGS
-Algorithm Javascript React -백준 -DFS 이벤트 -그리디 HeadlessBrowser NextJs
ABOUT ME

#Web #FrontEnd Still Learn