profile
고재개발
태그 목록
전체보기 (124)Flask(2)네트워크(2)BFS(2)python(2)DFS(2)axios module(1)바이트(1)운영체제(1)dynamic programming(1)동적 프로그래밍(1)아스키(1)스레드(1)백준2753(1)팩토리얼(1)가상메모리(1)프로세스(1)이진검색(1)web(1)Web_Project(1)component(1)zip(1)외판원문제(1)Secure SHell protocol(1)bisect(1)추상화(1)버블정렬(1)저장장치 계층구조(1)파이썬 List 오름차순 및 내림차순(1)greedy(1)프로세서(1)파이썬 input(1)컨텍스트(1)바이너리파일(1)Knapsack(1)stack(1)REST(1)malloc(1)컴퓨터 시스템(1)백준 8983(1)free(1)OSI 7계층(1)web socket(1)DP(1)lambda(1)create react app(1)Trie(1)파이썬 List Filter(1)트라이(1)event loop(1)B+TREE(1)백준 12865(1)파이썬 List 중복 제거(1)malloc lab(1)while(1)포인터(1)JavaScript(1)REpresentational State Transfer(1)프로그램 실행(1)웹서버(1)파이썬 list(1)캐시메모리(1)버스(1)유니온파인드(1)텍스트파일(1)z(1)ssh(1)입출력장치(1)에디터(1)멀티스레드(1)힙영역(1)캐시(1)메인메모리(1)파이썬 정렬알고리즘(1)파이썬 sys.stdin.readline(1)파일(1)파이썬 List index함수(1)재귀함수(1)완전탐색(1)heapq(1)socket.io(1)arrow function(1)Z모양 탐색(1)컴파일시스템(1)파이썬 &와 and(1)그리디(1)Web RTC(1)문자열 폭발(1)냅색 알고리즘(1)list sort(1)TSP(1)파이썬 for 반복문 역순(1)main memory(1)화살표 함수(1)파이썬 소수점(1)bus(1)스택(1)setState(1)스택영역(1)하노이탑(1)이진탐색(1)sort key(1)우선순위 큐(1)커널(1)cpu(1)Props(1)B-tree(1)동시성과 병렬성(1)이벤트 루프(1)

일일 TIL종료 선언

119 TIL을 쓰면서, 매일 쓰는 것보다 며칠이 걸리더라도 내용을 더 깊게 파서 정리하는 것이 도움이 되겠다고 생각이 바뀌어갔다. 아마 이제 고재개발 velog는 그런 방향으로 흘러 가겠지. 막바지에는 이런 생각 + 프로젝트 막바지에 발표준비 + 마지막 디버깅 + 정

2021년 4월 19일
·
0개의 댓글

210405 개발일지(119일차) - javascript 특정 브라우저 차단하기, 브라우저 종류 확인(Check Browser Type)

인터넷 익스플로러만 빼고, 비슷하게 검사하면 된다.ie그 외에는 indexOf("브라우저 이름")으로만 찾을 수 있다.이를 활용해서 특정 브라우저에서 alert를 띄운다던지, 접근을 막는다던지 등의 작업을 할 수 있다.

2021년 4월 10일
·
0개의 댓글

210404 개발일지(118일차) - javascript 호출 스케줄링 (3) requestAnimationFrame

javascript 호출 스케줄링 관련 setTimeout과 setInterval, requestAnimationFrame에 대해 알아보자.이름에서 알 수 있듯 그림을 그리는 등의 함수가 필요할 때 적합한 함수다.재귀함수처럼 사용해야한다.문법은 위와 같은데 앞의 두 함

2021년 4월 10일
·
0개의 댓글

210403 개발일지(117일차) - javascript 호출 스케줄링 (2) SetInterval

javascript 호출 스케줄링 관련 setTimeout과 setInterval, requestAnimationFrame에 대해 알아보자.setTimeout과 비슷한데, 이름에서도 알 수 있듯 주기적으로 함수를 실행시켜 준다.setTimeout과 문법은 같다.실행하고

2021년 4월 9일
·
0개의 댓글

210402 개발일지(116일차) - javascript 호출 스케줄링 (1) SetTimeout

javascript 호출 스케줄링 관련 setTimeout과 setInterval, requestAnimationFrame에 대해 알아보자.함수를 당장 실행시키지 않고, 일정시간 후에 작동시키고 싶을 때 쓴다.일정 시간 이후에 함수가 한번 실행된다. 아래와 같이 사용하

2021년 4월 9일
·
0개의 댓글

210401 개발일지(115일차) - Youtube api로 영상 가져올 때, GET https //googleads.g.doubleclick.net/pagead/id net::ERR_BLOCKED_BY_CLIENT 및 Failed to load resource: googleads.g.doubleclick.net/paged 에러 발생 이유

프로젝트 간, youtube에서 제공하는 api를 활용해서 youtube 영상을 가져오는 과정이 있었다. 그 때, 다른 팀원의 브라우저에서 아래와 console이 찍히는 것을 확인하게 됐다. 내 브라우저에서는 없었던 거라서 찾아보니 원인은 adblock과 같은 광고 막

2021년 4월 8일
·
1개의 댓글

210331 개발일지(114일차) - React 콜백 사용 시 바인딩과 화살표 함수

