/* In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object. What distinguishes them from other objects is that functions can be called. In brief, they are Function objects. */ JS에서 함수는 객체로 취급된다. 이유는 객체가 가지고 있는 속성, 기능을 모두 가질 수 있기 때문이다. Callback이란 Observer 디자인 패턴에서 나온 개념으로, 객체의 상태변화(이벤트) 발생시에 이 사실을 함수로 전달하는 데 사용되었다. 알게 모르게 이미 많이 사용했..

JS는 함수형 프로그래밍 언어처럼 주로 사용된다. 물론 ES6부터 js class등이 도입되는 등 객체지향 언어의 장점을 취하려는 여러 변화들이 있었고 앞으로도 있을테지만, 기본적으로는 그렇다는 말이다. 여태까지 내가 접했던 java나 python은 모든 것이 객체를 기반으로 동작한다. js는 완벽한 함수형 프로그래밍 언어는 아니지만 함수형 프로그래밍 언어 스타일을 사용하고 있다. 함수형 프로그래밍의 원칙은 다음과 같다. - 입출력이 순수해야 함 (순수함수) - 부작용(부산물)이 없어야 함 - 함수와 데이터를 중점으로 생각 입출력이 순수하다는 것은, 파라미터로 하나 이상의 인자(파라미터)를 받고, 받은 인자를 처리해서 반드시 결과를 return해야 한다는 뜻이다. 받은 인자를 제외한 다른 변수는 사용하지..

REST API와 RESTful API 1. REST란? Representational State Transfe라는 용어의 약자이다. 자원을 URI로 표시하고 해당 자원의 상태를 주고 받는 것을 의미한다. REST의 구성 요소는 자원(Resource): URI 행위(Verb): HTTP METHOD 표현(Representat velog.io 1. REST란? Representational State Transfe라는 용어의 약자이다. 자원을 URI로 표시하고 해당 자원의 상태를 주고 받는 것을 의미한다. REST의 구성 요소는 자원(Resource): URI 행위(Verb): HTTP METHOD 표현(Representations) 로 이루어져 있다. 즉 Rest는 URI를 통해 자원을 표시하고, HTT..

프로젝트 내에서 웹 프론트엔드 포지션을 맡고, 처음 한 과제 중 하나는 howto 페이지였다. 과제 목표는 inteliJ 페이지처럼 만드는 것. IntelliJ IDEA overview - Help | IntelliJ IDEA IntelliJ IDEA overview IntelliJ IDEA is an Integrated Development Environment (IDE) for JVM languages designed to maximize developer productivity. It does the routine and repetitive tasks for you by providing clever code completion, static code analysis, a www.jetbrains...

저번 편에서 했던 django, react 설치 외에도, 내 편의를 위해 세팅한 다른 소소한 기능들이 많다. 이번 편에서는 그 소소한 기능들에 대해 알아보자. 홈서버를 통해 이루고자 하는 내 목표는 다음과 같았다. 1. 포트폴리오 사이트 겸 그 자체로 포트폴리오인 웹페이지 만들기 React 2. 뉴스 정보 크롤링해서 매일 볼 수 있는 Django API 3. NAS처럼 쓸 수 있는 파일 서버 owncloud 4. 토렌트, 마그넷 던져주면 받아준다는 transmission 5. 어디서나 영화, 드라마 볼 수 있는 plex media server -> 라이브러리 transmission 폴더랑 연동시켜서 받자마자 보기 위에 두 개는 설치를 끝내고 진행중인 상황이고, 나머지 녀석들을 설치해보았다. ownclou..

상대경로 빌드할 일이 있을때 참고해야겠다 Create React App · Set up a modern web app by running one command. `npm run build` creates a `build` directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main..js` are served with the conte create-react-app.dev