programmers 에서 알고리즘 문제를 풀다가 runtime error를 마주했다. 재귀함수를 사용한 트리 탐색 문제였는데 딱히 무한루프가 걸릴 부분은 없는 것 같아서 이런저런 고민을 했다. 문제의 제한조건은 트리 노드 개수 2 이상 300,000 이하. 알고보니 Python에서는 Recursion 호출 개수에 제한이 걸려있다고 한다. docs.python.org/2/library/sys.html?highlight=setrecursionlimit#sys.setrecursionlimit 28.1. sys — System-specific parameters and functions — Python 2.7.18 documentation 28.1. sys — System-specific parameters ..

React 는 Component들을 기반으로 UI를 만든다. React DOM 라이브러리는 React element에 맞추어 실제 DOM을 업데이트하며, 이 컨셉을 Virtual DOM이라고 표현하기도 한다. 위 화면은 영화 목록을 보여주는 react 프로젝트를 개발자도구로 확인한 것이다. 각 영화 정보는 라는 컴포넌트를 통해 만들어졌지만 Element tab에는 html code로만 기술되어 있는 것을 확인 할 수 있다. 하지만 경우에 따라 real tag가 아닌 react 상에서의 component 구성을 확인 해 보고 싶을 수 있다. 그렇다면 위와 같이 브라우저의 웹스토어에서 React Developer Tool을 추가하면 된다. 설치하면 주소창 옆에 react 마크가 생겨난다. 개발자도구는 지속적..

How React Works 만들어진 React 프로젝트의 public/index.html을 확인해보면 body 가 비어있는 것을 확인할 수 있다. index.html 그렇다면 화면에 표시되는 많은 정보들은 어디에 있는 것일까? React는 element들을 javascript로 만들어서 빈 html 파일 안에 밀어넣는다. index.js import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; ReactDOM.render( , document.getElementById("root") ); reportWebVitals(); ReactDOM은 render라는 function을 통해 root에 을 밀어넣는다고 볼..

What is React? ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org React는 Facebook에서 만든 Frontend 용 javascript 라이브러리이다. 공식 사이트에는 "사용자 인터페이스를 만들기 위한 javascript 라이브러리" 라고 기술되어있다. SPA (Single Page Application) 에 대한 관심과 함께 인기를 끌고 Redux, create-react-app 등의 사용이 보편화되며 실질적으로는 library 보다는 Framework으로서 사용되고 있다. Why React? 현재 시점에서 가장 많..

DOM이란? Document Object Model / 웹페이지는 기본적으로 문서(Document) 이다. DOM은 HTML, XML 문서의 프로그래밍 interface로서, 프로그래밍언어가 HTML, XML 등을 제어할 수 있도록 연결시켜주는 역할을 한다. DOM을통해 스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 가질 수 있다. 브라우저에 내장되어있는 javascript가 많이 사용되지만 다른 스크립팅 언어도 가능하다.(python 등) 표준 DOM spec : dom.spec.whatwg.org/ 브라우저의 종류도 여러가지가 있는데( Crome, IE, Safari 등..) 각각의 브라우저는 자신만의 방법으로 DOM 구현 하고 표준 Spec에 더불어..

원문 : tom.lokhorst.eu/2010/09/why-libraries-are-better-than-frameworksWhy Libraries are better than Frameworks – Tom Lokhorst's blogThere are two ways to design an application: based a particular framework, or using libraries. Actually, there are a lot more ways to build applications, including combinations of the two, but let’s just focus on those. First, let’s define the word “tom.lokhorst.eu오역..