React 공식사이트를 참고했다.Class Component 리액트를 사용하다보면, 콜백함수를 사용할 때 겪는 에러들이 있다.예를 들면, 이런 식으로 뜨는 에러다.아래와 같이 콜백을 사용하지 말고, (drawCharacter()은 이 Component 안에 선언된 함수

2021년 4월 7일
·
0개의 댓글

210330 개발일지(113일차) - 알고리즘 문제풀이(feat. stack) 백준 9935번 문자열 폭발

문제는 아래와 같다.처음에는 파이썬에 있는 "string" in \[list]를 활용해서 풀었으나 시간초과로 인해 스택을 사용했다.문자열 관련 문제 중 스택을 활용해서 시간을 잘 줄일 수 있는 경우가 많으니.. 처음부터 잘 생각해서 풀자.첫 번째 풀이(시간 초과)스택

2021년 4월 3일
·
0개의 댓글

210329 개발일지(112일차) - javascript 에서 접속기기(Mobile 등) 확인하고 처리하는 법

브라우저에서 console창에 "navigator.platform"을 입력하면 아래와 같이 본인의 기기정보를 얻을 수 있다.platform 종류는 아래의 예시보다 더 많을 것이다. (출처 : https://www.geeksforgeeks.org/html-nav

2021년 4월 3일
·
0개의 댓글

210328 개발일지(111일차) - React GOOGLE API KEY 숨기기 : 환경변수(.env) 활용

React 해당하는 폴더 최상단에 .env 파일을 만든다.(git 사용중이면) .gitignore파일에 ".env"를 추가해준다..env파일 안에 반드시 "REACT_APP\_원하는 이름"으로 이름을 지어주고 KEY를 작성한다.html 파일에서는 '%REACT_APP\

2021년 4월 1일
·
0개의 댓글

210327 개발일지(110일차) - React Error 해결 : Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

react에서 state에 따라 <iframe> 태그를 띄우고 없애는 작업을 했다.띄울 때는 상관 없었는데, 없앨 때 아래와 같은 에러가 발생했다. 위와 같은 에러가 뜨는 이유는 스택오버플로우에서 찾았는데, 아래와 같다고 한다.간단히 말하면, <div> 태그

2021년 3월 30일
·
0개의 댓글

210326 개발일지(109일차) - 알고리즘 문제풀이(feat. stack) 백준 1406번

문제는 아래와 같다. 아래 코드로 처음 작성했는데, 시간초과가 났다.시간복잡도를 O(n)보다 더 줄여야하는 문제였다. 해결 방법은 아래와 같이 생각하면 된다. 이렇게 생각하고, 아래와 같이 코드를 작성해서 완료했다.

2021년 3월 30일
·
0개의 댓글

210325 개발일지(108일차) - React Class Component → Function Component로 Refactoring하기

이제 Class Component는 한 물 갔다고 한다. 앞으로는 Function Component를 활용하면 된다.Function Component가 새로 나온 것은 아니나, 기존에 Function Component로 해결할 수 없던 state 관리를 React Ho

2021년 3월 26일
·
1개의 댓글

210324 개발일지(107일차) - React 하위(자식) Component에서 상위(부모) Component State 바꾸기

상위(부모) Component에서 하위(자식) Component로 state 전달해서 사용하는(읽는) 것은 쉽다.자식 컴포넌트를 불러올 때, 넘겨주고 싶은 값을 넘겨주면 된다. 예를 들면,와 같이 작성해서 Child라는 자식 컴포넌트에 'name'이라는 이름으로 넘겨주

2021년 3월 24일
·
0개의 댓글

210323 개발일지(106일차) - 열려있는 Port 확인하고 원하는 Port 닫아주기

열린 포트가 제대로 종료가 안되서, 서버를 다시 실행시킬 수 없을 때.. 사용하면 된다.서버를 run하려고 했는데, "already in use 443" 에러가 발생했다. 사용하고자 하는 포트가 이미 사용중이라는 거겠지.아래와 같이 조치하면 된다.예를 들어 위와 같이

2021년 3월 24일
·
0개의 댓글

210322 개발일지(105일차) - React State 올바르게 사용하기

직접 state 값을 수정하면 안된다. (setState 함수 사용)state 업데이트는 비동기적이다.state의 업데이트는 병합된다? (state의 변수가 여러 개라면, 따로 업데이트가 가능)만약 아래와 같이 state를 수정하면, 수정 값은 반영되나 컴퍼넌트를 다시

2021년 3월 23일
·
0개의 댓글

210321 개발일지(104일차) - React axios module 사용 간 POST요청이 GET요청으로 바뀌는 현상

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리다. 즉, 프론트엔드가 백엔드랑 통신을 쉽게 하기위해 사용하는 것이다.GET, POST, PUT, DELETE 등의 HTTP Methods를 이용해서, 클라이언트

2021년 3월 22일
·
0개의 댓글

210320 개발일지(103일차) - REST란 무엇인가?

웹에 존재하는 모든 자원(이미지, 동영상, DB 자원)에 고유한 URI를 부여해 활용하는 것으로, 자원을 정의하고 자원에 대한 주소를 지정하는 방법론을 의미한다고 한다.REprenstational State Transfer의 약자로, HTTP URI를 통해 자원을 명시

2021년 3월 22일
·
0개의 댓글

210319 개발일지(102일차) - Create React App(새 React App 만들기)

방법은 React 공식페이지에 나와있다.나중에 쉽게 보기 위해 정리해본다.Create React App에 대해 알아보고자 한다.이를 활용하려면 Nodejs가 설치돼있어야 한다.그리고 아래와 같이 "my-app"부분에 내가 원하는 이름을 수정하여 아래와 같이 입력하면 새

2021년 3월 21일
·
0개의 댓글

210318 개발일지(101일차) - React에서 Component와 Props는?

리액트에서 컴퍼넌트는 함수 컴퍼넌트와 클래스 컴퍼넌트로 나눌 수 있다.말 그대로 함수와 클래스로 컴퍼넌트를 각각 나타내는 것이다.컴퍼넌트의 이름은 항상 대문자로 시작해야 한다. 이유는 아래와 같다. (출처 : 리액트 공식페이지)정적인 Component 관리 가능(16.

2021년 3월 19일
·
0개의 댓글