Minipolarbear

개발하는 과정에서 react-select를 사용하면 쉽게 select - option 을 사용할 수 있다 하여 사용하게 되었다.과정에서 스타일을 변경하려고 시도해 봤으나 쉽게 변경되지 않아 방법을 찾아서 간략하게 작성한다./** * react-select 스타일 변경 * 해당방법 말고는 방법이 없다고 함 * @type {{valueContainer: (function(*): *&{height: string}), singleValue: (function(*): *&{height: string}), control: (function(*): *&{height: string})}} */ const customSelectStyle = { control: (provided) => ({ ..

SPA(Single Page Application) 한 개의 페이지로 이루어진 애플리케이션 모든 웹페이지를 만들기 위해서 굳이 프론트엔드 라이브러리를 사용해야 할 피요는 없다. 단순히 HTML과 CSS, 그리고 순수 Javascript 만드로도 웹페이지를 얼마든지 제작할 수 있다. 특히, 정적 페이지를 만드는 것이 목적이라면 프론트엔드 라이브러리나 프레임워크의 도움은 필요하지 않을 것이다. 요즘의 웹은 정적이고 단순한 페이지가 아니다. 웹 앱 혹은 웹 애플리케이션이라 불릴 정도로 복잡하고 동적이 되었다. 이처럼 복잡하고 동적인 웹 페이지가 늘어나고 웹의 크기가 커지자, 자바스크립트 파일의 관리가 어려워졌고, 이를 효율적으로 관리하기 위해 backbone.js 와 같은 라이브러리 가 등장하며 자바스크립트 ..

개요 React 란? FaceBook에서 제공해주는 Front End Library React는 Component 기반으로 되어있어서 Component에 데이터를 내려주면 개발자가 설계한 대로 UI가 만들어져 사용자에게 보여준다. Library? Framework? 라이브러리(Library) 개발자는 필요시 공개된 라이브러리를 자신의 프로그램에 호출하여 사용할 수 있다. 사전에 만들어진 코드의 집합 프레임워크(Framework) 직역하면 뻐대라는 의미를 지니고 있는데, 컴퓨터 분야에서의 프레임워크는 프로그램을 개발할 때 사용할 수 있는 인터페이스 패키지라 할 수 있다. 여기서의 인터페이스란 개발의 근간을 이루는 구조의 필요한 코드, 알고리즘, 암호화 체계, 데이터베이스 연동방식의 집합체를 말한다. 라이브..